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.
My 2025 in numbers
A look at some of what I've done in 2025, in numbers.
Making complex web apps faster
Complex web apps which rely on multiple windows, workers, or iframes can sometimes suffer from performance issues due to delays and congestion in the message-passing system (i.e. when using postMessage). In this article, the Edge team introduces a new API: the Delayed Message Timing API, to deal with this problem. The API provides developers with insights into why messagess got delayed, helping you optimize your app's performance.
What's wrong with this HTML, and is it valid?
I'm very happy to have been part of this years's HTMHell Advent Calendar! In this article, I present a piece of obviously wrong HTML, and discuss why it actually still works fine in browsers.
The Million Dollar Grid
The Million Dollar Homepage was a very successful and viral marketing stunt back in 2005. At the time, it was implemented by using a single image together with an image map. This silly experiment recreates the page by using a CSS grid layout instead.
Implementing an accordion component in 2026 🪗
Creating an accessible and performant accordion component using recent HTML and CSS features only.
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.
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.
