Add Me!Close Menu Navigation
Add Me!Categorías abiertas del menú

Los mejores efectos de transición en jQuery

Desde que apareció la librería jQuery se nos ha facilitado muy y mucho  la vida a programadores / diseñadores que utilizamos JavaScript en el desarrollo de aplicaciones 2.0, pudiendo obtener y garantizar un código organizado y conciso.

jQuery puede utilizarse para manejar eventos, generear animaciones, realizar peticiones AJAX de forma simple… La verdad, no nos vamos a engañar, todo lo que nos brinda podría hacerse con funciones JavaScript; eso sí, la pérdida en tiempo y efectividad hacen que esto último no sea óptimo. Ya se sabe el lema de jQuery: “write less, do more” (escribe menos, haz más).

A continuación voy a mostrarte los plugins más usados en cuanto a efectos de transición en animaciones. Estos efectos son utilizados para generar transiciones entre diferentes elementos. Ahí voy:

1. InnerFade

Efecto de transición estandar que siempre da un toque de elegancia a los diseños.

jQueryeffects00

2. jQuery Easing Plugin

Sitio donde podrás encontrar multitud de transiciones.

jQueryeffects01

3. HighlightFade

Efectos de luz, redimensionamiento y otros efectos interesantes.

jQueryeffects02

4. Dynamic Page / Replacing Content

Menú con diferentes transiciones animadas al interactuar con los botones.

jQueryeffects04

 

5. Flip

Transciones muy buenas. Son tan avanzadas que es difícil distinguir si están realizadas en JavaScript o en Flash.

jQueryeffects05

6. jQuery Cycle Plugin

Diferentes efectos de transición.

jQueryeffects06

7. Image Cross Fade Transition

Efecto de transición que realiza un cambio de color entre imágenes de forma gradual. Una imagen vale más que, en este caso, 14 palabras:

jQueryeffects07

8. AviaSlider

Avanzadas animaciones de este magnífico slider que ya presenté en su día

jQueryeffects08

9. Creating a fading header

Cómo generar efectos de transición en el header para dar así un toque más dinámico a tu sitio.

jQueryeffects09

10. jqFancyTransitions

Interesantes animaciones para usar fácilmente en galerías.

jQueryeffects10

 

11. jQuery Cycle Plugin – Effects Browser

Extensa lista de animaciones para aplicar sobre tus imágenes:

jQueryeffects11

Posts Relacionados: 3 plugins SEO para WP que deberías conocer | 30 sitios donde descargar imágenes gratuitas | Formas de perder el tiempo posicionando webs | Qué hacer si Google te ha penalizado en su ‘last update’ | Menú de subnavegación (CSS+JQuery) | NounProject: Gran colección de iconos vectoriales | Reveal: Ventanas modales con jQuery | Contactable: Formularios accesibles con jQuery | jQuery: 10 snippets útiles que deberías conocer | Formulario en varios pasos usando jQuery |

Deja un comentario




Categorías