Diseño de páginas web

Noticias, tips y novedades sobre creación web

Animaciones en nuestra web sin usar Flash

En muchas situaciones los diseñadores web se ven en la situación de que algún cliente les pide que en su página haya animaciones o recursos de movimiento. Lo habitual en este tipo de situaciones es recurrir a Flash para ejecutarlas. Pero qué sucede si al cliente en cuestión además “un amigo de un amigo” le ha comentado que no use Flash en su web porque no se ve en los iphones, ipads… y además es malo para el posicionamiento de la página. En una situación así un diseñador web se verá obligado admitir que lo que le contó “el amigo del amigo” es cierto y tendrá ofrecer otro tipo de soluciones en las que no sea necesario el uso de Flash.

Para este tipo de situaciones tenemos una serie de plugins de JQuery que nos permitirán crear animaciones de forma eficaz y sencilla sin vernos en la necesidad de usar Flash. Con estos plugins no podremos generar animaciones con un nivel de compeljidad muy, muy elevado, cosa que sí puede hacerse con Flash, pero pueden resultar muy eficaces para solventar recursos en una web animada.

Por una parte existe Spritely, que nos permite agregar movimiento a elementos de nuestra web. El plugin es de código abierto y compatible con los principales navegadores, además está optimizado para disposivos móviles. En su web tenemos toda la documentación y nos presentan un ejemplo gracioso de su funcionamiento:

spritely.net

Textualizer nos permite agregar animaciones a los textos de nuestra web. El plugin tiene varios efectos distintos, se puede definir la duración y el tipo de transición. También es compatible con los principales navegadores. En su web viene perfectamente explicado su funcinamiento e implementación:

kiro.me/textualizer

Existen infinidad de plugins basados en JQuery. No obstante Spritely y Textualizer, pueden llegar a cubrir gran parte de las necesidades de animación que habitualmente se requieren en una web.