Blog

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

Enrutamiento de URLs trilingüe con mapeo de slugs en Astro

Astro i18n sin plugins: Guía de mapeo de slugs

Construye un sitio trilingüe con URLs traducidas usando el enrutamiento i18n nativo de Astro y una tabla de slugs. Tutorial paso a paso sin plugins.

10. März 2025 12 min de lectura

Animaciones SVG para hero con CSS puro — cero JavaScript

SVG CSS Animation Performance

Animaciones SVG Hero sin JavaScript

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

20. Februar 2025 20 min de lectura

Datos estructurados JSON-LD — resultados enriquecidos en Google para búsqueda local

SEO JSON-LD Schema.org

JSON-LD para Negocios Locales — Schema.org en Astro

Aprende a crear el formato JSON para perfil de negocio local con JSON-LD en Astro. Esquemas LocalBusiness, FAQ y BreadcrumbList con ejemplos listos para copiar.

5. Februar 2025 13 min de lectura

Diagrama de jerarquía Atomic Design — átomos, moléculas, organismos

Design Systems Architecture Astro

Atomic Design: Arquitectura de Componentes

Metodología Atomic Design de Brad Frost -- átomos, moléculas, organismos, templates y páginas con ejemplos reales en Astro.

20. Januar 2025 14 min de lectura

Design Tokens — colores, espaciado, tipografía como propiedades CSS

CSS Design Tokens Design Systems

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

Cómo las CSS custom properties crean consistencia en colores, espaciado, tipografía y theming. Guía práctica para sistemas de diseño basados en tokens.

10. Januar 2025 13 min de lectura

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 LCP, INP y CLS — arquitectura zero-JS de Astro, estrategias de imágenes, presupuestos CSS, carga de fuentes y flujos de medición.

15. Dezember 2024 13 min de lectura