HTML5 Hacks

Colección de 90 «hacks» (recetas prácticas) de Jesse Cravens y Jeff Burtoft, publicada por O'Reilly en 2012, que muestra usos ingeniosos de HTML5 y de las tecnologías que lo acompañan, tal como estaban en los navegadores de ese momento. Cada hack trae una explicación, capturas de pantalla y el código completo. Está dirigido a desarrolladores web de nivel intermedio que ya manejan HTML, CSS y JavaScript y quieren ir más allá de lo básico.

Los capítulos recorren el marcado semántico (doctype, validación de formularios sin JavaScript, nuevos controles, atributos data-* y microdatos); CSS3 (prefijos de navegador, fuentes web y Google Web Fonts, media queries, orientación del dispositivo, gradientes, transformaciones y transiciones, Respond.js, la etiqueta meta viewport); multimedia (video y códecs, controles propios, subtítulos, Cuepoint.js, Buzz, MediaElement.js); gráficos con Canvas y SVG, incluido contenido para pantallas Retina; arrastrar y soltar, contenteditable y la API de historial; almacenamiento en el cliente (data URIs, XHR2, Web Storage, FileSystem API, IndexedDB con FullCalendar.js); geolocalización con la Geocoding API de Google, Google Maps, Geoloqi y Webshims; Web Workers, incluidos los compartidos; y conectividad con WebSockets (Kaazing, el módulo ws de Node.js, Pusher con PHP, jWebSocket, Socket.IO), Server-Sent Events, CORS en Amazon S3 y SPDY con node-spdy.

Aunque son recetas independientes, varias son pequeñas aplicaciones, como un calendario de hitos con IndexedDB, un termómetro de donaciones en tiempo real o una geocerca. El último capítulo arma una aplicación con Node.js, Express, plantillas Jade, Stylus y HTML5 Boilerplate. Su punto fuerte es la variedad: es un buen catálogo para descubrir APIs del navegador. Su punto débil es la antigüedad: Geoloqi, BlobBuilder, la FileSystem API, SPDY y Jade (ahora Pug) ya no existen o se sustituyeron, y muchos polyfills ya no hacen falta. Conviene tomarlo como fuente de ideas y comprobar cada API en la documentación actual.