I’m not the world’s biggest fan of LQIP’s (low quality image placeholders) generally (doing nothing other than handling aspect ratio is… fine), but I really like how much creativity it inspires. I’ve seen a ton of different approaches to it over the years, that all use different technology and all have different advantages and disadvantages. Lean Rada has another interesting take with Minimal CSS-only blurry image placeholders where a single custom property is the seed for massively different CSS backgrounds generated from overlapping radial gradients with oklab colors.
Featured
In-N-Out Animations: Popovers (Part 2/3)
Using our 3, 2, 1 state system, we can make popovers animate on “the way in” and “the way out” just like we did with dialogs in Part 1.