Tecnología y Coaching para Emprendedores

10 Plugins de jQuery Imprescindibles para Diseño Web

jquery

En este artículo encontrarás 10 plugins excelentes de jQuery muy interesantes para tus proyectos de diseño web. Desde un slider de imágenes con jQuery para responsive design hasta un efecto 3D al poner el ratón encima de una imagen. Si lo que estás buscando es específicamente plugins o tutoriales de jQuery con los que construir un slider de imágenes, te recomiendo que leas el post con 30 plugins de jQuery para sliders de imágenes

1. Flow Slider

Flow Slider es un plugin que permite crear un slider de imágenes en miniatura.Es un plugin fácilmente personalizable y para el que hay diferente tipos de modos de configuración, a fin de adaptarlo a tus diseños.

2. 3D Thumbnail Hover Effects

Este plugin es simplemente genial, con jQuery y CSS3 cada vez que pasas el ratón por encima de una imagen, está se encoge en 3D en forma de acordeón. Aquí puedes ver la demo.

3. CraftMap

Craftmap es un plugin de jQuery de muy poco peso (sólo 6KB), totalmente configurabl que convierte una simple imagen en un mapa funcional. como en Google Maps, puedes poner tus propios marcadores y añadir información de localización.

4. Booklet

Booklet es un plugin de jQuery ideal para catálogos online, pues permite simular el paso de páginas de una revista o libro.

5.Floater

Este plugin de jQuery reorganiza los bloques en función del ancho de ventana. Si eres de los que prefieres desarrollar tu mismo el código, te recomiendo este post de jQuery sobre cómo crear un efecto de organización al estilo de Pinterest. Aquí te dejo la demo de este plugin.

6. Simple Modal

Simple Modal es un plugin de jQuery que te permite crear ventanas de alerta y confirmación con mucho estilo.

7. jQuery Masonry

Este plugin amplía enormemente las posibilidades de los float de CSS, permitiéndote reorganizar los elementos de la web de un modo que CSS por si sólo no permite.

8. Blueberry

Blueberry es un plugin de jQuery que crea un slider de imágenes basado en el responsive design.

9. jStackmenu

Este plugin de jQuery crea un simpático menú apilado que te ayudará a dar rienda suelta a tu creatividad. Aquí puedes ver la demo.

10. Adipoli

Este plugin de jQuery te permite dar un agradable efecto de hover en las imágenes. Hay diferentes efectos disponibles, aquí puedes ver las demos.


Comentarios

  • Ruso Andalucia

    El plugins de pasar las hojas como si de una revista se tratase… no me gusta. Se me hace bastante dicicil pasar las páginas. Este efecto está muy logrado con indesing…pero claro ya estariamos hablando de flash… y pesa bastante.

    • Ruso Andalucia

       Por lo demás plugins geniales gracias!!!!

  • Wlopez

    Pues los plugins estan muy originales….. es la unica pagina donde he encontrado diferentes…Felicidads y gracias 

  • carolina

    Hola Sandra, los plugins están bárbaros, gracias por publicar siempre cosas tan útiles para personas como yo que recién estámos comenzando con el diseño web.