• 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

Fotografía de unsplash creada por Alec Krum
Imagen del articulo Credito o descripcion corta
23 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.

Foto de unsplash creada por Avatar del usuario Mikolas Voborsky
Imagen del articulo Las propiedades CSS personalizadas permiten reutilizar valores en toda la hoja de estilos
23 de julio de 2026
CSS

Propiedades CSS Personalizadas: Gestiona Variables en tus Estilos

Domina las CSS Custom Properties para crear temas dinámicos y reutilizables

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

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

Imagen de Unsplash creada por Kjell-Jostein Sivertsen
Imagen del articulo Creando una aplicación React con navegación mediante React Router
23 de julio de 2026
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

Fotografía de Unsplash creada por Michael Busch
Imagen del articulo Configurando Shiki Syntax Highlighter en Next.js con MDX
23 de julio de 2026
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.

Imagen de unsplash creada por Brice Cooper
Imagen del articulo Fotografía de Unsplash
23 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
23 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

Página 1 de 1 · 9 posts