Developer of sorts at @webdevs.firefox.com, but this is my personal account. No thought goes unpublished. He/him.
Jake Archibald
Loading...
p75 and p90 JavaScript bytes on the web have exploded since May, 2025—easily the largest 10 month period based on HTTP Archive data since 2023.
The long-tail is getting worse, very quickly.
Gemini, what happened in May 2025?
@bram.us Anchors aweigh! Tethering Elements in Pure CSS with Anchor Positioning. Talk from #SotB26 is now live.
2026.stateofthebrowser.com/speaker/bram...
CSS is DOOMed!
I've build DOOM in CSS and every wall, floor, barrel, and imp is a div, positioned in 3D space using CSS transforms.
cssdoom.wtf
Try it out! But... not every browser can handle it. This is taking the browser to its limit. Chrome has some issues. Safari too. Bugs will be filed.
DOOM rendered entirely in CSS. Every wall, floor, barrel, and imp is a div, positioned in 3D space using CSS transforms.
There's something quite exciting happening with AVIF and progressive rendering.
Some recent patches let you provide custom 'frames' as progressive passes, so you can provide e.g. smaller blurry versions of the full image to use as a progressive pass.
I've proposed a series of changes to popover=hint. If you use web popovers, I'd love to know if the changes in the first post of this issue make sense, or, more importantly, if these changes would break your current usage of popovers.
github.com/whatwg/html/...
Live demo: random-stuff.jakearchibald.com/apps/partial..., although the progressive rendering is Chrome-only right now.
Firefox bug: bugzilla.mozilla.org/show_bug.cgi...
The progressive passes work like frames of a video, in that subsequent passes can be inter-frames, reusing data.
Video
Jake Archibald
What is the issue with the HTML Standard? https://random-stuff.jakearchibald.com/popover-hint/ Videos below have audio. Weirdness 1 - does showing a hint popover hide unrelated auto popovers? neste...
Because you can provide arbitrary image data to the encoder for the progressive passes, you're in full control over what those passes look like.
In this example, I've created a pass that's blurred except for the 'focal point' of the image (I'm not sure it's a good effect though).
