Nadie puede negar que las tablas son una excelente forma de mostrar información de manera ordenada, pero hay de tablas a tablas. Desde el simple [TABLE] a soluciones como la que ahora se muestra, las cuales echan mano de jQuery para dotarlas de interactividad.

Hablamos de Ingrid una solución desarrollada con jQuery, algunas de las funciones que ofrece son:

• Redimension de columnas
• Ordenamiento de datos
• Agrupación por pagina
• Estilos a columnas y registros
• Etc.

Además de esto puedes usar Ingrid para mostrar datos generados dinámicamente ya sea por ASP, PHP, etc.

Link: Reconstrukt | Ingrid | Demo
Link: Web Resource Depot | jQuery Datagrid: Ingrid

• jQuery para diseñadores
• ColorPicker un plugin para jQuery
• Creando una encuesta dinamica con jQuery y PHP
• Menu deslizante con jQuery
• jqGrid: Tablas impresionantes con jQuery

jqGrid es un plugin jQuery que nos permite dotar a las tablas de datos [grids] con funcionalidad AJAX, consiguiendo con esto unos efectos y una potencia impresionantes.

Las opciones que nos proporciona jqGrid son:

• Paginacion de Datos (Los agrupa en paginas).
• Agregar, editar, eliminar y buscar registros.
• Aceptar datos via XML, JSON, Array o ingresados por el usuario.
• Seleccion multiple de renglones.
• Sub-tablas y tabla de detalles.
• y muchas mas.

Como la tabla de datos corre del lado del cliente y carga los datos con llamadas AJAX, es posible usar cualquier lenguaje de programacion del lado del servidor, sea este ASP, PHP, ASP.NET, JSP, etc.

Link: Web Resources Depot | Amazing jQuery Grid Plugin: jqGrid
Link: jQuery Grid Plugin | Demo

• Ingrid: Otro Datagrid jQuery
• jQuery para diseñadores
• ColorPicker un plugin para jQuery
• Creando una encuesta dinamica con jQuery y PHP
• Menu deslizante con jQuery

js-hotkey es un plugin para jQuery que nos permite crear disparadores para eventos del teclado. ¿A que me refiero? Facil… si presionas Ctrl + F4 ¿que pasa? Exacto, se cierra la ventana, pues bien este plugin para jQuery nos permite crear funciones que se activaran (dispararan) cuando se detecte la combinacion de teclas que hayas definido.

Este plugin esta basado en shortcout.js (libreria de la cual hablamos en este blog en una vida pasada). Te dejo el enlace a la liberia (alojada en Google code) ademas del enlace a un demo, para que pruebes su funcionamiento. Su uso es de lo mas sencillo, obviamente necesitas la libreria de jQuery, ademas de esta libreria, y la creacion de los disparadores no puedo ser mas sencilla:

Agrega accion para Ctrl + C

$.hotkeys.add('Ctrl+c', function(){ alert('No Copiaras');});

Elimina accion para Ctrl + C

$.hotkeys.remove('Ctrl+c');

Link: Google Code | Javascript jQuery Hotkeys Plugin
Link: jQuery.HotKeys.Testing
Link: Web Resources Depot | JavaScript Keyboard Controls: js-hotkeys

• 101 cosas con las que entretenerte cuando no tienes internet
• Algunas novedades para Wordpress 2.7

Interesante tutorial que nos enseña como crear una bonita encuesta usando PHP, XHTML y para los efectos nada mejor que jQuery ademas de que nos evitamos la molesta recarga de la pagina para visualizar los resultados.

Link: NETTUTS | Creating a Dynamic Poll with jQuery and PHP
Link:WebAppers | Creating a Dynamic Poll with jQuery and PHP

• jQuery para diseñadores
• ColorPicker un plugin para jQuery
• Ingrid: Otro Datagrid jQuery
• Menu deslizante con jQuery
• jqGrid: Tablas impresionantes con jQuery

Este es un “Selector de Color” que nos permite tal como dice su nombre “seleccionar un color” XDDDDD. Este plugin nos permite agregar un picker en nuestras aplicaciones web en forma de ventana popup, ademas de que es facil de personalizar.

Obviamente necesitamos el framework para JavaScript jQuery, ademas de que es de licencia libre.

Link: Color Picker - jQuery plugin
Link: WebAppers | jQuery ColorPicker with Easy Customization

• jqGrid: Tablas impresionantes con jQuery
• JS-Hotkey: Controla el teclado
• jQuery para diseñadores
• Creando una encuesta dinamica con jQuery y PHP
• Wordpress Plugin: Post Relacionados

Interesante menu, el cual queda genial en espacios pequeños. Se trata de un menú deslizante construido con jQuery el cual puede utilizarce como un cuadro de información, o una zona de acceso.

Si te interesa te dejo el enlace a la pagina en donde encontraras el codigo (muy sencillo por cierto) ademas de un demo para que veas como queda.

Link: Web Resources Depot | Sliding Top Menu With jQuery

• Menu estilo iPod con jQuery
• Menu tipo acordeon horizontal con JavaScript, sin Frameworks
• jQuery para diseñadores
• ColorPicker un plugin para jQuery
• Creando una encuesta dinamica con jQuery y PHP