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/

🚨🔔 If you maintain a client-side router, now is the time to begin a rewrite/refactor: Navigation API lands in Safari 26.2 developer.apple.com/documentatio...

This is quite a banger feature for web perf engineers. In Chrome Canary, you can now turn on an experimental feature to throttle single requests! chrome://flags/#devtools-individual-request-throttling This is golden to check the performance impact of a delayed resource. 👏

Is there an easier way to set the contents of an iframe to be the result of Document.parseHTML()?

That's it, that's the day. After years of open collaboration, the Design Tokens Community Group delivers a production-ready, interoperable format for design systems. Goodbye disjointed workflows. Hello open standards. → tr.designtokens.org/format

They’re trying to put HTMX in the browser dl.acm.org/doi/10.1145/...

Hi @bkardell.com I enjoyed your Blessing of the Strings article but had a question. I've set a Content-Security-Policy: require-trusted-types-for 'script' header If I use setHTMLUnsafe() with a string, it will cause a TypeError. The whole reason to use setHTMLUnsafe is to set unsafe HTML.

With Firefox enabling sanitizer API in nightly, I'm pretty excited to see if frameworks will pick this feature up sooner rather than later and offer an alternative to "dangerouslySetInnerHtml". I can see a setHTML and setHTMLUnsafe directive pair letting users pass in options to those functions.

If you’ve been using third-party UI libraries to build your websites, then you might be pleasantly surprised by what’s possible with plain ol’ #HTML these days. While those libraries can be useful for some projects and scenarios, they’re probably a lot less necessary than you might think. #webdev

Sanitizer API is now enabled by default in Firefox Nightly. bugzilla.mozilla.org/show_bug.cgi... developer.mozilla.org/en-US/docs/W... Still behind a flag in Chrome Canary...

The gjs component format enables: 🩺 block-scope semantics 🫙 native JS state containers 🧬 native JS lifetime management 📦 multiple components in one file ⚡ template-based optimizations 🧪 test code has same ergo as app code

Google is phasing out its Privacy Sandbox technologies; the initiative was launched in 2019 to develop privacy-protecting tech to replace third-party cookies (Kendra Barnett/Adweek) Main Link | Techmeme Permalink

Gecko: Intent to prototype: Sanitizer API

Who do you want to hear from, or what topics would you like to hear about on Igalia chats?

Shopify deprecated their Polaris React components and went all-in on web components. www.shopify.com/partners/blo... github.com/Shopify/pola...