Hi, 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.

Embrace the chaos — The shape and flow of masonry layouts

Ramblings about the layout shape and item flow in masonry, and how that compares to other types of CSS layouts. Masonry is a pretty unique layout type, one where embracing the chaos of the layout can be the best approach.

Abstract illustration of a masonry layout with arrows between items, showing the flow of items through the layout.

WebMCP updates, clarifications, and next steps

A few months have passed since I first wrote about WebMCP, a collaborative proposal from Microsoft and Google to let web developers expose AI-accessible tools on their pages. Since then, the spec has evolved, and I realized some of my original explanations needed refinement. Let me clarify what WebMCP really is, and how the browser fits into the picture.

A hand-drawn diagram showing a user, interacting with an AI agent, which in turn interacts with a webpage, via a MCP bridge in the browser.

Microsoft Edge and Interop 2026

In this post, Microsoft Edge is announcing our involvement in the Interop project, for the fifth year in a row, with the launch of Interop 2026. Once again we, together with Apple, Igalia, Google, and Mozilla are committing to fixing top cross-browser compatibility issues on the web platform.

Springy file and folder selector with custom <select>

Playing with the new customizable <select> element again, for a file picker with springy animations. See this Chrome for developers blog post for more info.

A folder selector where the listed folders appear as a fanned out stack of folders.

Bouncy emoji picker with custom <select>

Playing with the new customizable <select> element for an emoji picker. See this Chrome for developers blog post for more info.

An emoji picker component where the emojis appear in a circle around the button when opened.

Improving the experience of developing for the web, one feature at a time (FOSDEM 2026, Brussels)

As developers, we rely on open source data, sometimes without even realizing it. Imagine your job without reliable browser compatibility data, or without CI or debugging tools that understand the features you're using and the browsers you target. That would be a pretty bad experience. In this talk, I dive into the browser-compat-data, web-features, and Baseline projects, and show how they shape our experiences as developers. Talk description, slides, video recording.

Title slide of my talk, which is 'Improving the experience of developing for the web, one feature at a time', with he FOSDEM logo.

Masonry - The pretty grid you didn’t see coming (Smashing Conference, NYC)

A lightning talk to introduce the upcoming CSS Masonry layout implementation in Chromium browser, what it's really about, why it makes sense to use a built-in implementation, how to use it, but also how to keep track of new browser features like it.

Title slide, saying 'Masonry, the pretty grid you didn't see coming', and the SmasingConf logo below it.