Plugins jQuery nuevos y actualizados para desarrolladores web

Cuando jQuery hizo aparición muchos respiraron tranquilos porque gracias a esta librería de scripts uno ya no tiene que pasar horas o días intentando conseguir trucos visuales para sus páginas web. Si eres uno de esos desarrolladores web que basan parte de su trabajo en jQuery seguramente te interesen estos plugins nuevos y modernos que dan un paso más hacia delante frente a los ya bastante vistos plugins clásicos.

Quizás no lo habías pensado, pero los tiempos avanzan y también las costumbres de tus usuarios. Estos plugins incluyen características relacionadas con Instagram o capaces de hacer compatibles tus páginas web con las modernas pantallas Retina Display o con pantallas táctiles que se manejan con gestos.

Drag and Drop con jQuery


Este curioso plugin te permite definir algunos objetos visuales sobre la página web que luego pueden arrastrarse y soltarse de un lado a otro de forma que el usuario pueda reorganizarlos manualmente. Bastante efectista.

Si visitas la página oficial del plugin tienes una demo justo en la parte inferior. [Gridster]

Scroll para elementos en páginas web


Con este plugin puedes añadir barras de scroll a cualquier elemento en una página web. [Scrollto]

Detector de gestos multitouch


Este plugin es especialmente útil en estos tiempos que corren porque el número de pantallas táctiles en el mundo se multiplica cada día. El script es capaz de funcionar con pantallas táctiles detectando gestos que realices con tus dedos, si la has tocado (multitouch), doble tap, si estás transformando algún elemento (zooms) o si estás arrastrándolo. También funciona con el puntero del ratón. [Detector gestos pantallas táctiles jQuery]

Línea de tiempo jQuery


Las líneas de tiempo se pusieron de moda con la nueva Biografía de Facebook. Con este plugin puedes añadir una de estas líneas temporales para añadir elementos ordenados cronológicamente. [Línea de tiempo]

Retina Display jQuery


Este plugin se encarga de modificar las imágenes que aparecen en una página web de forma que utilice la de mayor resolución cuando el usuario esté visualizándola con una pantalla Retina Display. Ideal para mantener compatibilidad con equipos más modernos.
[Retina Display jQuery]

Complejidad de contraseñas


Con este plugin puede mostrarse el porcentaje de complejidad de una contraseña que se esté introduciendo. Ideal para formularios de creación de cuentas de usuarios y similares. [Contraseñas]

Efecto de pasar páginas en jQuery


Un efecto jQuery que quizás ya hayas visto es el que simula pasar páginas en un libro o una revista. En Turn han creado un plugin de este tipo con bastante calidad, además de simular el paso de páginas incluye otros efectos como zoom para ampliar o reducir. Es compatible con casi todos los navegadores incluyendo Internet Explorer desde la versión 8, Firefox 10, Chrome 16 y Safari 5. En la parte superior de la página oficial encuentras algunos libros y revistas de ejemplo como demo. [Turnjs]

Burbujas de texto


Con este plugin puedes crear burbujas de texto dinámicas con diferentes colores que aparecen sobre el elemento que quieras en una página web. [Burbujas de texto]

Detección de caras con jQuery


Este detector facial te permite calcular la posición de las caras que se encuentren en una fotografía y te devuelve las coordenadas. [Detector de caras]

Dock Mac OS XjQuery


Un plugin sencillo que simula el clásico Dock de Mac OS X. Puedes configurarlo horizontal o vertical, añadir efectos de expansión de imágenes al pasar el ratón sobre los iconos, etc.
[Dock Mac OS X jQuery]

Instagram jQuery


Este plugin te conecta con Instagram mostrando feeds de usuarios, tags de fotos o galerías con las imágenes más populares.
[Instagram jQuery]

Slider acordeón


Un slider con efecto acordeón para jQuery moderno y configurable a nivel de CSS. [Slider acordeón]

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>