I think it's often overlooked that AVIF is also really good at flat colour & sharp edges. Don't go straight for a lossless format just because it's the kind of image that would look bad as a JPEG. Here's an 11kb image as an AVIF, vs JPEG XL.

Customisable select! (Single select in dropdown mode only for now)

Gecko: Intent to ship: ariaNotify

Pretty shocking that this didn't exist already.

I’m still hoping we get a standardized DOM templating API github.com/justinfagnan...

Just tried this out in Chrome Canary. Pause/play animated gif/png/webp/avif/JPEGXL. Very cool github.com/w3c/csswg-dr...

Please help with this, they don't even need to be good examples, feel free to send us the bad ones too! This is gonna take *years* but the more examples we have now the sooner we can start getting to the really detailed discussions.

Browser developers are working on custom form controls ( `appearance:base`), the next giant task is looming: customisable input type=date/datetime/color pickers. These are huge and have wildly varied UI. Send me your examples, I'd love to see them and build up a body of these pickers.

👀 Interop 2026 dashboard just dropped See what browsers will focus on this year, more likely be come widely available soon. Particularly interested in: - Navigation API - Scroll-driven animations - popover="hint" - Continue work on ViewTransition, anchor positioning - more

Working on some interesting stuff...

This week's Web Weekly is about to hit all the inboxes in just a little bit! As always, it's jam-packed with baseline updates and new web dev features. 🎉 webweekly.email/archive/web-... If you're into web dev news close to the platform, you should check it out!

I'm not a fan of Udio or Suno so I tried asking ChatGPT and Gemini to write me a song using the Web Audio API... it's not great.

One more custom <select> demo, with a bunch of CSS transforms and animations. I can't get enough of this. So cool.

Blink: Intent to Ship: JSON and style support for link rel=modulepreload

The Astro Technology Company team — the creators of the Astro web framework — is joining Cloudflare. We’re doubling down on making Astro the best framework for content-driven websites. https://cfl.re/4qlJCd3

Despite the ubiquity of WOFF2 for smaller font files and modern image formats (WebP, AVIF) page weight continues to grow 🤔

A CSS `image-animation` property: groups.google.com/a/chromium.o.... The example below would pause all animated images (like GIFs), and only play them when hovering or focusing an image: ```css img { image-animation: paused; } img:hover, img:focus { image-animation: running; } ```

Gecko: Intent to ship: colorspace and alpha attributes for `<input type=color>`

Initiating navigations with the Navigation API. @ollie-williams.bsky.social shows navigate(), reload(), back(), forward(), and traverseTo(), plus state, info, and committed and finished promises for intercepted navigations. #js #router #url olliewilliams.xyz/blog/initiat...

New year, new web performance mystery (and it's a huge one): calendar.perfplanet.com/2025/the-cur...

My Christmas wish is for someone to just add the necessary internal test API to check if it's worked. Then I can get it working 😅.

My Christmas wish is for Safari to fix showPicker olliewilliams.xyz/blog/showpic...

Man, I love that view transitions make things like this possible with only a few lines of code. 🥰

Streams are now iterable in Safari Technology Preview developer.apple.com/documentatio... web.dev/articles/str...

@nomster.bsky.social I noticed in the Navigation readme it says: "The desired semantics of navigation API state is that it be carried over on fragment navigations." As far as I can tell that doesn't happen in Canary. Is there a plan to add that functionality?

Safari 26.2 is here with 65 features + 165 bug fixes — including field-sizing, Navigation API, Largest Contentful Paint, command & commandfor, CHIPS opt-in partitioned cookies, scrollend event, random(), WebGPU in WebXR, scrollbar-color, hidden=until-found and much more! webkit.org/blog/17640/w...

`overflow: clip` is my default. In www.bram.us/2024/02/14/s... I wrote: “I see no reason to use `overflow: hidden` your site, unless you have a good reason to. Using `overflow: clip` has exactly the same outcome, doesn’t interfere with Scroll-Driven Animations, and has great browser support.”

Do you know about the developer-signals repo? If you want to see a feature supported across browsers, now you can go and upvote it, anytime github.com/web-platform...

Alpha-channel support in AV2?! blog.mozilla.org/en/mozilla/a...

sibling-index() currently works in Chrome/Edge and Safari Technology Preview Hat tip to @jamessw.com

How do people feel about hash-based routing? Described by MDN in the past tense and as a "legacy technique". Bad for pages... but storing the state of a page in the hash still seems legit? developer.mozilla.org/en-US/docs/G...

Temporal 😍

I'm playing around with JPEG XL's "JPEG repackaging" feature. It repackaged a 147kb JPEG down to 126kb, but on my Pixel 10, the new file takes 78ms to decode, vs 10ms for the JPEG. At 3g+ speeds… that feels like a performance loss. random-stuff.jakearchibald.com/apps/img-dec...

Chrome 144 features a small change to #CSS overscroll-behavior: it now also works on non-scrollable scroll containers. While this change might seem trivial, it fixes an issue people have been dealing with for ages: prevent a page from scrolling while a <dialog> is open. www.bram.us/2025/11/25/u...

JPEG XL in Chromium update: “[...] we would welcome contributions to integrate a performant and memory-safe JPEG XL decoder in Chromium. In order to enable it by default in Chromium we would need a commitment to long-term maintenance.” groups.google.com/a/chromium.o...

We've been working on a few proposals we'd like to bring to the web platform to make it easier to have more seamless navigations between pages. @nomster.bsky.social @foolip.org and @dbaron.org presented these at W3C TPAC annual meeting last week More details here: github.com/WICG/declara... 1/6 🧵

I wish this was a thing. Customising the UX behaviour of a datalist is so limited. github.com/whatwg/html/...

I wonder if, as part of all the spec work on styling forms, there’s any standardisation happening around what gets displayed in a HTML datalist, because this Firefox bug is 12 years old… bugzilla.mozilla.org/show_bug.cgi...

Blink: Intent to Prototype: Media element pseudo-classes

The W3C Security Web Application Guidelines Community Group wants to understand how developers are using specific web platform security features, and what the barriers are to the adoption. Take their survey here: https://bit.ly/3JR6JML

Gecko: Intent to ship: CSS Module Scripts

I want to explore making frameworks less "framework-y". I'm curious how far you could go in that direction. I want simpler things and less to worry about.

Yesterday at TPAC I publicized my draft proposal for adding a declarative templating API to the DOM. github.com/justinfagnan... The repo has: 📖 Explainers for the templating API and DOM scheduler API 🏗️ Full prototype implementations ⚗️ a JSX transform ⚛️ a mini React-like framework

Reading this article from 2020 and realised all of the accessibility issues have been resolved long ago. Are there any good reasons today to still dislike <input type="number">? technology.blog.gov.uk/2020/02/24/w... Also read stackoverflow.blog/2022/12/26/w... but most of the points are invalid

Gecko: Intent to prototype and ship: Navigation API

Calling all web developers! Browsers are all meeting up next week (www.w3.org/events/tpac/...). I want your voice to be heard! Tell me your biggest problems, and tell me what you want to see from the platform. What problems are tough to solve, but could be easier?

Ember Data is now WarpDrive. This data framework can be used in any JS framework.

My main takeaways from the HTMX 4.0 announcement post: - Surprise that, until 4.0, it had used XMLHttpRequest instead of fetch. - Surprise that some features rely on eval(). htmx.org/essays/the-f...

Updated my CSS vendor prefixes article. Safari 26.2 supports text-decoration as a shorthand, without a prefix. olliewilliams.xyz/blog/prefix/