A photo of my face against a blue background.I'm Patrick, a product manager on the Edge team at Microsoft. I do developer relations, and work on a wide range of web platform technologies and tools. Previously, I worked at Mozilla, on the Firefox DevTools team.
I'm part of the Open Web Docs governing committee and a co-chair of the W3C WebDX community group. I also run DevTools Tips.

I have 20+ years of working experience with the web and have worked as a designer, web developer, software engineer, browser engineer, engineering manager, and product manager.

To get in touch, use the links to my social networks at the bottom of this page, or email me: patrickbrosset at gmail dot com.

Demanding more from our AI coding tools

AI can often be very shitty, and it comes with very real risks for the world. But it seems like it's here to stay, and it also seems like developers really like using it as a tool for coding. So, if we're going to continue using AI as a coding tool, we should do this in a responsible manner, and demand more from it.

An abstract illustration showing a blob, labeled AI, and its many tentacles spreading around it.

Calling for Interop 2026 proposals

You can now create Interop 2026 proposals! Interop has been running for 5 years, and is an important tool for companies building browser engines to improve the state of interoperability on the web. Something we know developers care about the most. Help us find the areas to focus on next year.

The interoperability graph on the Interop 25 dashboard. For illustration only.

AI agents and the web - A proposal to keep developers in the loop

WebMCP is an early proposal that allows web developers to take control of how AI agents use their web pages on behalf of users. In this post, I'm providing a short introduction of the proposal, together with a demo. I'm also calling for feedback! If this sounds interesting, please read on and let me know what you think.

A hand-drawn diagram of the WebMCP proposal, showing a user interacting with a webpage in a browser. The user interacts with the page in two ways. One way is directly, as normal, using the browser UI. The other way is through an an AI agent which communicates with the page by using an embedded MCP server in the browser.

CSS gap decoration resources

A list of all the resources you will need to learn more about the CSS gap decoration proposal, to try it out in your own projects, and provide feedback.

A grid layout illustration with blue column decorations and red row decorations.

CSS alignment in block layouts

Testing the align-* and justify-* CSS properties in a block layout. View the source code of that page to learn more.

A blue square inside a gray square

Filling the Gap - Decorating Layouts with CSS (Smashing Conference, Freiburg)

In this lightning talk, I introduced the new CSS Gap Decorations proposal, a super simple yet powerful and customizable, way to draw separators between elements of a layout. CSS Gap Decorations give you the tools you need to convey your design vision, in a way that's easy to maintain, and adaptable.

The SmashingConf Freiburg 2025 conference logo.

web-features and Baseline (AC 2025)

A short talk at the W3C AC meeting in April 2025, to update the AC on the web-features project and Baseline. Video, slides.

W3C AC 2025 logo.