ENLACES PROGRAMACIÓN

ENLACES PROGRAMACIÓN

REFERENCIA DE LENGUAJE PHP:
Sitio oficial de PHP, imprescindible para cualquier consulta.

PHP EN CASTELLANO:
Sitio de recursos PHP en castellano. Foros, artículos, blogs... Todo para desarrollar sitios en PHP y para diferentes niveles de usuarios.

REFERENCIA PARA MYSQL Y PHP:
Referencia muy completa para todo lo referente a PHP y MYSQL. La ordenación alfabética de funciones y sentencias es de lo mejor y muy avanzado para poder realizar consultas muy concisas.

FOROS DEL WEB:
Foro imprescindible para todo aquel que necesita ayuda para programar o desarrollar. Contiene foros de PHP, ASP, FLASH, HTML, CSS y mucho más.

SelectList

SelectList

SelectList es un plugin para jQuery que reemplaza la forma estándar de selección de múltiples elementos con ua interfaz más fácil y amigable. El usuario selecciona los elementos de una lista desplegable y estos se van mostrando más abajo. Las características principales son:

• Se añade a un elemento "select" existente, con lo que no se requieren cambios significativos en el código HTML.
• Soporta la clasificación automática de los elementos seleccionados.
• Permite el uso de funciones de devolución de llamada cuando se añaden elementos y se eliminan.
• Posee funciones para añadir y eliminar items.
• Soporta animaciones y efectos personalizados.
• Se puede cambiar el aspecto mediante CSS.
• Ligero. El paquete es inferior a 3 KB.

El plugin funciona en todos los principales exploradores, incluyendo Firefox 2 +, Opera 9.5 +, Google Chrome, Safari 3 +, e Internet Explorer 6 +.

selectList » »

8 Javascript para solucionar los problemas más comunes de CSS

8 Javascript para solucionar los problemas más comunes de CSS

El CSS es definitivamente una gran técnica para los diseñadores y desarrolladores web. Sin embargo, entre los problemas del navegador y la falta de apoyo CSS3 en los navegadores modernos, suelen transformarse en un verdadero problema. En catswhocode han recopilado 8 Javascript que les permitirá solucionar los problemas más comunes. Por ejemplos Transparencias, incluir clases diferentes para los diferentes navegadores, solucionar los problemas de alturas de las columnas, Solucionar la vista de las esquinas redondeadas, Fixing IE overflow problema, Los alineamientos verticales, las precargas de imágenes, Matar IE6 (colgará automáticamente una vez que la página se carga)

Enlace 8 Javascript solutions to common CSS problems

jCart: Carro de la compra con PHP y jQuery

jCart: Carro de la compra con PHP y jQuery

jCart es un script para implementar de un modo sencillo un carro de la compra con Ajax -que actualice sus elementos sin necesidad de recargar la página-. Está desarrollado con jQuery y PHP y genera código XHTML válido cuyo aspecto puede ser fácilmente personalizado mediante CSS. Me ha gustado que lleve implementado un sistema de validación de lado del servidor.
jCart » »

Iron Myers CSS Layouts

Iron Myers CSS Layouts

En ironmyers.com nos ofrecen una buena colección de layouts, multitud de diseños preestablecidos para todas nuestras necesidades. Los layouts estan divididos en tres grandes bloques: con ancho 100%, con ancho de 950px y con ancho de 750px. Estos diseños CSS son totalmente compatibles con los navegadores actuales, lo que significa que estos diseños CSS se verán y se comportarán de la misma en todos los navegadores de Internet: Internet Explorer 6, Internet Explorer 7, Firefox, Opera, Safari, etc.

Iron Myers CSS Layouts » »

Nueva actualización de KDE

Nueva actualización de KDE

El entorno de escritorio para Linux, KDE, ha publicado una nueva revisión que implementa varias mejoras y muchas correcciones de errores. Sobre todo destacan las mejores sobre el gestor de correo de KDE, KMail, y el motor de renderizado HTML KHTML.

Para KMail se ha acelerado la sincronización de carpetas IMAP al estar desconectado, y se ha corregido no poder abrir archivos adjuntos comprimidos en formato .tar y .gz.

El visor de documentos Okular ha mejorado La modalidad de presentación, y ahora ya es posible leer todas las páginas HTML. La guía de archivos KRunner, además de mejorar su estabilidad, ahora evita mostrar los duplicados como resultado. En KHTML se han implementado varias mejoras en la caché de búsqueda, y múltiples optimizaciones de soporte para los selectores de CSS. También se ha corregido un pequeño problema entre KDECore y la visualización de páginas de Facebook.

Puedes consultar la lista completa de errores corregidos y mejoras implementadas.

Lógicamente esta última versión de KDE ya está disponible para su descarga.

50 libros de Desarrollo Web. Lectura recomendada

50 libros de Desarrollo Web. Lectura recomendada

Nettuts muestra una extensa lista de libros que todo desarrollador web debe tener como referencia. Temas que abarcan CSS, JavaScript, Ruby, Linux, MySQL, Ruby on Rails, WordPress, Linux, etc. Claro, todas en inglés, aunque hay ediciones de estos libros en español que pueden encontrar en Agapea.

Enlace

Bordes redondeados con CSS

Bordes redondeados con CSS

Si quieres redondear bordes de elementos en ndiseños, no siempre hay que utilizar imágenes. En CSS existe una propiedad de los elementos que redondea los bordes de las cajas. Lo malo de esta propiedad es que solo sirve para navegadores como Firefox y Safari (o basados en WebKit).



.curved {
-moz-border-radius: 10px; /* Firefox y similares */
-webkit-border-radius: 10px; /* Navegadores basados en WebKit: Safari, Chrome, etc */
}

Esta propiedad puedes usarla en las variantes de la posición de los vértices: por ejemplo: -moz-border-radius-left, -webkit-moz-border-radius-left.

Styleneat, hojas de estilo ordenadas y limpias

Styleneat, hojas de estilo ordenadas y limpias

Mantener las hojas de estilo ordenadas, que sigan una cierta lógica, es una de esas buenas costumbres que todos deberíamos cultivar.
No obstante, cuando heredamos código de otros desarrolladores o, incluso, cuando trabajamos con prisas o sin prestar suficiente atención, podemos encontrarnos con auténticos desastres.
Styleneat es una cómoda aplicación online que promete dejar tus hojas de estilo limpitas como una patena. Para ello sólo tendrás que cargar tus estilos de una de las tres formas disponibles (pegar directamente el código, subir el fichero css o importarlo desde una dirección web).
Una vez cargado el código podrás seleccionar unas cuantas opciones para formatearlo: organizar las propiedades alfabéticamente, organizar selectores alfabéticamente (con cuidado, según pone la propia web, así que supongo que podría salir mal), importar y organizar el código de hojas de estilo enlazadas (@import) y si queremos formatear nuestras reglas de estilo en una sola línea o en varias. Por último, existe una casilla etiquetada “safe organize” que supongo prevendrá a la aplicación realizar acciones que pudieran “romper” nuestras hojas de estilo.

Styleneat: http://www.styleneat.com/
Vía Wwwhat’s new?

Column Layout Generator, genera múltiples columnas en CSS

Column Layout Generator, genera múltiples columnas en CSS

Column Layout Generator es una excelente herramienta que debemos tener a la mano cuando se trata de crear un diseño en CSS de 2 a más columnas. A veces esto es un poco tedioso, pero esta herramienta nos facilita enormente el trabajo, además nos permite jugar con la dimensiones de cada columnas, el color de fondo y obtener el código CSS listo para copiar y pegar.

Cuadros de diálogo con jQuery

Cuadros de diálogo con jQuery

jQuery Alert Dialogs sustituye la funcionalidad básica proporcionada por las funciones estándar JavaScript: alert(), confirm() y prompt(). Estos cuadros de diálogos son personalizables a través de CSS y así darle un estilo profesional. Podemos incluso establecer un título para cada diálogo.

A diferencia de los cuadros de diálogos estándar JavaScript, podemos usar HTML dentro del parámetro message, así podemos usar para una nueva línea: \ n ó
. Si se incluye el plugin jQuery UI Draggable podemos arrastrar y mover los diálogos desde su barra de título.

Demo Vía Freeze_Soul In Hard Working

CSS Orientado a Objetos

CSS Orientado a Objetos

Si hay algo que reprocharle a las hojas de estilo en cascada (CSS) es que cada uno las escribimos de la forma que mejor nos conviene y no siempre las optimizamos, tanto en peso como en reutilización de elementos.
Nicolle Sullivan hace una aproximación a las CSS orientadas a objetos (OOCSS), de manera que se generen una serie de modulos reutilizables y seamos capaces de crear hojas de estilo ligeras y manejables incluso para sitios grandes.
Además de presentarnos la idea mediante la metáfora de crear piezas de lego con las que ir construyendo nuestros sitios, de manera que mantengamos la consistencia en el diseño, el respeto por los estándares, la semántica (separando los contenedores del contenido y el código del diseño) y el peso de los archivos de estilos bajo control, nos deja su código fuente liberado con licencia libre en GitHub.

Object Oriented CSS

View more presentations from Nicole Sullivan.

El concepto me parece muy interesante, sobre todo desde el punto de vista de la facilidad de legar el código a otros desarrolladores y permitir crear nuevas páginas de un sitio con rapidez, sin duplicar elementos y manteniendo la consistencia a lo largo de todo el sitio, independientemente de quien haya tocado.

CSS Navigation Bar Code Generator, generador de barras de navegación

CSS Navigation Bar Code Generator, generador de barras de navegación

Ya sabemos que lo mejor para ahorrar peso y tiempo de carga es usar “sprites” en los casos que vayamos a usar imágenes para adornar nuestros enlaces ¿verdad?
A pesar de los claros beneficios, como mejorar el tiempo de carga o conseguir un efecto rollover más limpio y sin saltos, crear una barra de navegación basada en gráficos mediante sprites puede ser un poco aburrido.

Navigation Bar Code Generator es un proyecto de Matt Varone que nos ayudará en la tarea. Sólo tendremos que subir nuestra imagen que se compondrá de los 3 estados básicos de la barra de navegación en un sólo fichero, seleccionar el aspecto de nuestro estado normal y seleccionar los diferentes botones de los que está compuesta.

Una vez hayamos dividido nuestra imágen, sólo tendremos que introducir el nombre de los diversos enlaces que la compondrán y recoger nuestro código xHTML y CSS, perfectamente válido y en unos segundos.

Para que os hagáis una idea más clara de cómo funciona lo mejor es que veáis un video explicativo o hagáis vuestras pruebas con la imágen de ejemplo.

CSS Navigation Bar Code Generator: http://lab.mattvarone.com/navbar/

Syleneat: Organiza tus CSS

Syleneat: Organiza tus CSS

Syleneat es una utilidad online que organiza y unifica los archivos CSS - selectores, sub-selectores y propiedades - en una estructura que facilita la definición de zonas en la página y ver cómo se relacionan unas con otras. Nos permite escoger entre una serie de opciones para organizar nuestra CSS:
Ordenar por selectores alfabéticamente
Ordenar por propiedades alfabéticamente
Única linea de formateo o múltiple linea de formateo
Importar y organizar los archivos enlazados
El servicio puede ser utilizado de tres formas: pegando el texto CSS, subiendo el archivo CSS o proporcionando la URL del archivo CSS.

Syleneat » »

RoundCube

RoundCube

RoundCube Webmail es un cliente de correo gratuito,multilingue y basado en navegador. Ofrece un aspecto similar a las aplicaciones denominadas de escritorio y todas las funcionalidades que uno espera de un cliente de correo electrónico: libreta de direcciones, manipulación de carpetas, corrección ortográfica,...

Está escrito en PHP y requiere una base de datos MySQL. La interfaz de usuario es totalmente personalizable mediante CSS. Algunas de sus características son:
Soporte multilingüe
Soporte completo para mensajes MIME y HTML
Redacción mensajes con archivos adjuntos
Libreta de direcciones
Reenvío de mensajes con archivos adjuntos
Gestión de carpetas
Cache incorporada para un rápido acceso a buzón de correo
Soporte para un servidor SMTP externo
Búsqueda de contactos y mensajes
Corrección ortográfica
Número ilimitado de usuarios y mensajes

RoundCube » »

CSS Menus: Galería de menús con opción de descarga

CSS Menus: Galería de menús con opción de descarga

CSS Menus es un sitio web creado para mostrar cómo se puede utilizar CSS para crear elegantes menús a partir de listas. La web nos permite previsualizar un gran número de menús divididos en categorías y descargar aquellos que nos agraden. Los menús realizados mediante CSS tienen la ventaja de que que permiten a los motores de búsqueda navegar fácilmente; son fáciles de implementar, y funcionan incluso cuando el javascript está desactivado. CSS menús se divide en cuatro secciones: Menús de nivel único; Menús desplegables; Dropline Menús; Menús de Flyout.

CSS Menus » »

Enorme colección de plantillas XHTML-CSS gratuitas

Enorme colección de plantillas XHTML-CSS gratuitas

101 High Quality CSS And XHTML Free Templates And Layouts: Part 1 » »
101 More Quality CSS, XHTML Free Templates: Part 2 » »

Listas secuenciales con jQuery & Css

Listas secuenciales con jQuery & Css

jQuery Sequential List, un simple Tips con el que aprenderás a crear listas Secuenciales utilizando jQuery y CSS. Podrás encontrar un tips para crear listas Generales muy vistosas y otro para incorporar estas listas a nuestros bloques de de comentarios.

Ver Demo - Mas info jQuery Sequential List

CSS Chart Generator - Graficos de Barras en segundos

CSS Chart Generator - Graficos de Barras en segundos

CSS Chart Generator, un práctico generador de gráficos de Barras en CSS. Con esta interfaz es realmente simple crear diseños gráficos en cuestión de segundos. Simplemente debemos configurar algunos parámetros como el color de las barras, tamaño, los títulos de los ejes X e Y, color de fuente, fondos y muchas características más. Una vez que hemos realizado la configuración deseada, es fácil de implementarlo a nuestro blog; Solo deberemos copiar el codigo que se nos genera y pegarlo en las secciones que deseamos mostrar nuestra grafica. Muy facil.

PHP:
file_get_contents(" ///AQUI PEGAMOS EL COGIGO Q SE NOS GENERA ///// ");
echo $chartData;

PHP:
file_get_contents("http://www.artviper.net/css-chart-generator/chartdraw.php?&w=350&h=250&fontsize=10&ytitle=Welcome&xtitle=CSS Chart Generator&vals=100,120,170,210,222&colors=900,e60,333,3a8ef6,cf0&bw=35&barspc=15&showvals=1&bgchart=555&fontcol=000&spenable=1&spdist=25&spcol=222");echo $chartData

ColorBox - Plugin jQuery de 12kb para montar lightbox

ColorBox - Plugin jQuery de 12kb para montar lightbox

Es realmente magnifico poder contar con diversas opciones a la hora de agregar efectos a nuestros proyectos online. Y es el caso particular de los lightbox, cada día surgen cantidad de alternativas con tantas ventajas como desventajas, y seguramente el motivo, será que es uno de los efectos mas utilizados en el desarrollo web. ColorBox es otro plugin para jQuery 1.3, ligero y personalizable que nos permitirá atractivos lightbox.Características interesantes de ColorBox

• Soporta la utilización de fotos de forma individual o en grupos, Soporta ajax en línea, y contenido iframed.
• Diversos Estilos. Apariencia completamente controlada a través de CSS, para que los usuarios puedan dar nuevos estilos a la caja.
• EL comportamiento de los ajustes puede ser sobre-escrito, sin alterar el archivo de Javascript ColorBox.
• HTML Totalmente discreto, no requiere cambios en los existentes HTML
  Efecto atractivo, con discreto degradado.
• Precarga de imágenes de fondo para evitar la inflamación de unstyled
• Ligero: sólo 12kbs de JavaScript - sólo 2kbs gzip y minified!
  Escrito en jQuery .
• Genera XHTML y CS S válido
  
  Ver Demos: 1 - 2 - 3 - 4 - Mas info y Descarga ColorBox lightbox