Clicky

10 Tutoriales de jQuery imprescindibles para programadores

jQuery logo

Plug-ins jQuery para ayudar a los programadores y desarrolladores web

Todo programador sabe que hay momentos en que su conocimiento de la programación interfiere con la creatividad, lo que limita sus perspectivas de diseño. Algunos incluso posponen o dejan de lado las ideas porque sienten que el proyecto podría ser imposible de terminar. También hay veces cuando los programadores sienten que están siendo frenados por la falta de un buen diseño de los plug-ins disponibles. Para resolver estos problemas, han diseñados muchos diferentes plug-ins para ayudar a los programadores y desarrolladores web. Estas cosas pueden ayudar a modernizar y mejorar los sitios o páginas. Esta lista ayudará a la gente con 10 de los más usados plug-ins jQuery que pueden utilizar para futuros proyectos.

10. Particle Animation

Demo | Tutorial

Particle Animation

El plug-in de animación de partículas (Particle Animation) es una gran aplicación de animación que permite a los usuarios añadir grandes movimientos en sus sitios. También es muy fácil de usar a diferencia de la mayoría de programas de animación actualmente disponibles en el mercado. Esto definitivamente puede agregar "condimento" a cualquier sitio.

9. Rotating Image Slider

Demo | Tutorial

Rotating image slider

Este plugin mueve imágenes de una manera única a través de transiciones. Gira las imágenes, y le da a cualquier sitio una sensación de lujo y glamour. Este deslizador (slider) sin duda atraerá la atención a cualquier página web. Páginas famosas de fotografía, cultura y sociedad utilizan este asombroso plug-in.

8. Efecto miniatura adaptativo con pila de agrupación automática

Demo | Tutorial

Adaptive thumbnail pile effect with automatic grouping

Esta es una gran herramienta para los sitios web con muchas imágenes. Los efectos de miniatura adaptativo con pila agrupa y realza las imágenes mediante la incorporación de la animación una vez que la imagen ha sido pinchada por un cursor. Los que diseñan páginas para niños y adolescentes encontrarán este plugin realmente útil.

7. Efectos simples para listas desplegables

Demo | Tutorial

Simple effects for dropdown lists

Los desplegables son efectos normales utilizados por la mayoría de páginas web, pero este plugin los añade frescura y la arrogancia. Simple Effects for Dropdown Lists añade animaciones a los menús habituales, haciendo que la página web sea más interesante. Muchos sitios utilizan esto y han mejorado en gran medida su popularidad.

6. Baraja

Demo | Tutorial

Baraja

Baraja es otro interesante plugin que se puede utilizar para agregar interactividad. Se extiende a los elementos de la página web, al igual que los iconos y las imágenes, de manera similar a una tarjeta. También hay muchos efectos y animaciones que se pueden utilizar. Esta es una buena adición a sitios de restauración para niños y adultos jóvenes, debido a que las animaciones de Baraja tienen un cierto efecto mágico que le gusta a las generaciones jóvenes.

5. jQuery Scroll Path

Demo | Tutorial

jQuery scroll path

Se trata de una aplicación ideal para aquellos diseñadores y programadores que deseen crear un sitio web que promueve la interactividad. jQuery Scroll Path permite a los usuarios navegar por un sitio web a través de desplazamiento. Uno puede desplazarse hacia arriba y hacia abajo y ver las animaciones que se desarrollan. Es bueno para sitios y páginas web basados en la historia.

4. 3D Thumbnail Hover Effect

Demo | Tutorial

3D Thumbnail hover effect

La 3D Thumbnail Hover Effect es una aplicación ideal para los programadores que quieren añadir elegancia y estilo a sus sitios web. Este plugin crea un aire de fantasía, ya que permite imágenes, iconos y miniaturas para tener una animación que asoma y efectos al hacer clic en él. Pasa por encima de las imágenes a través de una bella transición. Es un gran efecto para sitios y páginas que llevan a una sensación de minimalismo.

3. Lettering.js

Demo | Tutorial

Lettering.js

La mayoría de los plugins en esta lista abastece a las imágenes, pero éste permite a los usuarios controlar y personalizar la tipografía de los sitios. El CSS no permiten un control óptimo en tipos, pero se puede hacer a través de este plugin. Ofrece una amplia opción de letras y fuentes que dan sabor y frescura a cualquier sitio. Esto es ideal para geeks de la tipografía en todo el mundo!

2. Roundabout JQuery Plug-in

Demo | Tutorial

Roundabout jQuery plug-in

Roundabout es otro plugin deslizante. Lo diferencia de sus competidores es el hecho de que permite movimientos de deslizamiento y ciclos de imágenes. Se añade un cierto control y gestión del punto de vista que les gusta mucho a los entusiastas de la fotografía. Esta es una aplicación ideal para la fotografía o sitios web de viajes.

1. Book Block

Demo | Tutorial

Book block

Book Block es un plugin de contenido flip que permite a los espectadores a dar la vuelta al sitio web como un libro. Lleva a los sitios web la antigua sensación de la lectura de un libro. Lo asombroso es que se puede utilizar con muchos contenidos como imágenes o textos. Esto es muy útil para sitios de niños y literatura.

Jesus_Caceres