Hoy tenemos un nuevo post de Programación que nos escribe nuestro vecino Francisco Cabezas (@fcocabezas) desde Chile. Muy interesante y útil post para todos los usuarios y fanáticos!

NO SE LO PIERDAN!

“13 plug-ins/tutoriales recomendables usando jQuery”

En nuestro primer post se hizo una introducción a jQuery que en su forma más práctica, osea, para quienes no programan no tiene una utilidad final muy clara.

Para ayudar en la visibilidad de para que sirve jQuery podriamos decir que lo utiliza Google, Dell o Wordpress.

Claramente estos sitios son buenos ejemplos de la utilidad de jQuery y lo que se puede lograr con buenas prácticas de programación. Pero para ser más entretenidos y útiles para quienes quieren hacer un nuevo sitio utilizando esta herramienta, es mucho más útil conocer lo que puede lograr con algunos plug-ins. A continuación una muestra.

Galería fotográfica

Galleria es como dice su nombre, una galería de imágenes escrita en jQuery. Permite cargar las imágenes de una lista no ordenada, desplegando miniaturas que al ser seleccionadas muestran la imagen en mayor tamaño. El efecto de “loading” es muy elegante. Para verlo en acción usa este demo.

Panel de Login dinámico

Esto no es estrictamente un plug-in pero clasifica por su utilidad, ya que es un panel de login que se oculta o muestra según la necesidad, lo que maximiza la superficie disponible para el sitio en cuestión. Quienes han desarrollado un portal con anterioridad agradecerán esta funcionalidad. Para verlo en acción, usa este demo.

FormToWizard: Un Formulario con esteroides

FormToWizard permite hacer de un formulario un verdadero wizard. Para verlo en acción usa este demo.

jNice

jNice es un artilugio permite hacer de un formulario, un elemento gráfico independiente del browser en que se vea. Cuántas veces un cliente te ha preguntado porque el botón del formulario es tan feo? Para verlo en acción usa este demo.

Ingrid

Ingrid permite dar funcionalidad de grilla a una tabla. Ordenar por columnas, cosa de niños. Para verle en acción usa este demo.

jQuery checkbox

Este plug-in permite darle el look & feel de los checkbox tipo iPhone a los checkbox de tu formulario. Deseas verlo? Usa este demo.

jQplot

jQplot es el plug-in por excelencia para realizar gráficos on the fly. Esta tecnología no usa imágenes, sino que dibuja usando “canvas”. Dado que IE no soporta canvas, existe el respectivo parche. Para verlo en acción, se pueden aburrir con la página de ejemplos.

Uploadify

Uploadify permite crear formularios de subida de archivos con un look & feel elegante y una usabilidad agradable para el usuario de nuestra página, entre otras cosas, barra de progreso y soporte para subir varios archivos. Obsérvalo en acción en este demo.

Ajax Fancy Captcha

Este plug-in es una excelente solución para proteger los formularios de robots y spammers, bueno, bonito y barato. Su respectivo demo está inserto en la página del plug-in.

Tooltip mejorados

Muchas veces es necesario darle un toque mas humano a los elementos con los que se enfrenta el usuario en nuestra página. Uno de esos toques se puede lograr con tooltips de ayuda.

Míralo en acción en este demo.

Password Strength

Si quieres que tus usuarios puedan saber lo fuerte de sus password, este artilugio será un dulce para ellos. La idea del plug-in es mostrar cuanto tiempo tomaría descifrar la clave por fuerza bruta. El demo está inserto en la página del plug-in.

SexyDropDownMenu

SexyDropDownMenu es una solución para hacer un menú totalmente operativo y ajustable para cada diseño. Para verle actuar, aquí está el demo.

jQDock con esteroides

Y para dejarles sin aire a los amantes de la usabilidad de Mac OS X, aquí les dejo este candy. Sin comentarios.

Finalmente

Es de esperar que este largo, pero gráfico artículo le sirva tanto a diseñadores, programadores y CEO’s para saber cuanto más pueden lograr usando jQuery haciendo de sus sitio una experiencia gratificante, de modo que el usuario vuelva, y lo que es mejor, haga correr la voz a favor nuestro.