Patrick Brosset
@patrickbrosset.com
Edge web platform PM @Microsoft. Previously @Mozilla. WebDX CG. OWD GC. Maintains @devtoolstips.bsky.social. Husband and father of 3. he/him
The Interwebs · patrickbrosset.com
The Interwebs · patrickbrosset.com
If the web is to survive, we MUST keep innovating with new APIs and features, in ALL areas of software dev.
Device and OS integration, storage, file system, animations, codecs, styling, typography, networking, custom elements, extending built-ins, perf, media, ...
Too many things in this list.
Device and OS integration, storage, file system, animations, codecs, styling, typography, networking, custom elements, extending built-ins, perf, media, ...
Too many things in this list.
Web platform features explorer - Features missing in just one browser engine
web-platform-dx.github.io
November 12, 2025 at 2:36 PM
If the web is to survive, we MUST keep innovating with new APIs and features, in ALL areas of software dev.
Device and OS integration, storage, file system, animations, codecs, styling, typography, networking, custom elements, extending built-ins, perf, media, ...
Too many things in this list.
Device and OS integration, storage, file system, animations, codecs, styling, typography, networking, custom elements, extending built-ins, perf, media, ...
Too many things in this list.
Reposted by Patrick Brosset
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
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
github.com
November 10, 2025 at 11:04 PM
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
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
Reposted by Patrick Brosset
I don't want to "drill down," or "circle back" I want to go to sleep on the floor
November 6, 2025 at 4:15 PM
I don't want to "drill down," or "circle back" I want to go to sleep on the floor
Reposted by Patrick Brosset
a new #CSS enters the ring
try it
codepen.io/argyleink/pe...
source
github.com/argyleink/cs...
try it
codepen.io/argyleink/pe...
source
github.com/argyleink/cs...
November 7, 2025 at 4:37 AM
a new #CSS enters the ring
try it
codepen.io/argyleink/pe...
source
github.com/argyleink/cs...
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...
If your team/org/company depends on web technologies, convince your boss to sponsor OWD ➡️ patrickbrosset.com/articles/202...
Patrick - How to convince your boss to sponsor Open Web Docs
Does your organization rely on MDN Web Docs? Do you check compatibility tables on MDN or caniuse.com? Do you use browser DevTools, or VSCode? If so, you rely on the work that Open Web Docs does very d...
patrickbrosset.com
November 5, 2025 at 5:03 PM
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...
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...
Web: web-platform-dx.github.io/web-features...
RSS: web-platform-dx.github.io/web-features...
November 4, 2025 at 11:09 AM
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...
Web: web-platform-dx.github.io/web-features...
RSS: web-platform-dx.github.io/web-features...
Reposted by Patrick Brosset
😮 Two of my favourite people, talking about one of the most important topics for anyone working in web dev!
October 31, 2025 at 2:38 PM
😮 Two of my favourite people, talking about one of the most important topics for anyone working in web dev!
Reposted by Patrick Brosset
Firefox now supports view transitions, the command and commandfor HTML attributes, and the moveBefore() method.
www.firefox.com/en-US/firefo...
www.firefox.com/en-US/firefo...
Firefox 144.0, See All New Features, Updates and Fixes
www.firefox.com
October 14, 2025 at 3:20 PM
Firefox now supports view transitions, the command and commandfor HTML attributes, and the moveBefore() method.
www.firefox.com/en-US/firefo...
www.firefox.com/en-US/firefo...
What versions are browsers at anyway?
Here you go: patrickbrosset.com/lab/browser-...
Here you go: patrickbrosset.com/lab/browser-...
Browser versions
patrickbrosset.com
October 10, 2025 at 1:59 AM
What versions are browsers at anyway?
Here you go: patrickbrosset.com/lab/browser-...
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...
Whatever, I'm waiting for my flight at the airport, don't mind me.
patrickbrosset.com/lab/html-sty...
October 9, 2025 at 11:39 PM
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...
Whatever, I'm waiting for my flight at the airport, don't mind me.
patrickbrosset.com/lab/html-sty...
Reposted by Patrick Brosset
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
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
Interop Feature Ranking
Rank the web platform features you care most about
interop-rank.jakearchibald.com
October 9, 2025 at 5:00 PM
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
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
Reposted by Patrick Brosset
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.
HTML/SR Support lookup
tetralogical.github.io
October 8, 2025 at 10:41 AM
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.
Reposted by Patrick Brosset
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.
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.
What's new in view transitions (2025 update) | Blog | Chrome for Developers
An overview of what changed for View Transitions in 2025
developer.chrome.com
October 8, 2025 at 11:31 AM
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.
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.
October 7, 2025 at 10:25 PM
Manhattan this morning.
Reposted by Patrick Brosset
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?
October 7, 2025 at 2:16 PM
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!
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!
Patrick - Talks
Talks
patrickbrosset.com
October 7, 2025 at 9:37 AM
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!
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!
Reposted by Patrick Brosset
just deployed to gradient.style
- better import design
- more resilient parser (understands more syntax)
- supports multi-layered gradient imports
- better import design
- more resilient parser (understands more syntax)
- supports multi-layered gradient imports
October 3, 2025 at 5:55 AM
just deployed to gradient.style
- better import design
- more resilient parser (understands more syntax)
- supports multi-layered gradient imports
- better import design
- more resilient parser (understands more syntax)
- supports multi-layered gradient imports
Reposted by Patrick Brosset
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.
October 1, 2025 at 2:45 PM
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?
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?
October 1, 2025 at 1:46 PM
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?
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?
Reposted by Patrick Brosset
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
How a Shared Test Suite Fixed the Web’s Biggest Problems
The story of Web Platform Tests (WPT), the collaborative test suite that transformed the web from an inconsistent platform into a stable one.
thenewstack.io
September 30, 2025 at 10:32 PM
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-...
I'll also be giving a lightning talk (at the Jam Session) about .... CSS MASONRY!! Yay!
smashingconf.com/ny-2025/jam-...
Jam Session — New York 2025, October 6–9.
The night before the conference kicks off, we’re hosting Jam Session, with a few snacks, drinks and lightning talks from your fellow attendees! We hope you’ll join us to connect with each other ahead ...
smashingconf.com
September 30, 2025 at 2:55 PM
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-...
I'll also be giving a lightning talk (at the Jam Session) about .... CSS MASONRY!! Yay!
smashingconf.com/ny-2025/jam-...
Reposted by Patrick Brosset
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 […]
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 […]
Original post on front-end.social
front-end.social
September 30, 2025 at 12:06 PM
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 […]
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.
This has been the case for almost 2 years at this point.
September 30, 2025 at 12:55 PM
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.
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?
It's weird because patrickbrosset.com/lab/paint-pe... seems to work in Chrome/Edge without a flag.
Is MDN out of date?
September 30, 2025 at 12:24 PM
@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?
It's weird because patrickbrosset.com/lab/paint-pe... seems to work in Chrome/Edge without a flag.
Is MDN out of date?
Reposted by Patrick Brosset
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?
September 29, 2025 at 12:12 PM
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?