
Modern CSS with Tailwind, 2nd Edition
Noel Rappin
- Editorial
- The Pragmatic Programmers
- Año
- 2022
- Páginas
- ~104
- Nivel
- Intermedio
De qué trata
Segunda edición, publicada en mayo de 2022 por The Pragmatic Bookshelf, de la introducción de Noel Rappin a Tailwind CSS, el framework que construye estilos combinando clases utilitarias directamente en el HTML. Esta edición está actualizada a Tailwind 3.0 e incorpora su nuevo motor de generación de CSS bajo demanda, los valores arbitrarios, la sintaxis que combina color y opacidad en una sola clase, y la herramienta de línea de comandos standalone. Está pensada para quienes ya tienen conocimientos básicos de HTML y CSS; no enseña CSS desde cero ni pretende ser una referencia completa de Tailwind.
Tras la instalación y los fundamentos (utilidades, Preflight, modificadores, unidades y cómo evitar la duplicación), recorre la tipografía (tamaños, color y opacidad, espaciado, listas y los plugins oficiales de typography y forms) y el modelo de caja (padding, márgenes, bordes, fondos, filtros y dimensiones). Luego aborda la maquetación con contenedores, posicionamiento, tablas, columnas, Flexbox y Grid, y las animaciones con transiciones y transformaciones. Después trata el diseño responsivo con breakpoints, para adaptar una interfaz del móvil a pantallas anchas, y termina con la personalización: archivo tailwind.config.js, valores por defecto, variantes, integración con CSS existente, acceso desde JavaScript y plugins.
Se aprende con ejemplos breves que se aplican a páginas de muestra a lo largo del libro, sin un proyecto grande. Su punto fuerte es la concisión: en unas cien páginas explica la filosofía utility-first y cubre lo esencial para ser productivo. No incluye la integración con frameworks concretos (React, Rails, etc.) ni con librerías de componentes. Además, Tailwind 4 cambió la configuración a un enfoque basado en CSS, así que el capítulo de personalización está algo desactualizado.
- Tailwind CSS 3
- Utility-first
- Tipografía
- Modelo de caja
- Flexbox
- CSS Grid
- Animaciones y transiciones
- Diseño responsivo
- Configuración de Tailwind
- Plugins
¿Cómo enseña?
Teoría + práctica
- ✗ Sin ejercicios
- ✗ Sin proyectos

