jQuery 1.4 Animation Techniques

Guía de la serie Beginner's Guide de Packt en la que Dan Wellman, autor de varios libros sobre jQuery y jQuery UI, se dedica por completo a la animación web con jQuery 1.4. Está dirigida a diseñadores web y desarrolladores frontend que dominan HTML y CSS y ya tienen algo de experiencia con jQuery, y que quieren pasar de los efectos básicos a animaciones más elaboradas.

El recorrido empieza con los fundamentos de la animación web y un primer cargador animado. Después repasa las animaciones de fundido (fadeIn, fadeOut, fadeToggle, fadeTo), la gestión de la cola de efectos (encadenar, detener animaciones en curso con stop() y añadir retrasos con delay()) y las animaciones de deslizamiento (slideDown, slideUp, slideToggle) con easing. El núcleo del libro es el método animate() para crear animaciones personalizadas. A continuación muestra los efectos ampliados de jQuery UI: easing, animación de colores y transiciones entre clases. Los últimos capítulos tratan animaciones de página completa (desplazamiento, parallax, navegación de una sola página y stop-motion), efectos populares como animaciones por proximidad del ratón, cabeceras animadas o texto tipo marquesina, transformaciones 2D y 3D con CSS3 y animación con la API de Canvas, incluida la compatibilidad con Internet Explorer de la época.

Sigue el formato de la serie: secciones prácticas paso a paso («Time for action»), explicaciones de lo que acaba de ocurrir, cuestionarios («Pop quiz», con respuestas en un apéndice) y retos para el lector. Construye varias piezas reutilizables, como un visor de contenido animado, un plugin propio y un pequeño juego en Canvas. El libro aporta una visión muy completa de la animación con jQuery, pero ha envejecido: está atado a jQuery 1.4 y a soluciones pensadas para navegadores antiguos, y hoy muchos de estos efectos se resuelven con transiciones y animaciones CSS, la Web Animations API o requestAnimationFrame. Vale la pena para entender los principios de la animación por código o para mantener sitios heredados.