</> CodeBooks
    ← Volver a CSS (página 1)
    Portada de Pro CSS3 Animation

    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?

    TeóricoPráctico

    Con ejercicios

    • ✓ Incluye ejercicios
    • ✗ Sin proyectos

    Más de CSS con nivel Intermedio