Imágenes Open Graph automáticas con Eleventy
Cómo generar automáticamente imágenes de vista previa para redes sociales en cada post, usando SVG y el plugin de imagen de Eleventy.
13 artículos con esta etiqueta.
Cómo generar automáticamente imágenes de vista previa para redes sociales en cada post, usando SVG y el plugin de imagen de Eleventy.
Cómo construir un sistema de anchos de contenido flexible usando CSS Grid con líneas nombradas. El patrón que uso en todos mis proyectos.
Cómo usar la media query prefers-reduced-motion para desactivar animaciones cuando el usuario lo ha pedido. Con ejemplos prácticos y la filosofía detrás.
No es nostalgia ni desconocimiento. Es una decisión técnica fundamentada. Razones concretas por las que prefiero HTML, CSS y JavaScript vanilla para la mayoría de proyectos.
Cómo usar una variable CSS alimentada por el scroll del navegador para crear animaciones complejas sin librerías. La técnica detrás de la versión anterior de paigar.es.
En un oficio obsesionado con lo nuevo, una reflexión sobre el valor de construir cosas que perduren. Qué decisiones técnicas hacen que una web sobreviva al paso del tiempo.
Una web estática no es automáticamente rápida. Técnicas concretas para que tu sitio generado con Eleventy cargue en milisegundos.
Cómo servir la imagen correcta para cada dispositivo sin cargar bytes innecesarios. picture, srcset, sizes, lazy loading y formatos modernos.
Cómo construir un sistema de temas sin frameworks ni JavaScript innecesario. Solo custom properties, un atributo data y un par de líneas de JS.
Por qué no necesitas React, Vue ni ningún framework JavaScript para la mayoría de sitios web. Con ejemplos de lo que puedes hacer con el lenguaje nativo del navegador.
No hace falta ser experto en WCAG para hacer webs accesibles. Estas son las prácticas básicas que marcan la diferencia y que no tienen excusa para no implementarse.
Cómo usar clamp() para crear una escala tipográfica que se adapta al viewport sin necesidad de breakpoints. Con ejemplos prácticos y la lógica detrás de los valores.
Las custom properties de CSS hacen innecesario Sass para la mayoría de proyectos. Comparación práctica con ejemplos de lo que puedes hacer con CSS nativo que antes requería un preprocesador.