Blog

Artículos sobre desarrollo web, diseño y tecnología.

Librería de componentes con más de 45 componentes Astro en Atomic Design
Atomic Design Astro Component Architecture

Atomic Design en la práctica: Un portfolio con más de 45 componentes Astro

Cómo construí una biblioteca de componentes escalable para mi portfolio trilingüe usando Atomic Design — con ejemplos reales de código de átomos, moléculas y organismos.

15 min de lectura
Leer más
Enrutamiento de URLs trilingüe con mapeo de slugs en Astro
Astro i18n Routing

Astro i18n sin plugins: Sitios web trilingues con mapeo de slugs

Como construir un sitio web completamente trilingue con URLs traducidas usando el enrutamiento i18n nativo de Astro y una tabla de slugs personalizada — sin plugins externos.

12 min de lectura
Leer más
Animaciones SVG para hero con CSS puro — cero JavaScript
SVG CSS Animation Performance

Animaciones SVG para Hero sin JavaScript: Identidades visuales por página

Cómo crear fondos hero animados y únicos para cada página usando CSS puro y SVG — sin un solo byte de JavaScript.

11 min de lectura
Leer más
Datos estructurados JSON-LD para resultados enriquecidos en Google
SEO JSON-LD Schema.org

Datos estructurados para mejor SEO: JSON-LD en páginas Astro

Cómo implementar datos estructurados JSON-LD en páginas Astro — esquemas FAQPage, Service, BreadcrumbList y LocalBusiness para Rich Results en Google.

13 min de lectura
Leer más
Diagrama de jerarquía Atomic Design — átomos, moléculas, organismos
Design Systems Architecture Astro

Introducción al Atomic Design

Una guía completa sobre la metodología Atomic Design de Brad Frost — átomos, moléculas, organismos, templates y páginas explicados con ejemplos reales en Astro.

14 min de lectura
Leer más
Design Tokens — colores, espaciado, tipografía como propiedades CSS
CSS Design Tokens Design Systems

Design Tokens: La Base de Todo Sistema de Diseño

Un análisis profundo de los design tokens — cómo las CSS custom properties crean consistencia en colores, espaciado, tipografía y theming para aplicaciones web escalables.

13 min de lectura
Leer más
Métricas de rendimiento Core Web Vitals — LCP, INP, CLS
Performance Core Web Vitals Astro

Construyendo para el Rendimiento: La Guía Completa de Core Web Vitals

Domina la optimización de LCP, INP y CLS — desde la arquitectura zero-JS de Astro hasta estrategias de imágenes, presupuestos CSS, carga de fuentes y flujos de medición.

15 min de lectura
Leer más