Dave Rupert's personal summer update covering travels, home improvement projects (tilling, rock removal), joining a neighborhood band, extensive manga and book reading, movies and TV watched, ShopTalk Show episodes recorded, 3D printing with the Gridfinity system, and open source work including FASTElement v3 (30% smaller bundle), Fluent Web Components v3 public release after a two-year beta, and an AI policy added to The A11y Project. Also notes Jekyll site build improvements using Copilot, CSS view-transitions on his bookshelf page, and a CSS-only LQIP trick for reducing CLS.
Table of contents
Inbound and outbound travels“No New Projects”We joined a bandBy the numbers📖 ReadingQuestions this post answers
How much smaller is FASTElement v3 bundle compared to previous versions?
FASTElement v3 reduces the bundle size by approximately 30% compared to the previous version. The release also coincides with Fluent Web Components v3 reaching public release after a two-year beta, with the components already in use across several Microsoft projects. Developers shipping web component libraries track bundle size milestones like these on daily.dev.
What is the CSS-only LQIP trick that converts a 6-byte code into a blurry image placeholder?
A CSS-only Mini LQIP technique converts a 6-byte code into a blurry background-image placeholder, reducing Cumulative Layout Shift (CLS) without JavaScript. The approach is documented by Lean Rada and can be applied to image-heavy pages like story or gallery listings to improve perceived load performance. Front-end developers optimizing CLS and image loading keep up with CSS techniques like this on daily.dev.