CSS Refactoring

Libro breve de O'Reilly en el que Steve Lindstrom traslada a CSS una práctica habitual en otros lenguajes: el refactoring, es decir, reescribir código redundante o inconsistente sin cambiar lo que hace. Se basa en CSS3 tal como estaba en 2015-2016 y está pensado para desarrolladores front-end que heredan hojas de estilo desordenadas o que empiezan un proyecto y quieren organizarlo bien desde el principio. Basta con manejar HTML y CSS en el día a día; no requiere conocimientos avanzados.

Son seis capítulos. Empieza explicando qué es el refactoring, cuándo conviene hacerlo y cuándo no, y cómo se relaciona con la arquitectura de un proyecto. Después repasa la cascada y la especificidad de los selectores, base para entender por qué el CSS se vuelve difícil de mantener. Siguen recomendaciones para escribir mejor CSS, una forma de clasificar los estilos según su función (estilos base o de reseteo, componentes, estructura, utilidades, estilos específicos de navegador) y un capítulo sobre pruebas en distintos navegadores. Cierra con la organización de archivos, las estrategias para refactorizar paso a paso y cómo medir si el cambio funcionó. Un apéndice trata normalize.css.

No construye proyectos ni incluye ejercicios: es un texto de criterios y buenas prácticas con fragmentos de código ilustrativos. Sirve como punto de partida para definir un estándar de código CSS en un equipo y para entender por qué ciertos patrones generan deuda técnica. Algunos lectores señalan que la mayor parte del libro repasa fundamentos y que la guía concreta para rescatar una hoja de estilo heredada es escasa. Algunas recomendaciones, como concatenar archivos, han perdido peso con HTTP/2, y el libro no cubre herramientas actuales como cascade layers, variables CSS modernas, CSS Modules o Tailwind. Encaja mejor con perfiles junior que con desarrolladores que ya conocen metodologías como BEM o SMACSS.