Curso Tailwind CSS 4 desde cero

midudev

Summary

Este curso práctico ofrece una inmersión completa en Tailwind CSS 4, explicando su filosofía 'Utility First', la cual prioriza el uso de clases de bajo nivel para construir interfaces rápidamente y sin necesidad de cambiar entre archivos CSS y markup. Aprenderás desde la configuración inicial, pasando por el manejo de responsividad, el uso de herramientas de CLI para producción, hasta la implementación de temas personalizados, animaciones con plugins y la correcta estructuración de componentes para evitar la verbosidad excesiva en el HTML.

Chapters

  1. 0:00Introduction to Tailwind CSS 4
  2. 9:45Setup and Development Environment
  3. 19:30Building Components with SVG Sprites
  4. 39:00Styling and Animation Techniques
  5. 58:30Handling Arbitrary Values and Layouts
  6. 1:18:00Custom Configuration and Themes
  7. 1:29:15Plugins and Final Project Polish

Topics covered

  • Introducción y Filosofía
  • Configuración y Herramientas
  • Responsive Design
  • Componentización
  • Personalización y Temas
  • Animaciones y Plugins

Transcript excerpt

Hoy tenemos curso de Telwin CSS 4. Telwin CSS. A ver, Telwin, ¿qué es Telwin? Primera pregunta, pregunta del millón. Telwin es un framework CSS, ¿vale? Un framework CSS un poquito especial porque se le llama Utility First. ¿Qué es esto de utility first? Primero, utilidades. ¿Qué quiere decir esto? Pues que lo que hace Telwin es proporcionarte una serie de clases de bajo nivel para construir interfaces de forma rápida y y coherente. ¿Qué es esto de las clases de bajo nivel? Pues son clases que en realidad son utilidades, que hacen una cosa en concreto. A diferencia de otros frameworks de CSS que tú lo que tienes un botón, ¿vale? Y ya te dibuja un botón. Lo que te, mira, vamos a poner un ejemplo de Boostrap, que es uno de los más famosos, ¿vale? que también tiene algunas utilidades de clase, pero casi todo lo que tendríamos aquí más bien es que quieres pintar un botón, pues nada, te pones…