
HTML5 Cookbook
Christopher Schmitt, Kyle Simpson
- Editorial
- O'Reilly
- Año
- 2011
- Páginas
- ~282
- Nivel
- Intermedio
De qué trata
Recetario de Christopher Schmitt y Kyle Simpson (O'Reilly, 2011; copyright 2012) que reúne soluciones concretas para usar HTML5 en el día a día, cada una con código de ejemplo y una explicación de por qué y cómo funciona. Está dirigido a desarrolladores web y de web móvil de nivel intermedio que ya conocen HTML, CSS y algo de JavaScript, y que trabajaban en la época de la transición a HTML5, cuando había que convivir con navegadores antiguos.
Cubre la sintaxis y la semántica fundamentales (doctype, nuevos elementos estructurales, article frente a section, el esquema del documento, time, figure, details, contenteditable) y técnicas de marcado progresivo: soporte en Internet Explorer, detección de funcionalidades con JavaScript, HTML5 Boilerplate y validación. Siguen los formularios (los nuevos tipos de input como search, date, number, range y color; required, autofocus, placeholder y validación en navegadores antiguos), el audio y el video nativos con su soporte entre navegadores y su manipulación con Canvas, y los microdatos con Schema.org y los atributos data-*. También trata la accesibilidad con ARIA (roles landmark y regiones live), la Geolocation API (con geocodificación inversa y rutas), Canvas (gradientes, transformaciones, texto, animación, gráficos y exportación a archivo) y un capítulo de APIs avanzadas: localStorage, Application Cache, Drag and Drop, Web Workers, WebSockets, History API y lectura de archivos locales.
Varios capítulos terminan con un ejemplo integrador: un formulario completo, un reproductor de audio personalizado, la manipulación de video con Canvas, una aplicación de mapas basada en datos personalizados y el ejemplo de rutas «Starbucks to Starbucks» con geolocalización. Es una buena referencia rápida y su enfoque en accesibilidad y degradación elegante sigue siendo valioso. Sin embargo, algunas recetas son demasiado sencillas o poco explicadas, y partes como la Application Cache, los polyfills para IE o el algoritmo de esquema del documento ya están obsoletos.
- Semántica HTML5
- Formularios HTML5
- Audio y video nativos
- Microdatos
- Accesibilidad ARIA
- Geolocation
- Canvas
- Local Storage
- Web Workers
- WebSockets
- History API
- Detección de funcionalidades
¿Cómo enseña?
Con ejercicios
- ✓ Incluye ejercicios
- ✗ Sin proyectos

