Smashing CSS

Libro de Eric A. Meyer, uno de los referentes históricos de CSS y de los estándares web, publicado por Wiley dentro de la serie de libros de Smashing Magazine (finales de 2010, con fecha de 2011 en muchas ediciones). Es una colección de técnicas profesionales de maquetación y efectos visuales de la época de CSS 2.1 y de los primeros pasos de CSS3 y HTML5. Aunque está catalogado como básico, se dirige a quienes ya conocen algo de CSS y JavaScript y quieren pasar a técnicas más avanzadas.

Se divide en siete capítulos: herramientas, selectores, consejos, layouts, efectos, tablas y «The (Near) Future». Explica cómo ocultar o desplazar elementos fuera de la pantalla y cómo trabajar con los fondos de html y body. Recorre más de quince técnicas de maquetación clásicas: clearfix, multicolumna, faux columns, One True Layout, Holy Grail, layouts en em, rejillas fluidas y sticky footers. También incluye efectos como pop-ups en CSS, esquinas redondeadas, sprites CSS, Sliding Doors y ragged floats, además del estilado avanzado de tablas (thead, tfoot, tbody, encabezados de fila e incluso convertir tablas en gráficos o mapas). Cierra con un adelanto de CSS3 —border-radius, fondos múltiples y colores RGBA— y su uso junto con jQuery.

Se aprende con recetas: cada técnica es un fragmento independiente que se puede probar y adaptar. Hoy tiene sobre todo valor histórico y formativo: ayuda a entender la cascada, los floats y el posicionamiento, y por qué existían esos trucos. Sin embargo, gran parte de sus layouts basados en floats quedaron obsoletos con Flexbox y Grid, que el libro no trata. Conviene leerlo junto a una guía de CSS moderno.