• 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

Foto de unsplash creada por Samuel Quek
Imagen del articulo Formularios HTML modernos: validación y accesibilidad
23 de julio de 2026
HTML

Formularios HTML: Validación, accesibilidad y buenas prácticas

Construye formularios robustos, seguros y accesibles con HTML nativo

Foto de unsplash creada por Avatar del usuario Fabrice Villard
Imagen del articulo HTML semántico proporciona significado y contexto a los contenidos
23 de julio de 2026
HTML

HTML Semántico: Importancia de los Elementos Estructurales

Cómo usar elementos semánticos correctamente para mejorar SEO, accesibilidad y mantenibilidad

Fotografía de Unsplash creada por Natalia Rudomin
Imagen del articulo Tabs accesibles y escalables en JavaScript Vanilla
23 de julio de 2026
JavaScript
·Componentes
·Accesibilidad

Tabs reutilizables con JavaScript Vanilla

Un componente accesible, reutilizable y escalable con API programatica, teclado, ARIA y registro interno

Fotografía de Unsplash creada por Alessio Furlan
Imagen del articulo Configurando Tailwind CSS 4 en Next.js
23 de julio de 2026
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

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

Imagen de Unsplash creada por Andrew Svk
Imagen del articulo Ejemplo de un modal reutilizable con JavaScript Vanilla y Tailwind CSS
23 de julio de 2026
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

Imagen de Unsplash creada por Carter Obasohan
Imagen del articulo Accordion reutilizable creado con JavaScript Vanilla moderno
23 de julio de 2026
JavaScript
·Tailwind CSS
·Diseño UI

Creando un accordion reutilizable con JavaScript Vanilla

Un componente accesible, configurable por HTML y controlable desde JavaScript moderno

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

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

12
Página 1 de 2 · 10 posts