Códigos JQuery: Animaciones (Parte 1)

Existen una serie de códigos ya hechos para que los programadores los podamos usar. Pueden ser a modo de librerías (plugins, complementos, addons, third-party, libraries, etc) o Frameworks para facilitarnos la tarea de programación.

En el caso de Javascript tenemos la librería JQuery. A su vez, la librería JQuery tiene JQuery Mobile y JQuery UI. Y jQuery UI tiene a su vez plugins.

Y esos plugins son los que voy a mencionar a continuación.

SCROLLORAMA

 

Este plugin tiene unos efectos impresionantes de animaciones para transformar texto, entre otras cosas.

Scrollorama: http://johnpolacek.github.com/scrollorama/

Super Scrollorama: http://johnpolacek.github.com/superscrollorama/

NUBE DE TAGS

Conforme mueves el mouse se crea un efecto de tags moviéndose dentro de una esfera. Los tags son las categorías de un sitio que permiten taxonomizar los post.

Nube de tags : http://www.goat1000.com/tagcanvas.php

STELLAR BACKGROUND

Stellar  Background permite moverse a través de una serie de transiciones con una movilidad bastante interesante y atractiva: http://markdalgleish.com/projects/stellar.js/demos/backgrounds.html

 Stellar: http://markdalgleish.com/projects/stellar.js/demos/

ZOOMOOZ

 

Al dar click en un elemento de la página que está en cierto ángulo, toda la página se voltea de forma impresionante, haciendo énfasis en el objeto clickeado.

Zoomooz: http://janne.aukia.com/zoomooz/

SHAPPERSHIFT

Se pueden arrastrar y soltar objetos con animaciones adicionales.

Shappershift Demo: http://mcpants.github.com/jquery.shapeshift/
Descarga: https://github.com/McPants/jquery.shapeshift

LAZY LINE PAINTER

Comienza a dibujar de forma animada el contenido de una imágen SVG.

Lazy Line Painter: http://lazylinepainter.info/

JCANVAS

Permite manipular el Canvas de HTML5 de forma más fácil a através de JQuery.


jCanvas Demo: http://calebevans.me/projects/jcanvas/sandbox/
Descarga: http://calebevans.me/projects/jcanvas/downloads/

KWICKS

Permite colocar elementos en fila y moverlos con un evento hover

Descarga: http://devsmash.com/projects/kwicks/1.5.1/examples/simple

Después colocaré otros ejemplos que son bastantes interesantes.