Lazy load, carga tus imágenes bajo demanda con jQuery

Escrito el 02 de Octubre de 2012 por y leído 7,428 veces. Ver comentarios

Lazy load, carga tus imágenes bajo demanda con jQuery

Lazy Load es un plugin de jQuery escrito en JavaScript que se encarga de retrasar la carga de imágenes en las páginas web largas. Las imágenes que se encuentren fuera del viewport (parte visible de la página web) no serán cargadas antes de que llegues a su ubicación bien sea con la rueda del ratón o la barra de scroll. Resumiendo, hace justamente lo contrario que la precarga de imágenes.

Usar Lazy Load en páginas web largas que contienen muchas imágenes de gran tamaño hará que la carga de la página vaya más rápido. Incluso, va más allá, ya que el navegador estará en el estado listo después de cargar únicamente las imágenes visible de un primer vistazo omitiendo aquellas que no se vean hasta que te desplaces por la web. En algunos casos, también puede ayudar a reducir la carga del servidor.

LEER ENTRADA

Elegir entre PDO y Mysqli para programación en PHP

Escrito el 28 de Septiembre de 2012 por y leído 7,626 veces. Ver comentarios

Elegir entre PDO y Mysqli para programación en PHP

Como muchos ya sabréis, yo me enteré a la fuerza, PHP ha decidido marcar como obsoletas todas las funciones nativas de mysql, es decir, que si utilizas mysql_query o mysql_select_db o cualquier cosa que empiece por mysql_, entonces, estás obsoleto como yo.

Pues bien, PHP, nos propone dos opciones para reemplazar nuestros códigos que son PDO y Mysqli o Mysql Improved (un mysql mejorado). Cabe destacar, que cualquiera de estos dos métodos requiere de PHP 5.0 en el caso de Mysqli y PHP 5.1 en el caso de PDO.

LEER ENTRADA

Adapt.js para Responsive Web Design con javascript

Escrito el 11 de Septiembre de 2012 por y leído 3,581 veces. Ver comentarios

Adapt.js para Responsive Web Design con javascript

Adapt.js es un archivo JavaScript muy livianito (848 bytes minified) que determina qué archivo CSS debe cargarse antes de que el navegador renderice o muestre tu página. Si el navegador se inclina o se cambia el tamaño, Adapt.js simplemente comprueba su ancho, y sirve sólo el CSS que se necesita, cuando se necesita.

Un posible inconveniente de Adapt.js es la posibilidad de ver un breve destello de contenido sin estilo mientras se cambia de fichero CSS (piensa en ello como "Ajax" para CSS) aunque nos avisan desde su web que se hizo todo lo posible por evitar el destello creando hojas CSS de 3kb de peso.

LEER ENTRADA

Resumen de Subflash 2012 en Vigo

Escrito el 28 de Agosto de 2012 por y leído 2,261 veces. Ver comentarios

Resumen de Subflash 2012 en Vigo

Un año más, dejamos atrás una nueva edición de Subflash, un evento que no te debes perder si te interesa el desarrollo web, o eres flashero o simplemente quieres pasar un fin de semana con gente extraordinaria.

Este año fue especial, fue la primera vez que se realizó en tierras gallegas, concretamente en Vigo. Y fuimos pocos, es verdad, pero yo me fui de ahí con la buena sensación de haber podido hablar con cada uno de los asistentes, al menos 5 minutos con cada uno, cosa que en ediciones anteriores, al ser tanta gente, era casi imposible.

LEER ENTRADA

Entendiendo el concepto de Media Queries en CSS3

Escrito el 01 de Agosto de 2012 por y leído 3,733 veces. Ver comentarios

Entendiendo el concepto de Media Queries en CSS3

Para entender el concepto de Media Query, nada mejor que la definición oficial del W3C que dice: "Una media query consiste en un tipo de dispositivo (media) y cero o más expresiones que comprueban  el estado de las características particulares de ese dispositivo. Entre las características que pueden utilizarse en una media query están las propiedades  "ancho", "alto" y "color". Mediante el uso de media queries, la presentación del contenido puede adaptarse a un rango específico de dispositivos de salida sin necesidad de modificar el propio contenido".

Traduciéndolo al idioma ´martiniano´, una Media Query es una serie de condiciones que pueden aplicarse a nuestras hojas de estilo CSS para que, según el tamaño y resolución del dispositivo, adopte una u otra forma.

LEER ENTRADA

Combobox o selects dependientes de 3 niveles con PHP y jQuery

Escrito el 23 de Julio de 2012 por y leído 39,955 veces. Ver comentarios

Combobox o selects dependientes de 3 niveles con PHP y jQuery

A menudo nos encontramos con la necesidad de realizar listas o selects dependientes del valor seleccionado en un nivel superior. Lo que comúnmente llamamos combobos o selects dependientes, que al seleccionar una opción de una lista, vamos actualizando las listas de niveles inferiores o, mejor dicho, dependientes del anterior.

Traduciendo, tenemos 3 listas (las llamaremos SELECT PADRE, SELECT HIJO y SELECT NIETO), pues bien, lo que queremos es que PADRE actualice a HIJO y éste a su vez, actualice a NIETO... pero cuidado, que también queremos que si se cambia alguno de estos valores, tanto PADRE, HIJO y NIETO se actualicen sobre la marcha.

LEER ENTRADA

Tooltips sencillos con jQuery y CSS

Escrito el 11 de Julio de 2012 por y leído 5,011 veces. Ver comentarios

Tooltips sencillos con jQuery y CSS

Otro nuevo plugin, Gips, para mostrar tooltips en nuestros elementos de la web con pocas líneas de código y 100% personalizables. Como siempre, necesitaremos jQuery, un poco de CSS y nuestra imaginación para combinar los estilos y efectos de nuestros globitos de ayuda.

El plugin nos permite configurar el estilo, tiempo que está visible, si se oculta automáticamente o no, la posición, el botón de cierre y todas las opciones que nos hacen falta.

LEER ENTRADA

Comprobar la fortaleza de una contraseña con jQuery

Escrito el 09 de Julio de 2012 por y leído 5,247 veces. Ver comentarios

Comprobar la fortaleza de una contraseña con jQuery

Este plugin se encarga de verificar la fortaleza de la contraseña ingresada a la vez que valida que se ingrese dos veces la misma clave, mientras presenta de modo gráfico el nivel de seguridad de la cadena ingresada.

Resumiendo, te dice si tu clave es fácil de adivinar o difícil según la combinación de caracteres que contenga. Para mayor nivel de seguridad, combinar símbolos, letras -ya sean minúsculas o mayúsculas- y números.

LEER ENTRADA

Insertar Google Maps en tu web con jQuery

Escrito el 05 de Julio de 2012 por y leído 5,078 veces. Ver comentarios

Insertar Google Maps en tu web con jQuery

Lo que traigo en esta ocasión es un plugin de jQuery que se encargará de hacerte facil la tarea de insertar y manipular mapas de Google Maps en tu web.

Si la API v3 de Google Maps ya es bastante más sencilla de utilizar que su versión anterior, este plugin realmente simplifica la tarea de utilizar los mapas y adaptarlos a nuestras necesidades.

LEER ENTRADA

jQuery Hint, texto de ayuda en los campos de tu formulario

Escrito el 14 de Junio de 2012 por y leído 3,886 veces. Ver comentarios

jQuery Hint, texto de ayuda en los campos de tu formulario

jQuery Text box hint es un plugin que se ocupará de mostrar y esconder contenido automáticamente en los campos de nuestro formulario de contacto.

Muchas veces habrás visto que al rellenar un formulario (creo que Twitter lo tiene), ya te aparece escrito algún texto en los campos de tipo input o textarea y al hacer click sobre ellos ese contenido desaparece automáticamente, volviendo a aparecer si haces un click fuera de dicho campo.

LEER ENTRADA