• Sobre mí
  • Proyectos
  • Contacto
  • Blog

Apasionado por el desarrollo web y el diseño de interfaces intuitivas.

Cada error es un paso. Cada línea, un aprendizaje.

📍   Salou, Tarragona, España ✉️   [email protected] 📞   +34 641932611

Curriculum

Ver mi curriculum completo

Mapa del sitio

  • Inicio
  • Blog
  • Proyectos
  • Sobre mi
  • Mi misión
  • Sitemap

Contácto

  • Página de contácto
  • LinkedIn
  • GitHub

2026 Frankuxui - Todos los derechos reservados

  • Términos y condiciones
  • Política de privacidad
  • Política de cookies

Blog

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.

  • Todas
  • Accesibilidad
  • Arquitectura
  • Astro
  • Componentes
  • CSS
  • Diseño UI
  • HTML
  • JavaScript
  • MDX
  • Next.js
  • React
  • React Router
  • Shiki
  • SSR
  • Tailwind CSS

Publicaciones

Imagen de unsplash creada por Peter Burdon
Imagen del articulo Fotografía de Unsplash
13 de julio de 2026
JavaScript

Debounce y Throttle: Controla la frecuencia de ejecución de funciones

Optimiza el rendimiento de tu aplicación limitando cuántas veces se ejecutan listeners de eventos y funciones costosas

Imagen de unsplash creada por Frans Ruiter
Imagen del articulo Fotografía de Unsplash
13 de julio de 2026
JavaScript

Event Delegation en JavaScript Vanilla: Optimiza tu DOM

Cómo reducir listeners y mejorar el rendimiento usando bubbling de eventos

Imagen de unsplash creada por Benjamin Chambon
Imagen del articulo Fotografía de Unsplash
13 de julio de 2026
JavaScript

Event Delegation: Optimiza tus listeners en JavaScript

Maneja eventos en múltiples elementos con un único listener y mejora el rendimiento de tu aplicación

Imagen de unsplash creada por Brice Cooper
Imagen del articulo Fotografía de Unsplash
13 de julio de 2026
CSS

CSS Flexbox: Alineación y distribución de elementos

Domina el layout flexible para crear interfaces modernas y responsive

Imagen de unsplash creada por Rafael Peier
Imagen del articulo Fotografía de Unsplash
13 de julio de 2026
CSS

CSS Grid Subgrid: Dominando la alineación de elementos anidados

Cómo usar subgrid para mantener la coherencia visual en componentes anidados

Fotografía de unsplash creada por Carter Obasohan
Imagen del articulo Los atributos data-* permiten enlazar datos y comportamiento en HTML
8 de julio de 2026
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

Fotografía de unsplash creada por Alec Krum
Imagen del articulo Credito o descripcion corta
8 de julio de 2026
CSS

El selector :has() en CSS: guía práctica para estilizar según el contenido

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.

Imagen de Unsplash creada por Marek Piwnicki
Imagen del articulo Ejemplo de un modal reutilizable con JavaScript Vanilla y Tailwind CSS
3 de julio de 2026
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.

Fotografía de Unsplash creada por Carter Obasohan
Imagen del articulo Tooltip reutilizable creado con JavaScript Vanilla
3 de julio de 2026
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.

12
Página 1 de 2 · 17 posts