
Pro CSS3 Animation
Dudley Storey
- Editorial
- Apress
- Año
- 2012
- Páginas
- ~188
- Nivel
- Intermedio
De qué trata
Libro breve de Apress (2012) en el que Dudley Storey, profesor y diseñador canadiense con experiencia como desarrollador y artista 3D, enseña a animar páginas web solo con CSS3, sin depender de Flash ni de librerías JavaScript para los efectos. Trabaja con los módulos de transformaciones, transiciones y animaciones de CSS3 tal como se implementaban en 2012, todavía con prefijos de proveedor. Está dirigido a diseñadores y programadores con algunos años de experiencia en desarrollo web, de nivel intermedio a avanzado, que ya dominan HTML y CSS.
El recorrido empieza con las transformaciones 2D (traslación, rotación, escala, inclinación) y las transiciones, incluida la combinación de varios efectos de transición. Sigue con las animaciones por keyframes (@keyframes y sus propiedades de duración, retardo, iteración y funciones de temporización) y su aplicación a contenido web real, como interfaces y elementos de página. Después integra las animaciones CSS3 con SVG y con los filtros CSS, muestra cómo combinarlas con JavaScript para lograr animaciones adaptables (responsive) y controladas por eventos, y entra en las transformaciones 3D (perspectiva, rotaciones en el espacio). El libro termina repasando herramientas para crear animaciones CSS.
La obra se apoya en muchos ejemplos cortos y prácticos que el lector puede reproducir y adaptar, más que en un gran proyecto. Su aporte es una introducción compacta y visual a un tema que en su momento era novedoso. Hoy hay que tener en cuenta que los prefijos y las advertencias sobre soporte de navegadores están desfasados, y que no cubre APIs posteriores como Web Animations ni temas como la preferencia de movimiento reducido o el rendimiento en la GPU con el detalle actual. Sigue siendo útil para entender a fondo transiciones, keyframes y transformaciones.
- CSS3
- Transformaciones 2D
- Transiciones
- Animaciones con keyframes
- Transformaciones 3D
- SVG
- Filtros CSS
- JavaScript
- Diseño responsive
- Herramientas de animación
¿Cómo enseña?
Con ejercicios
- ✓ Incluye ejercicios
- ✗ Sin proyectos

