HTML
Formularios HTML: Validación, accesibilidad y buenas prácticas
Construye formularios robustos, seguros y accesibles con HTML nativo
HTML
HTML Semántico: Importancia de los Elementos Estructurales
Cómo usar elementos semánticos correctamente para mejorar SEO, accesibilidad y mantenibilidad
JavaScript
·Componentes
·Accesibilidad
Tabs reutilizables con JavaScript Vanilla
Un componente accesible, reutilizable y escalable con API programatica, teclado, ARIA y registro interno
Next.js
·Tailwind CSS
·CSS
Tailwind CSS 4 en Next.js: configuración paso a paso
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
HTML
·JavaScript
Creando un Tooltip reutilizable con JavaScript Vanilla
Aprende a construir un sistema de tooltips flexible, accesible y controlable sin depender de librerías externas.
Next.js
·Arquitectura
·SSR
Arquitectura en Next.js con SSR, Server Components y Client Components
Guia practica para organizar paginas, layouts y limites de renderizado sin mezclar responsabilidades
HTML
·JavaScript
Atributos data-* en HTML: Almacena datos personalizados en tu DOM
Aprende a usar los atributos data-* para guardar información en elementos HTML y accederla desde JavaScript de forma segura y semántica
JavaScript
·Tailwind CSS
·HTML
Cómo crear un modal reutilizable con JavaScript Vanilla y Tailwind CSS
Diseña un componente modal sólido, accesible y configurable sin depender de frameworks, usando clases utilitarias de Tailwind CSS.
Next.js
·React
·Shiki
·MDX
·SSR
Configurando Shiki Syntax Highlighter
Configurando y creando un componente para resaltar la sintaxis de código en un blog utilizando Shiki y Next.js con server-side rendering.