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.
Tailwind CSS
·Astro
·Diseño UI
Widgets Componentes Tailwind CSS 4
Una colección de widgets modernos para dashboards, aplicaciones SaaS e interfaces de usuario
JavaScript
·Tailwind CSS
·Diseño UI
Creando un accordion reutilizable con JavaScript Vanilla
Un componente accesible, configurable por HTML y controlable desde JavaScript moderno
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
Closures en JavaScript: Explicación Práctica
Domina los cierres y escribe código más limpio y poderoso
React
·React Router
·JavaScript
Cómo crear una app con React y React Router desde cero
Guía práctica para iniciar un proyecto con Vite, configurar rutas, layouts, páginas dinámicas y una pantalla 404
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.