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.

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 directly. Open Web Docs is a non-profit organization that ensures the long-term health of web platform documentation, and it needs your support to continue doing this work. Here is how to convince your boss to sponsor OWD!

The OWD logo

A new way to style gaps in CSS

Say goodbye to border and pseudo-element hacks, and hello to CSS gap decorations! In this article on chrome.developer.com, Sam and I introduce the new CSS gap decorations feature in Chromium, and provide a bunch of examples for how to use it.

Screenshot of the CSS gap decorations playground demo on the Microsoft Edge Demos website. The webpage shows a grid layout with orange horizontal lines and blue vertical lines drawn between the items in the grid.

Creating a more accessible web with Aria Notify

The web platform has been missing an imperative way to notify users of assistive technologies about important changes to a webpage that are not otherwise announced, such as those that do not cause a DOM or focus change. We've designed the Aria Notify API to fill that gap and we'd love for you to try it out and let us know what you think.

Two lines of code that use the ariaNotify method to announce some changes to the page to assistive technology. The drawing also contains an accessibility symbol icon.

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

Navigating the web platform

A cheatsheet of sorts, to help you navigate the intricacies of the web platform. How to keep track of what's new? How to influence what's coming next?

Screenshot of the cheatsheet.

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.

web-features and Baseline - We're feature complete! What's next? (W3C Breakouts Day)

The WebDX Community Group has done a lot of work in 2024 to increase the coverage of its web-features data. Now that the data roughly covers the entire web platform feature set, let's review the work done so far, the use cases that web-features, and Baseline, have unlocked, and let's open it up for discussion on the next important questions to tackle.
Slides

W3C Breakouts Day 2025 logo.