
Creating Responsive Websites Using HTML5 and CSS3
Varun Gor
- Editorial
- Apress
- Año
- 2023
- Páginas
- ~282
- Nivel
- Básico
De qué trata
Libro introductorio de Apress (noviembre de 2023) en el que Varun Gor, desarrollador web con más de catorce años de experiencia, explica cómo crear sitios responsivos con HTML5 y CSS3. Está pensado para estudiantes y diseñadores web que quieren ampliar sus habilidades. Según la editorial, no hace falta experiencia previa en programación, solo curiosidad y ganas de aprender.
El recorrido va de lo básico a lo avanzado. Empieza con una introducción al desarrollo web y a las tecnologías que lo sostienen, y sigue con HTML5 aplicado al diseño responsivo: elementos semánticos y soporte nativo de audio y video. Después pasa a CSS3 para dar estilo a las páginas con colores, márgenes e imágenes, y dedica capítulos a las media queries, las animaciones y transiciones de CSS3, y los fondos y sombras. Cierra con los problemas de compatibilidad entre navegadores (Chrome, Edge, Opera e Internet Explorer) y sistemas operativos. También enseña a escribir, ejecutar y depurar el código con las herramientas de desarrollo del navegador, y a migrar paso a paso un sitio heredado a un diseño responsivo.
El libro incluye archivos de apoyo y un sitio web de demostración guiado, que sirve para practicar layouts que se adaptan a portátiles, equipos de escritorio y móviles. Es una buena puerta de entrada para quien parte de cero. Quien ya conozca HTML y CSS encontrará poco nuevo, y conviene tener en cuenta que se queda en HTML y CSS "puros": JavaScript, los frameworks de interfaz y las herramientas de build modernas quedan fuera. La mención a Internet Explorer revela además un enfoque algo conservador para 2023.
- Diseño web responsivo
- HTML5 semántico
- CSS3
- Media queries
- Animaciones y transiciones CSS
- Fondos y sombras
- Audio y video HTML5
- Compatibilidad entre navegadores
- DevTools
- Migración de sitios heredados
¿Cómo enseña?
Teoría + práctica
- ✗ Sin ejercicios
- ✓ Incluye proyectos
Proyectos
Sitio web de demostración responsivo
Proyecto guiado con HTML5 y CSS3 que se adapta a distintos tamaños de pantalla mediante media queries, y que se depura y prueba en varios navegadores con las herramientas de desarrollo.

