Josh explains the pros and cons of embedding background images in your CSS using base 64 encoding.
SPAs were a clever solution to a temporary limitation. But that limitation no longer exists.
Use modern server rendering. Use actual pages. Animate with CSS. Preload with intent. Ship less JavaScript.
Container queries can’t be used in the sizes attribute for responsive images. Here, Jason breaks down why that is (spoiler: it’s the lookahead pre-parser) and segues into a truly long term solution: a “magical” image format.
If you’ve ever thought it felt weird to put media conditions inside the HTML for responsive images, this will resonate.
This could give a big boost to web performance!
A terrific in-depth look at improving the performance of web fonts.
I spent most of the weekend reading through this and I’ve still barely scratched the surface—a lot of work has gone to the analyses and write-ups!
The sections on accessibility and performance get grimmer each year but the raw numbers on framework adaption are refreshingly perspective-setting.
Safari 18 supports `content-visibility: auto` …but there’s a very niche little bug in the implementation.
Adding another theme to my stylesheet switcher.
Adarktio
A clever technique I learned from Trys.
Counting down the charts—what will be in the number one spot?