Notas, experimentos y aprendizajes sobre desarrollo frontend, arquitectura y producto. Algunos escritos para compartir, otros para recordar. Todo con el objetivo de aprender y mejorar como desarrollador y creador de software.
Aprende a usar el selector de relación :has() para aplicar estilos en función de los hijos, el estado y el contexto, sin recurrir a JavaScript.
Construye formularios robustos, seguros y accesibles con HTML nativo
Cómo usar elementos semánticos correctamente para mejorar SEO, accesibilidad y mantenibilidad
Domina las CSS Custom Properties para crear temas dinámicos y reutilizables
Un componente accesible, reutilizable y escalable con API programatica, teclado, ARIA y registro interno
Guía completa para integrar Tailwind CSS 4 en un proyecto de Next.js utilizando la configuración oficial recomendada, optimizada para rendimiento y escalabilidad
Aprende a construir un sistema de tooltips flexible, accesible y controlable sin depender de librerías externas.
Aprende a usar los atributos data-* para guardar información en elementos HTML y accederla desde JavaScript de forma segura y semántica
Diseña un componente modal sólido, accesible y configurable sin depender de frameworks, usando clases utilitarias de Tailwind CSS.