a new #CSS <color-input> enters the ring try it codepen.io/argyleink/pe... source github.com/argyleink/cs...

End of the year approaching fast. Still some budget left. If your team/org/company depends on web technologies, convince your boss to sponsor OWD ➡️ patrickbrosset.com/articles/202...

I love it when I receive the monthly web platform update from the web-features explorer in my RSS reader. Such a useful and condensed source of info. Web: web-platform-dx.github.io/web-features... RSS: web-platform-dx.github.io/web-features...

😮 Two of my favourite people, talking about one of the most important topics for anyone working in web dev!

Firefox now supports view transitions, the command and commandfor HTML attributes, and the moveBefore() method. www.firefox.com/en-US/firefo...

What versions are browsers at anyway? Here you go: patrickbrosset.com/lab/browser-...

These are screenshots from an HTML page that doesn't use CSS at all. Whatever, I'm waiting for my flight at the airport, don't mind me. patrickbrosset.com/lab/html-sty...

As an experiment, we (the Firefox team) wanted to try a new way to get feedback on which Interop proposals matter most. So, here's a web app where you can rank the proposals you care about, giving us data we can use when reviewing which ones to champion. interop-rank.jakearchibald.com

We've created a tool called the "Screen reader support look up tables" designed to help people quickly check how screen readers interpret HTML elements and attributes across multiple combinations of browser and screen reader.

A lot has happened since Chrome shipped Same-Document View Transitions in 2023. In 2024 we shipped Cross-Document VTs, added refinements such as `view-transition-class` and VT Types, and also welcomed Safari in adding VT support. And this year … well, I wrote a post summing it all up.

Manhattan this morning.

Folks who want to see JPEG-XL supported in more browsers, what is it about the format that attracts you to its use on the web?

I gave a lightning talk at yesterday’s @smashingconf.com Jam session on CSS masonry. Here are my slides. In short: Masonry isn’t only for Pinterest-style layouts, doing Masonry on the web today is hard, but built-in Masonry support is coming to browsers very soon!

just deployed to gradient.style - better import design - more resilient parser (understands more syntax) - supports multi-layered gradient imports

DevTools wish: to be able to easily disable individual items in value lists. For example, one-click disable of a background layer, but not other background layers too.

Based on last year's State of HTML, 60% of web developers find it challenging to keep informed of new web platform features, which I can definitely understand. At the same time, I keep seeing newsletters and blogs that seem to be doing a great job at it. What's missing for you?

James and Simon talked me through how WPT works, the integration challenges and how much work the older test suites were; @patrickbrosset.com reminded me of how Microsoft and Google helped jumpstart test262 and @foolip.org explained how much WPT changed Chromium culture when Google joined in too

Excited to attend @smashingconf.com next week in New York 🗽. I'll also be giving a lightning talk (at the Jam Session) about .... CSS MASONRY!! Yay! smashingconf.com/ny-2025/jam-...

We're happy to share that @sovtechfund invests in Web Security and Privacy Documentation! Over the coming year, Open Web Docs will be working on creating and updating Security and Privacy documentation for web developers on @mdn. Full announcement […]

Did you know that AVIF (the AV1 Image File Format) was supported in all the major browsers (Firefox, Safari, Chrome/Edge)? This has been the case for almost 2 years at this point.

@tunetheweb.com MDN says that the first-paint and first-contentful-paint entries of the PerformancePaintAPI aren't supported on Chromium unless you set the soft navigation flag. It's weird because patrickbrosset.com/lab/paint-pe... seems to work in Chrome/Edge without a flag. Is MDN out of date?

Web component folks: A common feature with request is to "inherit from a button". If that's something you want, which specific button behaviours is it you want to inherit? Why is putting a button in the shadow root not the answer?

📢 The Interop 2026 proposal window is closing later today! 122 proposals have been created: github.com/web-platform... Is anything missing from that list? Are there critical building blocks of the web which you need to work the same in all browsers? If so, add it, or vote for it with a 👍!

Welcome to another episode of unreadable but very fun fonts. Let me introduce you to Swiss Cheese Mono. The perfect font, for people who tend to send "cheese" instead of "cheers" at the end of their emails. www.heirloomagency.com/store/p/swis... Created by Rob Meyerson.

📢 The Interop 2026 proposal window is closing later today! 122 proposals have been created: github.com/web-platform... Is anything missing from that list? Are there critical building blocks of the web which you need to work the same in all browsers? If so, add it, or vote for it with a 👍!

This year, the State of JS survey is coming early! Go take it now! survey.devographics.com/en-US/survey...

Announcing our public preview of Chrome DevTools MCP! Experience the full power of DevTools in your AI coding agent→ goo.gle/4pDE6Tk With Chrome DevTools MCP, your AI agent can run performance traces, inspect the DOM, & perform real-time debugging of your web pages.

📋 If you integrate with the clipboard in your app, maybe you use polling to check what's changed. This isn't super efficient. My team is proposing a new Clipboard API event: `clipboardchange`, which makes things better. Now is the time to test it and share feedback!

I thought about things that have happened in CSS in 2025 and what I think you should probably know. Then I blogged it. frontendmasters.com/blog/what-yo... It's not *everything* — it's my own curated list.

The URL Pattern API is now available across all major browser engines! It's now much easier to work with URLs. See developer.mozilla.org/en-US/docs/W... for more info.

Used this last week to write a client-side router for my app. ~100 loc. Awesome.

The URL Pattern API is now available across all major browser engines! It's now much easier to work with URLs. See developer.mozilla.org/en-US/docs/W... for more info.

A Kanban board demo which uses experimental CSS Masonry support in Chromium, and View Transitions. Learn more: github.com/MicrosoftEdg...

A Kanban board using CSS Masonry, because why not. The upcoming CSS Masonry lets you size columns separately and place items in specific columns. Masonry isn't just about randomly sorted photo galleries! This, and other demos, at github.com/MicrosoftEdg...

How useful is it for you to be able to style select elements? Is this something you've had to do before? Would you adopt the native browser API if it shipped cross-browser?

Vibe coding our ways through every problem isn't a very responsible thing to do. Let's be more responsible. But also, if we're going to keep using AI coding tools, let's demand more from them! Reflecting on this over at patrickbrosset.com/articles/202...

The CSS Custom Highlight API lets you style **ranges** of text without creating new nodes in the DOM. And now, with the new highlightsFromPoint() method, you can even find custom highlights under the cursor and unlock cool text editing experiences. See developer.mozilla.org/docs/Web/API...

The CSS Custom Highlight API lets you style **ranges** of text without creating new nodes in the DOM. And now, with the new highlightsFromPoint() method, you can even find custom highlights under the cursor and unlock cool text editing experiences. See developer.mozilla.org/docs/Web/API...

Curious about what we do on the WebDX community group (i.e Baseline and web-features)? We're organizing a Reddit AMA on Thursday. Ask your questions here: www.reddit.com/r/webdev/com...

Did you notice that Trigonometric Functions won the “Most Hated Feature” pageant in this year’s State of CSS survey? @monknow.bsky.social thinks they deserve more than a little love, and for good reasons… css-tricks.com/the-most-hat...

Amazing reading list on learning modern CSS features. https://nerdy.dev/cascading-secret-sauce

For anyone understanding 🇩🇪 German: we recently did a whole podcast episode with @tomayac.com on all these APIs (also talking about how Google and Microsoft back them with their individual own LLMs, Gemini / Phi): workingdraft.de/677/

Edge has the same built-in AI APIs that Chrome does (Prompt, Writer, Rewriter, and Summarizer, soon Translator). If you've played with it in Chrome, give it a try in Edge and let us know your feedback. See: learn.microsoft.com/microsoft-ed... learn.microsoft.com/microsoft-ed...

Earlier this week, I learned from @patrickbrosset.com that DevTools in Chrome and Firefox are built using web technologies. That means that yes, you can inspect Chrome DevTools using Chrome DevTools 🤯

Freiburg, Germany, is a very pretty city. And look, it already uses CSS Masonry! Good thing that the CSS Working Group resolved to use a new display type for Masonry. We’re making real progress folks!

Having fun meeting with some very passionate people here at @smashingconf.com People love the web and will fight for it. I’m here for this.

Between the time we launched the original Learn CSS course on web.dev and today, container queries landed in browsers and became Baseline Widely available! It was high time for an update, and we were lucky enough to have the team at OddBird work with us. Enjoy 9 new modules! web.dev/blog/learn-c...

I always have a bunch of ideas for technical web dev blog posts and talks. But I don't know which to prioritize. What would you love to hear about more in details, from somebody who works on browsers?

I talked about Gap Decorations at the @smashingconf.com pre-event. Today I keep bumping into folks who tell me how excited they are about it. Also today, Mozilla gave a positive position on the proposal: github.com/mozilla/stan... A matter of time now! See also: patrickbrosset.com/lab/css-gap-...