
HTML5 & CSS3 For The Real World, 2nd Edition
Alexis Goldstein, Estelle Weyl, Louis Lazaris
- Editorial
- Sitepoint
- Año
- 2015
- Páginas
- ~350
- Nivel
- Intermedio
De qué trata
Segunda edición, de 2015, del manual de SitePoint escrito por Alexis Goldstein, Estelle Weyl y Louis Lazaris. Repasa las novedades de HTML5 y CSS3 tal como se usaban a mediados de la década de 2010, cuando muchos navegadores todavía las soportaban de forma desigual. Está pensado para diseñadores y desarrolladores de nivel intermedio que ya escriben HTML y CSS clásicos y quieren pasar a las técnicas modernas con criterio práctico.
La primera mitad trata HTML5: la plantilla base del documento, la estructura de la página con los nuevos elementos semánticos y el esquema del documento (outline), la semántica del marcado, los formularios con sus nuevos tipos de campo y atributos de validación, y el vídeo y el audio nativos. La segunda mitad trata CSS3: nuevos selectores y propiedades, degradados y fondos múltiples, transformaciones y transiciones, fuentes web con @font-face y diseño en varias columnas, y después flexbox y media queries para el diseño adaptable. Los últimos capítulos presentan APIs de JavaScript como la geolocalización, las aplicaciones sin conexión y Web Storage, además de canvas, SVG y arrastrar y soltar. Los apéndices tratan Modernizr para detectar características, WAI-ARIA para la accesibilidad y Microdata.
Los conceptos se aplican de forma progresiva sobre un sitio de ejemplo con estética de periódico (The HTML5 Herald), lo que da continuidad al aprendizaje. Su punto fuerte es la amplitud: en un solo volumen se recorre casi todo lo que significó el salto a HTML5 y CSS3. Hay que leerlo sabiendo su época: no trata CSS Grid, y partes como la caché de aplicaciones (AppCache) o los prefijos de proveedor han quedado obsoletas. Hoy conviene completarlo con documentación actual sobre Grid, Service Workers y diseño adaptable moderno.
- HTML5
- Elementos semánticos
- Formularios HTML5
- Audio y vídeo
- CSS3
- Degradados y fondos
- Transformaciones y transiciones
- Flexbox
- Media queries
- Web Storage
- Canvas y SVG
- WAI-ARIA
¿Cómo enseña?
Teoría + práctica
- ✗ Sin ejercicios
- ✓ Incluye proyectos
Proyectos
The HTML5 Herald
Sitio de ejemplo con aspecto de periódico que se va construyendo a lo largo del libro, aplicando el marcado semántico de HTML5, formularios y efectos visuales de CSS3 como degradados, transformaciones, fuentes web y columnas.

