Blog

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

Blog

Juego de navegador NeuroBirds con 29 pájaros coleccionables y visualización de redes neuronales
Game Dev React AI Canvas Web Audio

NeuroBirds: Construyendo 29 pájaros con cerebros reales

Caso de estudio: cómo construí un juego de navegador procedural con redes neuronales, simulación de consciencia y mecánicas de Flappy Bird — sin un solo archivo de imagen.

8 min de lectura
Leer más
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: 45+ componentes Astro

Cómo Atomic Design produce una biblioteca de componentes escalable para un portfolio trilingüe. Ejemplos reales 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: 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.

12 min de lectura
Leer más
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 min de lectura
Leer más
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.

13 min de lectura
Leer más
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.

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

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.

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

13 min de lectura
Leer más