JPEG XL vs AVIF for web use-cases
JPEG XL has now landed in all major browsers, so I figured I'd take a closer look at what it's good/bad at compared to other formats. Conclusions I'll go into full detail, with examples and benchmarks
Developer advocate at Google Chrome. Expert on web performance, service workers, and browser APIs.
https://jakearchibald.comJPEG XL has now landed in all major browsers, so I figured I'd take a closer look at what it's good/bad at compared to other formats. Conclusions I'll go into full detail, with examples and benchmarks
When and how CSS custom properties are calculated might not be what you expect, and it has a big impact on your styles. The default Take this HTML: <div></div><div class="second-item"> <p>ā¦</p></di
I made an accessibility error, and I want you to learn from my mistakes. I've been making short videos recently about web platform features as they land in Firefox, and also about other web standards
I recently gave a talk on customizable (as in fully-stylable) <select>, and as I was building demos I realised there's a sizing 'pattern' that's almost always the-one-you-want, but it took me a long t
JSON module imports are now supported across browsers, but fetch() is better for most cases due to superior error handling and avoiding module graph failures.
Progressive image formats render partial images before fully loading. The post examines current browser support and suggests improvements for AVIF.
Fetch upload streams shouldn't be used to measure upload progress because they provide inaccurate results and may encourage poor browser implementations.
Browsers may remove native XSLT support due to low usage and security issues, prompting exploration of alternative ways to make XML human-readable.
This post demonstrates CSS techniques for styling footnotes, including smooth scrolling, animated highlighting effects, and visual formatting.