En este curso video aprenderás desde cero a utilizar Tailwind 4 y novedades brutales como son las máscaras y otras propiedades.
Código: https://github.com/midudev/curso-tailwind-abril-2025
Marcadores del video:
00:00:00 - Intro
00:00:10 - ¿Qué es Tailwind?
00:02:06 - Errores típicos con Tailwind
00:03:32 - Características clave
00:06:28 - Desventajas de Tailwind
00:09:27 - Creando un proyecto
00:09:41 - Creando estructura HTML
00:10:49 - Extensión live preview
00:11:51 - Instalando Tailwind
00:12:52 - Primera vez usando Tailwind
00:13:45 - Autocompletado de clases
00:16:40 - Iconos de Redes sociales
00:18:05 - Sprites de SVGs
00:20:14 - Agregando estilos
00:23:23 - Atajos en clases de Tailwind
00:24:36 - Variantes: focus, active, hover
00:29:33 - Gradientes
00:33:37 - Flex
00:35:06 - Agregando imagen
00:37:02 - Mascaras
00:39:28 - Valores arbitrarios
00:41:21 - Creando el header (font-size, color, dirección, family)
00:45:48 - Opacidad en colores
00:46:51 - Cursor
00:47:20 - Border
00:48:11 - Valores negativos
00:48:51 - z-index
00:49:42 - Responsive (Breckpoints)
00:55:21 - Configuración + crear nuestras primeras variables
01:00:15 - Watch en el output.css
01:01:45 - Creando nuestras primeras variables
01:05:19 - BreakPoints
01:08:05 - Asociar archivos css con tailwind
01:08:48 - @apply
01:11:40 - Por que no cambiar los valores por default
01:12:56 - Creando BentoGrid
01:19:33 - Group
01:27:22 - Agregar / Personalizar fuentes
01:32:18 - Animaciones
01:36:17 - Deploy