Útiles Plugins de jQuery Para Hacer Tu Web Más Cool (¿O Usable?)

by manelgarcia on December 13, 2010

in jQuery, Recursos

Perdón. Llevo la tira y media sin escribir nada en el blog, se me ha quedado totalmente abandonado luego de bastante tiempo de actividad frenética en el curro y fuera de él, ahora ya me veo con ganas y fuerzas para volver a escribir otra vez, así que manelgarcia vuelve con más contenidos!

He preparado un recopilatorio de útiles plugins para jQuery para disfrutar de tu sitio web más bonito y ‘cool’.

Booklet: Un Plguin jQuery Para Convertir Tu Web a Libro

El primero se llama Booklet, este plugins nos permite mostrar contenido dándole forma de libro con unos bonitos efectos para pasar página, atrás y adelante.

jQuery Bubble

jQuery Bubble nos permite usar efectos tipo ‘burbuja’ cuando pasamos por encima de cierto elemento y mostrar alguna porción de texto, normalmente para añadir valor al contenido. Por ejemplo, facebook, usa algo parecido.

Slides, Fácil Plugin de jQuery Para Añadir Un Slide a Tu Sitio

Slides es otro de los útiles plugins al que puede que echemos la mano en un momento dado. Nos permite de manera muy fácil e intuitiva crear un slide altamente personalizable.

jQuery Easy Accordion

El nombre lo dice todo, jQuery Easy Accordion es una extensión de jQuery que nos permite crear de manera super senzilla nuestro panel tipo acordión que tan buen efecto da.

HighCharts, Las Gráficas Llegan En jQuery

Porfín disponemos de un plugin en jQuery para jugar con gráficas, Highcharts es muy interesante, nos permite crear gráficas de casi todos los tipos, muy customizables mediante parámetros a la llamada, uno debe mirarse la documentación antes de empezar, pero puede ser una solución muy válida para ir alejando generadores de gráficas en flash.

Mobily Playground, También Llegaron Los Mapas :D

Ya es posible (igual antes ya lo era, de todas maneras, mi prinera noticia) mapear imágenes con jQuery, se trata de Mobily Playground, funcional con todos los navegadors no intrusivos y adicionalmente IE7. Bien de hecho no mapea, pero te permite añadir puntos, o ‘spots’ en un mapa.

Debo decir, que no he probado personalmente el plugin, pero su funcionamiento me parece tan creativo y bien pensado que voy a comentar por encima su funcionamiento.

Básicamente se trata de crear un div con cierta clase (pongámosle, ‘map’), entonces, haremos la llamada al plugin con js indicando la capa .map dónde lo aplicaremos, y ahora viene lo bueno. Dentro de la capa, añadimos la imágen del mapa con los atributos width y weight y para añadir un punto en el mapa sólo debemos hacer lo siguiente:

<div id="p-900-130">
 contenido de la burbuja cuando clican en el 'spot'
</div>
<!-- (p-x-y) donde x: es la distancia desde la izquierda e y:  es la distancia desde arriba -->

{ 1 comment… read it below or add one }

web valencia January 4, 2011 at 9:19 pm

¿qué tal manel?
La verdad que me parecen una pasada estos ejemplos de jquery que has incluído en el post.
Se salen bastante de lo corriente.
Lo único, el del acordeón, en la versión 3.0.19 de Firefox, no se ve bien. En safari y chrome sin problema.

Leave a Comment

Previous post:

Next post: