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.
Fun with the web
Kids learn by playing, and so do adults! Let's explore fun experiments with the web, and how building silly things can help learn while having a good time.
Let's all keep the web weird and wonderful.
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.
Cityscape
Cityscape, inspired by this piece by Roni Kaufman
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.
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.
