
Architecting CSS
Martine Dowden, Michael Dowden
- Editorial
- Apress
- Año
- 2020
- Páginas
- ~241
- Nivel
- Intermedio
De qué trata
Guía de unas 240 páginas enfocada en aplicar principios de ingeniería de software y arquitectura a las hojas de estilo en cascada. Martine Dowden y Michael Dowden escribieron este libro pensando en programadores y desarrolladores web que ya conocen la sintaxis básica de CSS y HTML, pero que sufren cuando los estilos crecen y se vuelven difíciles de mantener o depurar en proyectos medianos y grandes. En lugar de centrarse en diseño gráfico o creatividad visual, el texto aborda CSS desde la disciplina del código limpio, la modularidad y el control de la complejidad.
El recorrido comienza desglosando a fondo el algoritmo de la cascada, el cálculo de especificidad, la herencia y las reglas de precedencia para evitar el abuso de !important. Luego examina sistemas de maquetación modernos como Flexbox y CSS Grid, técnicas de compatibilidad y diseño responsive con media queries, e interacciones y transiciones fluidas sin depender en exceso de JavaScript. Dedica capítulos clave a la modularización mediante preprocesadores (principalmente Sass/SCSS), el uso de variables nativas (CSS Custom Properties) para temas dinámicos y white-labeling, la interacción controlada entre CSS y JavaScript en el DOM, y patrones arquitectónicos reconocidos como BEM, OOCSS y SMACSS.
Enseña mediante ejemplos de código específicos, técnicas de refactorización y guías de organización de carpetas y componentes, en lugar de guiar la construcción de una única aplicación desde cero. Su principal valor radica en cambiar la mentalidad del programador hacia CSS, dotándolo de herramientas para estructurar sistemas de diseño accesibles y escalables. Por su enfoque y fecha de publicación (2020), no profundiza en librerías de utilidades como Tailwind CSS ni en soluciones de CSS-in-JS complejas, pero sus fundamentos sobre especificidad, accesibilidad y desacoplamiento de estilos siguen siendo esenciales para cualquier equipo frontend.
- Arquitectura CSS
- Especificidad y cascada
- Flexbox
- CSS Grid
- BEM y patrones
- Sass / SCSS
- CSS Custom Properties
- Accesibilidad web
- Diseño responsive
- Organización modular
¿Cómo enseña?
Teoría + práctica
- ✗ Sin ejercicios
- ✗ Sin proyectos

