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

• jQuery para diseñadores
• ColorPicker un plugin para jQuery
• Creando una encuesta dinamica con jQuery y PHP
• Menu deslizante con jQuery
• Menu estilo iPod con jQuery

ProtoChart es una (de tantas) libreria que nos permite crear graficas usando canvas y prototype. Esta libreria esta basada en Flot, Flotr y PlotKit y nos permite crear diferentes tipos de graficos de manera dinamica.

Caracteristicas:

• Line, bar, pie, curve, mix, and area charts available
• Multiple data series on same graph
• Highly customizable legend support
• Customizable grid, grid border, background
• Customizable axis-tick values (both x and y)
• Supports: IE6/7, FF2/3 and Safari
• Even works on an iPhone!

Por la compatibilidad no te preocupes ya que para los navegadores en donde no esta soportada Canvas (ejem. IExplorer6), se hace uso de excanvas.js. Ademas su uso es de lo mas sencillo, por ejemplo el codigo utilizado para generar la grafica mostrada en la imagen anterior es el siguiente:

new Proto.Chart($('areachart'),
[
  {data: d6, label: "Data 1"},
  {data: d7, label: "Data 2"}
],
{
  xaxis: {min: 0, max: 14, tickSize: 1},
  lines: {show: true, fill: true}
});

Link: Deensoft | Protochart
Link: Web Resources Depot | Prototype And Canvas Charts: ProtoChart

• El poder de JavaScript y Canvas
• Dicen que…
• pChart: Libreria para crear graficas
• Google Code en Español
• 30 aplicaciones Ajax/JavaScript que deberias conocer

Flotr es una liberia javascript basada en prototype.js, la cual nos permite crear (dibujar) graficas en la mayoria de los navegadores web, para tal cometido usa la libreria excanvas.js (incluida en el ZIP de Flotr), una de sus ventajas es su sintaxis la cual es de lo mas sencilla, por ejemplo el codigo para crear la imagen de muestra es el siguiente:

/**
 * Esta función anteponer a cada etiqueta 'y ='.
 */
function myLabelFunc(label){
  return 'y = ' + label;
}

var f = Flotr.draw(
  $('container'), [
    {data:d1, label:'x + sin(x + p)'},
	{data:d2, label:'x'},
	{data:d3, label:'15 - cos(x)'}
  ],{
    legend:{
	  // => Posicion de la leyenda 'sur-este'.
	  position: 'se',
	  // => Formaro de la etiqueta.
	  labelFormatter: myLabelFunc,
	  // => Color de fondo
	  backgroundColor: '#D2E8FF'
	}
  }
);

Sencillo ¿Verdad? Esta libreria nos permite usar leyendas, valores negativos de apoyo, los eventos del raton, efectos de zoom, ademas de que podemos personalizar la presentacion de las graficas usando CSS. Interesante opcion para apoyar datos numericos
Recuerda: “Una imagen dice mas que mil palabras”

Link: Solutorie | Flotr
Link: WebAppers | Flotr Javascript Ploting Library with Documentation

• ProtoChart: Graficos con Canvas y Prototype
• pChart: Libreria para crear graficas
• jsImageFX: Agrega efectos a tus imagenes con JavaScript
• JS-Hotkey: Controla el teclado
• Carousel.us: Un Carrusel 3D con JavaScript

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

• Algunas novedades para Wordpress 2.7

Lo han vuelto a hacer en Smashing Magazine, este analisis es de lo mas revelador, por ejemplo quien podria suponer que 58% de los blogs usa un diseño de 3 o hasta mas columnas o que el 92% de los blogs usa un diseño de tamaño estatico, ademas de que el 56% usa un tamaño de 951px - 1000px.

Estos y mas datos podras encontrar en este interesantisimo analisis. Vale la pena revisarlo, para saber como va la tendencia en el diseño de los blogs.

Link: Smashing Magazine | A Small Design Study Of Big Blogs

• Diseño Grafico, Examen Profesional, Tesis, Proyecto y esas yerbas
• Miles de blogs infectan a sus visitantes… Podria ser el tuyo.
• Son las 5:30 am y no nos vamos a dormir… otra vez
• Implementando Notas Rapidas
• Solo Asia: El Blog de Lizbeth

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
• Menu deslizante con jQuery
• jqGrid: Tablas impresionantes con jQuery
• Menu estilo iPod con jQuery