Migration to HTML5 and CSS3 How-to

Guía breve de la serie Instant How-to de Packt (publicada como «Instant Migration to HTML5 and CSS3 How-to») en la que Dushyant Kanungo explica cómo actualizar páginas web escritas en HTML o XHTML antiguos a los estándares HTML5 y CSS3 del W3C, sin cambiar su diseño ni su apariencia. Es de 2013, cuando HTML5 aún se estaba adoptando, y está pensada para diseñadores y desarrolladores que ya conocen HTML/XHTML y CSS y tienen sitios heredados que modernizar. Por la claridad de sus ejemplos, también puede servirle a quien empieza en el diseño web.

El método consiste en migrar una página paso a paso. Primero se sustituye el marcado genérico por elementos semánticos de HTML5 (header, article, footer, etc.) para reducir el tamaño del código y mejorar su estructura. Después, CSS3 reemplaza las imágenes que se usaban para esquinas redondeadas y sombras, y se cargan fuentes externas. Se añaden media queries para que la página se adapte a distintos dispositivos y se incorporan audio y video nativos, con las diferencias de formatos que admite cada navegador. El libro también presenta APIs para aplicaciones enriquecidas (Local Storage, WebSockets y Canvas) y los microformatos, que hacen los datos más legibles para las máquinas.

Es un recorrido práctico de «haz la tarea y aprende sobre la marcha», adecuado para entender la lógica de una migración y qué se gana con ella. Por su brevedad, cada tema se trata de forma introductoria: WebSockets, Canvas o el diseño responsive apenas se presentan. Además, el contexto de 2013 (soporte desigual de los navegadores, formatos de video en disputa) ha quedado desfasado. Hoy sirve sobre todo como introducción histórica y conceptual; conviene complementarlo con documentación actual, como MDN, sobre semántica, accesibilidad y CSS moderno.