</> CodeBooks
    ← Volver a CSS (página 6)
    Portada de Modern CSS with Tailwind, 2nd Edition

    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?

    TeóricoPráctico

    Teoría + práctica

    • ✗ Sin ejercicios
    • ✗ Sin proyectos

    Más de CSS con nivel Intermedio