
Mobile HTML5
Estelle Weyl
- Editorial
- O'Reilly
- Año
- 2013
- Páginas
- ~480
- Nivel
- Intermedio
De qué trata
Obra extensa (unas 480 páginas) de Estelle Weyl, ingeniera front-end y divulgadora de estándares web, sobre cómo crear sitios y aplicaciones web para dispositivos móviles con HTML5, CSS3 y las APIs de JavaScript disponibles en 2013. Apunta a iOS, Android, BlackBerry y Windows Phone y pone el foco en el rendimiento y la experiencia de usuario. Es de nivel intermedio a avanzado y supone que el lector ya conoce el desarrollo web de escritorio.
Empieza con las herramientas de desarrollo y prueba: depuradores de escritorio y remotos, emuladores y dispositivos reales. La parte de HTML5 cubre la sintaxis, los atributos globales, las etiquetas meta propias del móvil, los nuevos elementos semánticos e interactivos y los formularios (tipos de input, validación nativa, datalist, output y meter). Después trata SVG, canvas, audio y vídeo, y otras APIs: AppCache, localStorage, Web SQL, IndexedDB, geolocalización, Web Workers, microdata, mensajería entre documentos y ARIA. La parte de CSS3, la más amplia, recorre selectores y especificidad, media queries, unidades y colores, border-radius, degradados, sombras, transformaciones 2D y 3D, transiciones, animaciones con keyframes, multicolumna, border-image, Flexbox e imágenes adaptables. Los últimos capítulos se dedican al diseño de aplicaciones móviles, al viewport, a los eventos táctiles y de puntero, al acceso al hardware, a los frameworks híbridos y al rendimiento móvil: batería, latencia, menos peticiones HTTP y optimización de imágenes.
Como hilo conductor usa CubeeDoo, un juego de memoria para móvil que va mejorando a medida que se introducen nuevas funciones de HTML5 y CSS3. Es una obra de consulta muy completa y rigurosa, sobre todo en CSS3, pero refleja el panorama de 2013: AppCache y Web SQL están obsoletos, BlackBerry y Windows Phone desaparecieron y no aparecen Service Workers, CSS Grid ni las PWA modernas. Conviene leerlo como base conceptual y contrastar la compatibilidad actual.
- HTML5 móvil
- CSS3
- Formularios HTML5
- SVG y Canvas
- Audio y vídeo
- Almacenamiento offline
- Media queries
- Diseño responsive
- Flexbox
- Transformaciones y animaciones
- Eventos táctiles
- Rendimiento móvil
¿Cómo enseña?
Teoría + práctica
- ✗ Sin ejercicios
- ✓ Incluye proyectos
Proyectos
CubeeDoo
Juego de memoria para móvil que sirve de ejemplo a lo largo del libro. Se amplía con nuevas funciones de HTML5, almacenamiento local, eventos táctiles y efectos de CSS3 como transformaciones y animaciones.

