Si bien habemos diseñadores y desarrolladores web que nos gusta agarrar el código por los cuernos, también es cierto que en la red podemos encontrar un sin fin de código fuente plugins, clases en diversos lenguajes algunos de uso libre y su contra parte con costo que los diferencia en algunas funcionalidades o características especiales.

En esta entrega aprovecharé para listar un pequeño conjunto de plugins para jQuery que han llegado para quedarse en mi stock de librerías para diseño y desarrollo de sitios web.

Si bien este tipo de scripts y conjunto de herramientas son muy útiles, es de suma importancia no abusar en su uso pues en ocasiones hacen lentos nuestros sitios.

Otra cosa muy importante que debemos tomar en cuenta es la compatibilidad con navegadores web ya que en la mayoría de los casos se ven bien en uno pero en otro e ven fatal.

JQuery

En si jQuery es una librería o framework javascript que nos permitirá interactuar con el HTML de nuestros sitios de forma sencilla, por ejemplo podremos mostrar u ocultar secciones, modificar atributos CSS, contenidos, etc. sin necesidad de recargar el archivo en el navegador.

Sitio Oficial: www.jquery.com

jQuery UI

jQuery UI

jQuery UI

Este plugin permite crear una serie de efectos de animación y/o widgets de forma sencilla, cuenta con varios temas e inclusive cuando lo vas a descargar puedes crear un tema a la medida. Entre los widgets mas interesantes se encuentran:

Button -> http://jqueryui.com/demos/button/

Datepicker -> http://jqueryui.com/demos/datepicker/

Dialog -> http://jqueryui.com/demos/dialog/

Galería de temas -> http://jqueryui.com/themeroller/#themeGallery

Diseño tu propio tema -> http://jqueryui.com/themeroller/

Twitter Bootstrap

Sitio Oficial Bootstrap

Sitio Oficial Bootstrap

De reciente creación y estrenando sitio web, bootstrap se ha convertido ya en el consentido para el diseño y desarrolloweb web, una de las ventajas mas palpables es que se puede usar para frontend y backend, además de de permitir customizar en base a las necesidades de nuestro sitio y/o aplicación web, además de contener plugin jquery adicionales.

Sitio Oficial: http://twitter.github.com/bootstrap/

Ejemplos: http://twitter.github.com/bootstrap/components.html

Kendo UI

Interfase de usuario basada en jquery

Kendo UI

Esta es una completa interfase de usuario basada en jquery, cuenta con versión gratis que contiene un completo arsenal de widgets y la versión de pago que incorpora funcionalidad para móviles y un potente gestor de gráficos y manipulación de datos.

Sitio Oficial: http://www.kendoui.com/

Ejemplos: http://demos.kendoui.com/web/overview/index.html

JQuery Tools

jQuery Tools

jQuery Tools

Este es muy similar al jQuery UI, ofrece un conjunto de widgets muy buenos, aunque en lo personal creo que un poco más complejo y pesado.

Sitio oficial -> http://flowplayer.org/tools/index.html

Ejemplos -> http://flowplayer.org/tools/demos/index.html

ColorBox: jQuery Lightbox

jQuery Colorbox

jQuery Colorbox

Un poderoso plugin que nos permite crear galerías de imagenes con animaciones, transparencias y más, ofrece varios temas y es muy ligero y fácil de implementar

jQuery Lightbox -> http://colorpowered.com/colorbox/

Ejemplos -> http://colorpowered.com/colorbox/core/example5/index.html

Facebox

jQuery Facebox

jQuery Facebox

Un lightbox sencillo con apariencia parecida a la de facebook

Sitio oficial -> http://defunkt.io/facebox/

jQuery Validate

jQuery Validate

jQuery Validate

Este plugin ayuda a crear reglas y restricciones para nuestros formularios, entre otras cosas puede uno hacer requerido un campo en base a un radio button o checkbox seleccionado.

Si bien ayuda mucho a controlar los datos que recibimos, es muy importante tomar en cuenta que también debemos validar estos del lado del servidor para tener mayor efectividad en la obtención de la información.

Sitio oficial -> http://bassistance.de/jquery-plugins/jquery-plugin-validation/

Ejemplos: -> http://jquery.bassistance.de/validate/demo/

Uploadify

jQuery uploadify

jQuery uploadify

Este plugin nos permitirá subir archivos sin necesidad de hacer un llamado a un segundo script, es compatible con swfobjet y permite controlar algunas características de los archivos a subir.

Como comentario, es importante que cuando usemos este tipo de scripts validemos no solo por extensión sino por tipos MIME.

Sitio oficial -> http://www.uploadify.com/

Ejemplos -> http://www.uploadify.com/demos/

Documentación -> http://www.uploadify.com/documentation/

qTip

jQuery qTip

jQuery qTip

Con este plugin podremos crear varios tipos de toltips

Sitio oficial -> http://craigsworks.com/projects/qtip/

Ejemplos -> http://craigsworks.com/projects/qtip/demos/

jQuery Barcode

jQuery Barcoder

jQuery Barcoder

En espaecial este sitio ofrece el plugin en varios frameworks y lenguajes de programación, en este caso el de jQuery que genera el código de barras en tiempo real y con puro CSS.

Sitio Oficial -> http://barcode-coder.com/en/

Ejemplos -> http://barcode-coder.com/en/barcode-jquery-plugin-201.html