Cada vez se utilizan más las cuadrículas de datos (grids en adelante) para mostrarnos información en las páginas web, así que los plugins de jQuery como siempre serán nuestros aliados para ello.

Con OpenJS Grid tenemos un plugin que funciona muy bien al combinar la potencia de jQuery con la obtención de datos mediante peticiones Ajax con ficheros PHP, lo que permite una sincronización perfecta.

Se pueden buscar datos sin problemas y limitarlos para buscarlos con paginación, algo también muy útil.

Enlace | OpenJS Grid

Fuente | WebResourcesDepot

Cualquier diseñador sabe lo que son las guías de Photoshop y a buen seguro le da un uso extenso, ya que son vitales para delimitar los diseños y colocar mejor todos los elementos, pero tienen un pequeño problema: la funcionalidad de las mismas.

Para mejorar esto contamos con el plugin GuideGuide, que nos ayudará de una forma tremenda a colocar las guías con un par de clicks, poniendo por ejemplo un par de guías en el medio de nuestro lienzo con una única pulsación de ratón.

Se instala como un panel -tenéis que añadirlo vosotros a vuestra disposición- y es compatible con CS4 y CS5.

Enlace | GuideGuide

Piénsalo: hasta ahora la única forma que conocíamos para añadir un look retro a una página web era pasar mucho rato en Photoshop optimizando el diseño para que fuera totalmente ochentero, pero eso puede tener los días contados.

VintageJS es un estupendo plugin de jQuery que se encarga él solito de añadir un look totalmente retro a las imágenes que le especifiquemos, funcionando a las mil maravillas gracias al uso del elemento <canvas> de HTML5.

Como HTML5 que es, nos olvidamos de Internet Explorer 8 y anteriores, entre otros.

Enlace | vintageJS

Fuente | WebResourcesDepot

Las líneas de tiempo o timelines son bastante interesantes para representar algunos datos obviamente siempre referidos a distintos espacios de tiempo, así que este plugin es perfecto para hacerlo vía web.

La interfaz que nos presenta el plugin soporta zoom para acercarnos usando incluso la rueda del ratón, y podemos hacer click en los eventos para ampliar su descripción, todo ello visto desde el punto de vista del usuario.

Desde el punto de vista del desarrollador no es muy complicado, y es que ya sabéis que todos los plugins de jQuery son relativamente sencillos de usar.

Enlace | Timeglider

Fuente | WebResourcesDepot

Esto de jQuery es una verdadera maravilla, los plugins que salen son cada vez más increíbles y nos permiten realizar todo tipo de operaciones, y en este caso nos centraremos en explorar el DOM.

El Document Object Model o DOM (‘Modelo de Objetos del Documento’ o ‘Modelo en Objetos para la representación de Documentos’) es esencialmente una interfaz de programación de aplicaciones (API) que proporciona un conjunto estándar de objetos para representar documentos HTML y XML, un modelo estándar sobre cómo pueden combinarse dichos objetos, y una interfaz estándar para acceder a ellos y manipularlos. A través del DOM, los programas pueden acceder y modificar el contenido, estructura y estilo de los documentos HTML y XML, que es para lo que se diseñó principalmente.

Realmente interesante para los que nos gusta estar trasteando a todas horas.

Enlace | DomSearch.JS

Fuente | WebResourcesDepot

Si estás buscando un plugin para subir archivos y no te interesa tirar de Flash como hacen muchos de estos plugins estás posiblemente ante tu mejor opción: jQuery File Upload.

Este plugin es totalmente Flash-Free y te permite subir archivos con una facilidad impresionante, todo ello con un increíble soporte drag-and-drop (arrastrar y soltar) archivos a la zona de subida.

Además cuenta con una barra de progreso, que es algo bastante útil para ver como va la subida.

Enlace | jQuery File Upload

Fuente | WebResourcesDepot

Muchas veces recurrimos a realizar los gráficos con programas externos y luego los metemos en la web, o en otros casos optamos por la vía PHP para crear todo en el lado del servidor, con la consecuente carga de datos.

Con librerías javascript como jQuery y plugins como Arbor.js podemos hacer todo en el lado del cliente, ahorrando una valiosa carga de datos en el servidor y distribuyendo mejor los recursos.

Permite usar canvas, SVG y elementos HTML para los gráficos, por lo que no nos podemos quejar de alternativas.

Fuente | WebResourcesDepot