Summary
Keywords
Full Transcript
00:00:00 introducción a utilidades de tailwind en css 00:00:26 bases de especificidad en css 00:05:03 conflictos de estilos con utilidades de tailwind 00:07:56 uso de clsx para condicionales de clases 00:09:38 uso de tailwind-merge para resolver conflictos 00:14:50 demo práctica: ejemplos con tailwind, clsx y tailwind-merge 00:17:58 conclusiones y llamada a la acción 🔥 ¿querés dominar las utilidades de tailwind sin que tu css se vuelva un caos? en este video te muestro cómo combinar tailwind, clsx y tailwind-merge para evitar esos conflictos que te hacen arrancarte los pelos: - fundamentos de especificidad en css (ids, clases y cascada) - cómo funcionan las utilidades de tailwind y por qué pueden chocar - generar clases condicionales con clsx de forma elegante - aplicar tailwind-merge para limpiar automáticamente clases solapadas - demo práctica en neovim: snippets con responsive, hover, !important y clases personalizadas - mejores prácticas para organizar tu carpeta de utilidades y reutilizar tu helper en cualquier proyecto todo explicado con humor inteligente, ejemplos claros y cero relleno. dale play, probá estos snippets en tu proyecto y contame en los comentarios qué hack te voló la cabeza. 🙌💬 ____ Aquí encontrarás contenido sobre programación, desarrollo web, y todo lo relacionado con frontend y backend. Si estás interesado en mejorar tus habilidades técnicas, aprender nuevas tecnologías o simplemente buscar motivación para tu carrera en tecnología, este es el lugar perfecto para ti. En cada video, compartimos consejos prácticos, tutoriales detallados y proyectos innovadores para ayudarte a crecer como desarrollador. Desde la creación de sitios web responsivos hasta la implementación de complejas aplicaciones backend, cubrimos una amplia gama de temas para todos los niveles de experiencia. No olvides suscribirte y activar la campanita para no perderte ningún video. ¡Únete a nuestra comunidad de programadores apasionados y lleva tu carrera al siguiente nivel! ▬ LINKS DE INTERÉS ▬ 🤑 DESCUENTOS ══════════════════════ Link para comprar una Standing Desk con 10% de descuento !! https://maidesite.es/iaxpghpvhf Ingresa el código KEGP60 para tener 60 euros de descuento más !! CodeCrafters: https://app.codecrafters.io/join?via=GentlemanProgramming Linsoul: https://www.linsoul.com/GentlemanProgramming 📺 STREAM ══════════════════════ Twitch: https://www.twitch.tv/gentleman_programming 🎮 YouTube: https://www.youtube.com/c/GentlemanProgramming VODS en canal secundario 🥵: https://www.youtube.com/channel/UCIscmdXDtypp2zTzEEYxJwg Kick: https://kick.com/gentleman-programming 📺 REDES Y COSITAS 🫦 ══════════════════════ https://doras.to/gentleman-programming 💰 Collab 🤑 ══════════════════════ [email protected] 💻 Mi configuración de LazyVim ══════════════════════ https://github.com/Gentleman-Programming/Gentleman.Dots 🎬 EDITOR ══════════════════════ Email: [email protected] Discord: Cristian1812 programación, frontend, backend, desarrollo web, Gentleman Programming, tecnología, tutoriales, proyectos, habilidades técnicas, innovación, motivación, carrera en tecnología, desarrollador, sitios web, aplicaciones, comunidad, suscribirse, notificaciones, consejos prácticos, crecimiento profesional, rspack, bundler
