
CSS Mastery, 2nd Edition
Andy Budd, Simon Collison, Cameron Moll
- Editorial
- friends of ED
- Año
- 2009
- Páginas
- ~386
- Nivel
- Avanzado
De qué trata
Segunda edición (2009, sello friends of ED de Apress) del clásico de Andy Budd, con la colaboración de Simon Collison y Cameron Moll, que reúne en una sola guía las técnicas de diseño con CSS basadas en estándares web. Esta edición se actualizó para incluir CSS3: muestra las técnicas ya probadas de CSS 2.1 junto a sus equivalentes en CSS3, con información de soporte de navegadores revisada. Está dirigido a diseñadores y desarrolladores intermedios con una base sólida en HTML y CSS, y también sirve como libro de consulta para perfiles avanzados.
Los primeros capítulos sientan las bases: marcado semántico y estructura del código, selectores, especificidad y cascada, y el modelo de formato visual (modelo de caja, posicionamiento, floats). A partir de ahí trabaja técnicas concretas: uso de imágenes de fondo para efectos visuales (esquinas redondeadas, sombras, sprites e imágenes reemplazadas), estilos de enlaces, listas y barras de navegación, formularios y tablas de datos, y layouts de varias columnas fijos, líquidos y elásticos. El capítulo de errores y su corrección enseña a diagnosticar y resolver los fallos de los navegadores, con especial atención a Internet Explorer y hasLayout.
Se puede leer de principio a fin, porque los capítulos van construyendo sobre los anteriores, o usar como recetario. El cierre con dos casos de estudio reales, a cargo de Moll y Collison, muestra cómo profesionales experimentados combinan todas las técnicas en sitios completos. Hoy muchas soluciones (trucos con imágenes de fondo, layouts con floats, hacks para IE) están superadas por Flexbox, Grid y las propiedades CSS3 nativas, y existe una tercera edición de 2016 más actual. Aun así, su explicación de la cascada, del modelo de caja y de la forma de razonar el CSS sigue siendo muy valiosa.
- CSS 2.1
- CSS3
- Selectores y especificidad
- Modelo de caja
- Imágenes de fondo
- Navegación con listas
- Formularios y tablas
- Layouts líquidos y elásticos
- Bugs de navegadores
- Casos de estudio
¿Cómo enseña?
Teoría + práctica
- ✓ Incluye ejercicios
- ✓ Incluye proyectos
Proyectos
Caso de estudio: Roma Italia
Cameron Moll analiza el diseño de un sitio de ejemplo sobre Italia y explica cómo resolvió su maquetación y sus detalles visuales con CSS 2.1 y algunas técnicas de CSS3.
Caso de estudio: Climb the Mountains
Simon Collison desglosa un sitio de ejemplo sobre montañismo y muestra cómo organiza el CSS y combina las técnicas del libro en un diseño completo.

