LQIP en Lume: placeholders inline generados en build
Cómo genero placeholders de baja calidad para imágenes durante la compilación con un script Deno, los incrusto en base64 y dejo que el navegador haga el cross-fade sin JavaScript.
Yo… he visto cosas que vosotros no creeríais:
Diseñar páginas web usando Frontpage.
He visto GIFs animados colonizar sitios completos más allá de los dominios de Geocities.
Todos esos momentos se perderán… en el tiempo…
como cookies en la red.
Es hora de innovar.
~ whoami
Juanjo Marcos
~ cat oficio.txt
Desarrollador web · Bilbao · Desde 1999
~
Cómo genero placeholders de baja calidad para imágenes durante la compilación con un script Deno, los incrusto en base64 y dejo que el navegador haga el cross-fade sin JavaScript.
Tres problemas reales que encontré al migrar este sitio de Eleventy a Lume, y cómo los resolví. Includes rotos, tags que desaparecen y un sistema de bundling que no existe.
Cómo generar automáticamente imágenes de vista previa para redes sociales en cada post, usando un generador TypeScript, SVG y resvg-wasm.
Eleventy se convierte en Build Awesome, y los que construimos con generadores estáticos por filosofía tenemos que plantearnos qué viene después.
Paigar.es es mi espacio personal como desarrollador. Si Bilbonauta es donde escribo sobre viajes, este es el lugar donde hablo sobre código, herramientas y el oficio de construir para la web.
No es una web comercial — para eso está Idenautas, mi empresa. Aquí simplemente comparto lo que aprendo, lo que opino y lo que me entusiasma de este trabajo después de dos décadas.