Pinned
There's an ideal set of sizing constraints for custom <select>, but the CSS is a bit tricky. Here's how to make it work, and a tour of new CSS features along the way. jakearchibald.com/2026/goldilo...
Jake Archibald
@jakearchibald.com
Developer of sorts at @webdevs.firefox.com, but this is my personal account. No thought goes unpublished. He/him.
50.3K followers569 following2K posts
Pinned
There's an ideal set of sizing constraints for custom <select>, but the CSS is a bit tricky. Here's how to make it work, and a tour of new CSS features along the way. jakearchibald.com/2026/goldilo...
Jake Archibald reposted
Firefox 159 has landed! This is a pretty big one for web dev stuff: 🎉 CSS scroll-driven animations, both scroll() and view(). 🎉 Scoped custom element registries. 🎉 Streaming sanitization of HTML. And more! developer.mozilla.org/en-US/docs/M...
Jake Archibald reposted
Jake Archibald reposted
Jake Archibald reposted
A quick demo of how gain maps help with HDR image rendering, even on HDR screens. In browsers, JPEG and AVIF support gain maps. JPEG XL does not. AVIF is the better choice, as the source can be 10bit, and obviously the file size is a lot smaller.
Sorry for the YT link. Video uploading is broken on bsky aaaaaggggaaaain. Here's the demo if you want to try it yourself jakearchibald.com/2026/jpeg-xl...
The claims here are really sus. Why compare to a 25+ yr old format rather than anything more modern like AVIF? Why claim HDR support, without making it clear that gain maps (an important part of HDR in varying environments) are not supported, yet they are in AVIF?
Chrome 155 adds support for JPEG XL (.jxl) → goo.gle/4yYpSjW Expect 30-50% smaller file sizes than traditional JPEGs, native HDR, progressive rendering, and lossless JPEG transcoding. Under the hood, Chrome uses jxl-rs, a pure Rust decoder built for maximum memory safety and performance.
Jake Archibald reposted
✍️ Just published a new post about my most-anticipated CSS proposals from Interop 2027! If you’re not familiar, the Interop project is a collaboration between browsers to pick shared focus areas. There’s *so much* good stuff this year, it was hard to pick just 10!
Jake Archibald reposted
Did you know the State of HTML 2026 survey is currently open? Go take it and brush up on new (and old) browser APIs! survey.devographics.com/en-US/survey...
Jake Archibald reposted
Can't believe that in less than 4 weeks I will be in Brighton to give a talk about how I build CSS DOOM at @ffconf.org Despite being on my bucket list to attend and speak for at least 10 years, I never managed to visit. But this year I will do both.✨ 🎟️ Tickets are still for sale: 2026.ffconf.org
Jake Archibald reposted
What should we ship in 2027? Rank your favourite features & create your wishlist: interop-rank.fxdx.dev
Watch this.
I gave a talk at EMF titled "Men in Tech #YesAllMen", in which I told my experience of being a woman in tech. I was afraid to publish it in case it affected my current or future employment. With all the current news I would like to add my 2¢. So here is the recording: youtu.be/WXL6K1lhvt0?...
Even weirder, the spec (drafts.csswg.org/css-sizing-4...) suggests that the iframe's document size should be locked until reload, so in the video Chrome is wrong to rewrap the text. But… doesn't that defeat the point of 'responsive'? @bram.us help me make sense of it! Demo:
cc @sebabenz.bsky.social. Do you know what's supposed to be happening here?
Jake Archibald reposted
The CSS Linked Parameters Module is cool. You can essentially pass parameters to SVGs that are embedded on the page using the image source or background image. @pepelsbey.dev has a great post about it! Vadim's post: pepelsbey.dev/articles/svg... Spec: drafts.csswg.org/css-link-par... #svg #css
JPEG XL has arrived on the web, but how does it stack up against AVIF? jakearchibald.com/2026/jpeg-xl...
Jake Archibald reposted
If only it were that simple...
🦖 LanguageModel: destroy() method 🦖 https://developer.mozilla.org/en-US/docs/Web/API/LanguageModel/destroy The destroy() method of the LanguageModel interface releases the resources assigned to the LanguageModel instance it is called on and stops any further activity on it. Any ongoing … #webdev
Jake Archibald reposted
In Dublin on October 27, 2026? There's a web dev meetup organized by W3C. That's also the week when W3C organizes its big TPAC conference, so there will be a lot of browser and standards people at the meetup. A great opportunity to influence the web if you ask me.
Jake Archibald reposted
Jake Archibald reposted
We've loved seeing folks post their rankings, so we've added a share button! You can either share your list via the site directly, or copy your list as markdown/html for your own blog. interop-rank.fxdx.dev
Jake Archibald reposted
Going through the Interop list of features interop-rank.fxdx.dev and selecting and ranking the ones I want to see across browsers in 2027. I chose 15 features. At the top of my list are #HTML #a11y features `focusgroup`, ariaNotify(), `headingoffset` and `headingreset`.
Jake Archibald reposted
I blogged about my picks for the Interop 2027 project: www.sarasoueidan.com/blog/interop... inspired by @vale.rocks @pawelgrzybek.com @tylersticka.com @ohhelloana.blog and others who have blogged about their rankings.
Going through the Interop list of features interop-rank.fxdx.dev and selecting and ranking the ones I want to see across browsers in 2027. I chose 15 features. At the top of my list are #HTML #a11y features `focusgroup`, ariaNotify(), `headingoffset` and `headingreset`.
I'm really glad we're running this again. It helped us prioritise a lot of work this year. The previous method was 👍 on GitHub issues, which (imo) is too easily gamed, either intentionally or unintentionally.
What do you want us to work on in 2027? Here's a web app where you can rank the Interop proposals you care about, giving us data we can use to prioritise feature development. interop-rank.fxdx.dev
Jake Archibald reposted
FOMO over recent conferences? Or even from last year? Join us next month in Brighton for 2026.ffconf.org - join your peers, join the conversations you can't have with your chatbot, join us for 8 amazing talks and one superb day. Get your ticket today, don't FOMO-FFCONF.
Jake Archibald reposted
My personal brain wants some things but my work brain wants others. So I was forced to blog about it: ohhelloana.blog/my-interop-2...
What do you want us to work on in 2027? Here's a web app where you can rank the Interop proposals you care about, giving us data we can use to prioritise feature development. interop-rank.fxdx.dev
Jake Archibald reposted
What do you want us to work on in 2027? Here's a web app where you can rank the Interop proposals you care about, giving us data we can use to prioritise feature development. interop-rank.fxdx.dev
Jake Archibald reposted
And I wonder where you can see @cydstumpel.nl talk next 🤔 ::cough:: FFConf ::cough:: 🥳 (also heard great things about Dark Mode)
This was such a fun conference, and all the talks were brilliant. Events like this should have 10x the audience.
This was such a fun conference, and all the talks were brilliant. Events like this should have 10x the audience.
A little summary of my experience at Fronteers Dark Mode, a breakdown of the header effect of my demo, and a tiny bit of yapping at the end on existential dread in the age of AI 💁🏻♀️ @fronteers.bsky.social cydstumpel.nl/demo-deep-di...
Jake Archibald reposted
ah damn, RIP Margaret Hamilton. she took safety-critical software engineering seriously, and got people to the moon and back. news.mit.edu/2026/margare...
Jake Archibald reposted
To celebrate the release of Preact 11, we’re hosting a design competition for the Preact website! We think it’s about time for a fresh look + marketing and would love to involve the community in the process. preactjs.com/blog/website...
Jake Archibald reposted
Jake Archibald reposted
Jake Archibald reposted
Jake Archibald reposted
+++ The Venue +++ Everything happens in one place. Talks, coffee, dinner and conversations - no rushing between locations, just an evening focused on learning and meeting fellow frontend developers. See you at Fronteers Dark Mode? Fronteers Dark Mode Oct 2nd in Dordrecht 🇳🇱 🎟️ fronteersconf.org
Jake Archibald reposted
Firefox 157 has landed, and includes a couple of useful CSS features: 🎉 at-rule() in @supports - lets you limit rules to browsers that support a given at-rule. 🎉 overscroll-behavior: chain - lets scrolling pass up to parent elements, but prevents UA effects like 'bounce' and overscroll. …And more!
Jake Archibald reposted
After careful consideration and a look at where the industry is spending it's funding we've decided to pivot #FFConf in a "new" direction. I present to you: ffconf.ai Please share with bots and humans alike.
Jake Archibald reposted
Started working on my demo for Fronteers Dark Mode, this is built with CSS scroll-driven animations, no JS 💅 My talk will go into detail on where you can replace JS with CSS! Tickets are still available: fronteersconf.org This cool effect is inspired by @thomasaufresne.com → bennettandclive.com