🎨

Frontend

Frameworks, arquitectura de componentes, estado y CSS moderno para construir interfaces sólidas.

🎨 Frontend

CSS moderno: container queries, :has() y las funciones que cambian cómo escribimos estilos

Container queries, :has() y un puñado de funciones nuevas llevan un par de años con soporte completo en navegadores, pero la mayoría de proyectos los sigue evitando por costumbre. Qué patrones de JavaScript y de librerías CSS dejan de tener sentido gracias a esto.

⚡ Performance, SEO & Accesibilidad

Optimización de imágenes en la web moderna: formatos, lazy loading y CDN

Formatos de imagen, srcset/sizes, lazy loading nativo y CDN de transformación on-the-fly: la guía técnica completa para dejar de servir imágenes de más.

🎨 Frontend

Gestión de estado en aplicaciones frontend modernas: guía práctica

La pregunta '¿qué librería de estado uso?' suele estar mal planteada. Antes hay que responder otra: ¿qué tipo de estado es este? Local, global o de servidor piden soluciones distintas, y la mitad de las veces la respuesta correcta es no añadir ninguna librería.

🛡️ Seguridad

Content Security Policy explicado: cómo configurarlo bien de una vez

'unsafe-inline' no es una política de seguridad, es rendirse. Guía práctica de CSP: qué ataques previene de verdad, cómo construir una política estricta con nonces y strict-dynamic, y cómo desplegarla sin romper nada por sorpresa.

🎨 Frontend

Web Components en 2026: ¿por fin listos para producción?

Custom Elements y Shadow DOM llevan una década siendo 'el futuro'. En 2026, con Declarative Shadow DOM y React 19 resolviendo la interoperabilidad, por fin hay una respuesta honesta a si están listos para producción: depende de qué estés construyendo.

🌐 Fundamentos Web

El DOM explicado a fondo: qué es, cómo funciona y por qué importa

El DOM no es el HTML: es la estructura viva en memoria que el navegador construye a partir de él. Árbol de nodos, coste de manipularlo y cómo lo abstraen React, Vue y compañía.

🧱 Full Stack

Server Actions y el nuevo modelo full-stack de React

React difumina la frontera entre cliente y servidor con las Server Actions. Cómo funcionan, cuándo sustituyen a una API route y por qué tratarlas como un endpoint público no es opcional.

🎨 Frontend

Islands architecture: cómo funciona y por qué está ganando terreno

Hidratar toda una aplicación para que un botón funcione es el problema que la arquitectura de islas vino a resolver. Cómo funciona por dentro, cómo la implementa Astro y qué se pierde a cambio de lo que se gana.

🎨 Frontend

Astro vs Next.js en 2026: cómo elegir el framework correcto para tu proyecto

Astro y Next.js no compiten por lo mismo. Uno está diseñado para que el contenido llegue rápido; el otro, para que una aplicación con estado se comporte bien. Una guía de decisión basada en el modelo mental de cada framework, no en una tabla de features.

⚡ Performance, SEO & Accesibilidad

WCAG 2.2 explicado: la guía práctica de accesibilidad web para developers

Los 9 criterios nuevos de WCAG 2.2 explicados sin jerga, qué nivel de conformidad te exige realmente la ley y cómo auditar tu web con herramientas reales.