¿Para qué reinventar la rueda? ¿Quién no ha escuchado eso antes? Estoy seguro que sí lo has escuchado. Y es que, ¿para qué gastar tiempo y trabajo en algo que ya existe y funciona? Aquí les dejo 11 plugins de jQuery que te ahorrarán tiempo y esfuerzo a la hora de crear una página web. Así que échale un vistazo y déjanos saber, a través de los comentarios, si dejamos tu favorito fuera.

Para su conveniencia, he dividido la lista en dos categorías: funcionalidad y Diseño.

Funcionalidad

Estos plugins te ayudarán a llevar tu aplicación web al próximo nivel de una forma sencilla y rápida. Los mismo añaden funcionalidad a objetos que comúnmente usas en tus aplicaciones web.

DataTables

datatables

Este plugin está hecho para hacer de tus tablas HTML unas más dinámicas y funcionales. El mismo añade un sinnúmero funcionalidades a las tablas HTML. Además, ¡es gratuito! Definitivamente vale la pena echarle un vistazo. Les dejo una lista de las funcionalidades que este DataTables provee.

  • Paginación
  • Campo de busqueda
  • Organiza por orden alfabético
  • Se le puede aplicar estilo utilizando jQuery UI ThemeRoller
  • Desplega data de, casi, cualquier fuente de datos
    • Elementos HTML
    • Arreglo de JavaScript
    • AJAX
    • Procesamiento server-side (PHP, C#, Perl, Ruby, etc.)

DEMO

WATable

watable

WATable es otro plugin que añade funcionalidad a las tablas HTML sin mucho esfuerzo. Las capacidades de este son un poco restringidas en comparación con DataTables pero, de igual manera, nos da la flexibilidad de poder hacer de nuestras tablas HTML unas mucho más dinámicas. Varias de las cosas que WATable hacen posible son:

  • Paginación
  • Campo de busqueda
  • Organiza por orden alfabético

DEMO

ContextMenu

contextmenu

ContextMenu fue diseñado para aplicaciones web que necesitan menús en una gran cantidad de objetos. Estos menús pueden ser accedidos cuando hacemos clic, con el botón derecho del ratón, en el objeto en el cual lo definimos. Este plugin es sumamente útil cuando estamos desarrollando una aplicación web grande y dinámica. Los exhorto a que le den un vistazo y jueguen con él.

DEMO

jsPDF

jsPDF

jsPDF provee la capacidad de generar documento PDF desde el navegador. Fantástico, ¿no? Ahora puedes generar PDF de cualquier tipo desde el navegador. Esto puede ser utilizado para exportar información de nuestra página web directamente a PDF. ¡Las posibilidades son infinitas!

DEMO

Chart.js

chart.js

Chart.js es uno de los plugins que te dejan boquiabierto por su funcionalidad. Chart.js es un plugin de jquery, diseñado tanto para desarrolladores como para diseñadores de páginas web, que permite generar gráficas en HTML5. Actualmente cuentan con 6 tipos de gráficas: lineales, de barra, radar, circular, área polar y de anillos.

DEMO

ColorPicker

colorpicker

ColorPicker es un simple plugin de jQuery que nos provee la funcionalidad de escoger colores como lo harías en Photoshop. Al seleccionar, el plugin, nos devuelve el código hexadecimal que representa el color seleccionado.

DEMO

Select2

select2

Select2 es un plugin que reemplaza la funcionalidad corriente de un elemento select por una mucho más versátil. Una de las funcionalidades que añade es la capacidad de buscar elementos a través de un campo de búsqueda. Este plugin es excelente para hacer que el usuario tenga una gran experiencia en nuestra aplicación web.

DEMO

Diseño

Esto plugins ayudarán al diseño de tu página web de una manera sencilla. Están dedicados a diseñadores web que quieren hacer de su página web una obra de arte sin perder mucho tiempo.

imgAreaSelect

imgAreaSelect

imgAreaSelect es un plugin que permite seleccionar un área rectangular de una imagen. Le permite a los desarrolladores web integrar funcionalidad de recorte de imágenes en sus aplicaciones web además de otras funcionalidades. Es un buen plugin para las aplicaciones que requieren manejar imágenes.

DEMO

PrettyPhoto

prettyphoto

PrettyPhoto es un plugin de jQuery basado en el plugin lightbox. El mismo permite crear galerías de fotos, videos (flash, YouTube) y contenido AJAX entre otras cosas. Es muy fácil de utilizar y compatible con la todos los navegadores populares. Sí, Internet Explorer está incluido en los navegadores compatibles.

Además, PrettyPhoto cuenta con su API que puede ser usado desde cualquier lugar, incluyendo Flash. Es muy buen plugin que vale la pena usar.

DEMO

Slidebars

slidebars

Slidebars permite implementar, fácil y rápido, menús al estilo de aplicación móvil. Sí, hablo de las 3 barritas que permiten el acceso a el menú lateral de la aplicación. Con este plugin puede hacer exactamente eso en tu aplicación web. Lo que provee una solución limpia y agradable a la vista cuando se trata de los menús de la página.

DEMO

UI Layout

layout

UI Layout es uno de esos plugins que te hacen la vida mucho más fácil de lo que realmente es. Este plugin permite crear plantillas para aplicaciones web sumamente fácil. Tambien, las plantillas pueden ser personalizadas con mucha facilidad. Es un excelente plugin que, personalmente, uso frecuentemente.

DEMO