Tailwind CSS

Introducción

• Visión general de Tailwind CSS.

Primeros pasos

• Instalación de Tailwind CSS.
• Instalación de Node.
• Instalación de VS Code.
• Configuración del entorno.

Conceptos básicos de Tailwind CSS

• Vinculación de Tailwind CSS con HTML.
• Creación de contenedores con clases utilitarias.
• Ajuste de las propiedades de ancho y alto.
• Comprensión del funcionamiento de flexbox.
• Envoltura y redimensionamiento de elementos flexibles.
• Creación de diseños en cuadrícula y filas.
• Ajuste del flujo de elementos en un diseño de cuadrícula.
• Añadido de separación y justificación entre los elementos.
• Justificación de elementos individuales.
• Añadido de espaciado interno (padding) y márgenes a los elementos.
• Estilizado de texto utilizando las clases utilitarias de Tailwind.
• Añadido y estilizado de bordes.
• Añadido de sombras a los elementos.
• Uso de puntos de interrupción (breakpoints) para añadir comportamiento responsivo.
• Uso de selectores pseudoclase.
• Directivas de capa y aplicación.
• Uso de componentes para reutilizar código.

Configuración de un entorno de desarrollo mejorado

• Creación de un entorno con la CLI de Tailwind.
• Directivas y funciones.

Resumen y próximos pasos