Basic jQuery Slider responsive, liviano y configurable

Escrito el 12 de Diciembre de 2012 por y leído 7,834 veces. Ver comentarios

Basic jQuery Slider responsive, liviano y configurable

Siempre queremos poner un slider en nuestras webs y nos esforzamos en buscar el más cool (o guay en versión spanish), con miles de efectos, que abarque miles de formatos en su contenido y que sea adaptativo (responsive in english)... para luego, no hacer nuestras webs adaptativas, poner sólo imágenes y usar siempre el efecto FADE... verdad?

Pues bien, buscando algo bueno bonito y barato, dí con este slider, realmente muy simple pero excesivamente potente y fácil de configurar o personalizar. Está basado en jQuery, como no, y su CSS tiene 13 líneas! (acabo de dejar de alucinar)... pero vamos a verlo a fondo.

LEER ENTRADA

Listado de registros con scroll infinito en PHP, Ajax y jQuery

Escrito el 21 de Noviembre de 2012 por y leído 12,852 veces. Ver comentarios

Listado de registros con scroll infinito en PHP, Ajax y jQuery

ACTUALIZACIÓN SEPTIEMBRE 2013: A pedido de un usuario en los comentarios, hay una variante del scroll infinito en PHP y Ajax lanzado desde un botón y no al desplazar el scroll al final de la página. Si quieres ver la demo, vete a este enlace.

Ahora que ya conoces las redes sociales, porque las conoces, no? habrás visto que la mayoría utiliza el scroll infinito de datos, es decir, a medida que vas bajando el scroll en la pantalla, se van cargando automáticamente nuevos registros de tus bases de datos.

LEER ENTRADA

Aceptar coma o punto como decimal en jQuery Validate

Escrito el 31 de Octubre de 2012 por y leído 4,616 veces. Ver comentarios

Aceptar coma o punto como decimal en jQuery Validate

Este minipost surge porque me encontré en la necesidad de aceptar el punto o la coma, indistintamente, como decimal en un campo de tipo numérico y aplicándole un rango de valores permitidos.

Lógicamente, estamos hablando de jQuery Validation plugin que, como buen plugin escrito en inglés, utiliza el punto como separador de decimales y la coma como separador de miles.

LEER ENTRADA

Prueba tus maquetaciones de Responsive Web Design

Escrito el 24 de Octubre de 2012 por y leído 2,730 veces. Ver comentarios

Prueba tus maquetaciones de Responsive Web Design

Motivado por la aparición de Responsivator, me he decidido a liberar un clon que testea tus diseños web maquetados de manera adaptativa o, como todos lo conocemos, en Responsive Web Design.

El script es muy sencillo, se ocupa mediante una llamada en Ajax de cargar diferentes estados de la url introducida en el área indicada abajo, que no deja de ser un iframe para cada tamaño.

LEER ENTRADA

STOC un plugin para crear una tabla de contenidos con jQuery

Escrito el 16 de Octubre de 2012 por y leído 1,759 veces. Ver comentarios

STOC un plugin para crear una tabla de contenidos con jQuery

Muchas veces nos encontramos con tener que mostrar gran cantidad de texto en una web, el ejemplo más claro de ésto es el típico aviso legal de las webs, que son unos enormes textos que nadie lee, pues bien, este plugin hará más fácil al usuario encontrar los títulos de los apartados creando una elegante tabla de contenidos (TOC de Table of Contents en la lengua de Shakespeare) o índice en castellano.

Lo genial de este plugin, además de ser livianito -pesa sobre unos 5kb- es que no te necesita para crear la lista. Sólo le debes indicar la cantidad de cabeceros (léase H1, H2, H3...) que debe considerar para crear la tabla. Unicamente habrá que indicar la profundidad, por ejemplo, 3, entonces el plugin creará una lista de contenidos teniendo en cuenta los h1, h2 y h3 del div que le indiques. Así de fácil, así de bonito.

LEER ENTRADA

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

Escrito el 02 de Octubre de 2012 por y leído 6,361 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 6,126 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,278 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,013 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,297 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