José Robinson » jQuery

Plugin para darle movimiento a tus links

Jose Robinson — Tue, 02 Nov 2010 20:48:31 +0000

Te presento un plugin de jQuery que te permite darle un efecto de movimiento a tus links en el momento en que le pasas el mouse por encima (mouseover).

Es un plugin bastante flexible ya que permite al desarrollador modificar algunas propiedades para modificar el efecto.

SlideNote | Un plugin de jQuery para mostrar notificaciones deslizantes en el navegador

Jose Robinson — Wed, 27 Oct 2010 22:44:39 +0000

SlideNote es un plugin de jQuery flexible y personalizable que permite mostrar notificaciones de una forma muy peculiar, deslizando la nota desde un lado del navegador.

FUENTE: SlideNote | A jQuery Plugin For Sliding Notifications

Traductor utilizando Google AJAX Language API

Jose Robinson — Tue, 30 Mar 2010 15:53:25 +0000

Aqui les pongo ejemplo de como hacer un traductor sencillo utilizando Google AJAX Language API.

Igualar tamaño de columnas con jQuery

Jose Robinson — Fri, 20 Nov 2009 14:14:31 +0000

Algunas veces nos topamos con el problema de que tenemos que igualar el tamaño de varias columnas que contienen diferente contenido, esto resulta fácil si el contenido es estático, bastaría con aplicarles un poco de CSS a las columnas y problema resuelto. Pero el problema viene cuando el contenido no es estático, sino, que es generado ya sea de la DB o algún otro recurso, debemos tener un mecanismo que establezca el mismo tamaño para todas las columnas sin importar el contenido de cada una.

Aquí hay una solución para este problema, algo sencillo, solo un poco de JavaScript (mediante jQuery claro).

Bastaría con esto:
Un poco de CSS para diferenciar las columnas:

#container {
	width:700px;
	margin:0 auto;
}

#container div {
	border:1px solid #ccc;
	width:316px;
	margin-right: 15px;
	float:left;
	background-color:#ddd;
}

Y el JavaScript:

$(function(){
	var maxH = 0;

	$("#container div").each(function(i) {

		var actH = $(this).height();
		if(actH > maxH) maxH = actH;

	});

	$("#container div").height(maxH);
});

DEMO

10 Menus de navegación con jQuery

Jose Robinson — Wed, 09 Sep 2009 13:04:33 +0000

Algunos menus animados y con un estilo llamativo que se puede lograr con la ayuda de jQuery y algunos de sus componentes extra.

FUENTE: 10 incredible JQuery navigation menus.

Como hacer un plugin para jQuery

Jose Robinson — Wed, 22 Jul 2009 22:21:58 +0000

Para los amantes a jQuery aquí les tengo una guía en la cual se explica como crear un plugin para esta librería.

FUENTE: How To Develop a jQuery Plugin

Menú horizontal con jQuery

Jose Robinson — Wed, 22 Jul 2009 17:26:02 +0000

Excelente menú horizontal con sub-menu.

DEMO

FUENTE: Horizontal Subnav with CSS

Crea diagramas utilizando Canvas en HTML 5 y jQuery

Jose Robinson — Mon, 13 Jul 2009 14:05:24 +0000

Canvas es una nueva etiqueta que ha sido incluida en la especificación de HTML 5, y nos permite crear gráficos, composiciones de imágenes e incluso animaciones, que antes solo podíamos emplear a través de un lenguaje de scripting como JavaScript, pero ahora ha sido incluida en la especificación de HTML 5 por el W3C.

El articulo que muestro a continuación nos muestra un plugin para jQuery con el que podemos hacer este tipo de gráficos al estilo jQuery (rápido y fácil).

FUENTE: jQuery Visualize Plugin: Accessible Charts & Graphs from Table Elements using HTML 5 Canvas

jQuery para reproducir MP3, WMA, y mas.

Jose Robinson — Thu, 09 Jul 2009 23:43:33 +0000

Interesante articulo que nos muestra como utilizar jQuery para reproducir archivos de audio como MP3, WMA, etc.

Me parece interesante este plugin por la facilidad de implementación y lo potente que es ya que además de audio también podemos reproducir vídeo.

FUENTE: Using jQuery to play Media Files (MP3,WMA,etc,etc)
jQuery Media Plugin

Consejos para mejorar tus scripts de jQuery

Jose Robinson — Thu, 09 Jul 2009 22:59:28 +0000

Consejos útiles para mejorar el rendimiento de los scripts que hagamos con jQuery:

FUENTE: 10 Ways to Instantly Increase Your jQuery Performance