</> CodeBooks
    ← Volver a HTML5 (página 1)
    Portada de Beginning Responsive Web Design with HTML5 and CSS3

    Beginning Responsive Web Design with HTML5 and CSS3

    Jonathan Fielding

    Editorial
    Apress
    Año
    2014
    Páginas
    ~328
    Nivel
    Básico

    De qué trata

    Libro de Jonathan Fielding (Apress, 2014) que enseña a crear sitios web adaptables (responsive) con HTML5, CSS3 y JavaScript. Cuando lo escribió, el autor trabajaba como desarrollador front-end en la agencia londinense McCormack & Morrison. Pese al «Beginning» del título, la editorial aclara que va dirigido a desarrolladores que ya construyen sitios con HTML, CSS y JavaScript y quieren que se adapten a móviles, tabletas y escritorio.

    El temario, de diez capítulos, empieza por las media queries y los layouts fluidos con CSS3, sigue con frameworks responsive como Twitter Bootstrap y con cómo adaptar un sitio que ya existe. Luego trata las herramientas y el flujo de trabajo del front-end de esa época: Grunt para automatizar tareas, Bower para gestionar dependencias y los preprocesadores Sass y LESS. También explica cómo usar JavaScript para responder a los distintos estados del diseño según el ancho de pantalla, cómo planificar el recorrido del usuario en cada dispositivo y cómo optimizar el rendimiento del sitio responsive.

    Enseña con ejemplos prácticos en cada capítulo, sin un proyecto único de principio a fin, y sirve para tomar decisiones de diseño y de flujo de trabajo pensando en varios dispositivos. Hay que leerlo como un libro de 2014: Grunt y Bower casi no se usan hoy, Bootstrap ha cambiado mucho de versión, y el libro es anterior a Flexbox y CSS Grid en su forma madura y a la adopción general de srcset, picture y las container queries. Los principios (mobile first, puntos de corte, rendimiento) siguen siendo válidos, pero conviene ponerlos al día con técnicas actuales.

    • Diseño responsive
    • Media queries
    • Layouts fluidos
    • CSS3
    • Twitter Bootstrap
    • Sass
    • LESS
    • Grunt
    • Bower
    • JavaScript responsive
    • Rendimiento web

    ¿Cómo enseña?

    TeóricoPráctico

    Teoría + práctica

    • ✗ Sin ejercicios
    • ✗ Sin proyectos

    Más de HTML5 con nivel Básico