Subscríbete para tener acceso a esta y todas las lecciones PRO de
Aprendible y a los repositorios privados
Ó si ya tienes una cuenta
Habilitando el botón para activar y desactivar el dark mode
En esta lección utilizamos Javascript para permitir que el usuario pueda activar y desactivar el dark mode presionando un botón.
1. Introducción al curso Fundamentos de Tailwind CSS
01:45 2. Qué es Tailwind CSS
02:16 3. Instalación de Tailwind CSS
07:25 4. Formateo y orden de clases automáticos
03:36 5. Barra de navegación móvil
04:25 6. Cómo utilizar íconos SVG con Tailwind CSS
07:02 7. Links de navegación móvil
05:30 8. Links de navegación escritorio
07:44 9. Estructura de un artículo
03:34 10. Trabajando con imágenes en Tailwind CSS
03:05 11. Terminando el diseño de la tarjeta
03:00 12. Cómo utilizar grids adaptables
07:03 13. Diseñando el pié de página
08:06 14. Diseñando la página "About"
06:00 15. Diseñando la paginación
09:58 16. Diseñando el formulario de contacto
06:38 17. Diseñando la página de detalle de un artículo
09:12 18. Cómo funciona el Dark Mode en Tailwind CSS
02:59 19. Soporte Dark Mode para la navegación
04:41 20. Cómo personalizar la configuración de Tailwind CSS
05:10 21. Soporte de dark mode para las tarjetas
01:50 22. Soporte dark mode para el footer
02:16 23. Soporte dark mode para la página de `about`
02:25 24. Soporte dark mode para la página blog
04:41 25. Soporte dark mode para la página `contact`
02:48 26. Soporte dark mode para la página `article`
02:12 27. Habilitando el botón para activar y desactivar el dark mode
04:54 28. Sincronización con el dark mode con el dispositivo del usuario
04:27 29. Menú para seleccionar el tema
05:56