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.

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.

Masonry: Things You Won’t Need A Library For Anymore

CSS Masonry is almost here! In this article, I take a deep dive into what this long-awaited feature means for web developers and the improvements it comes with over JavaScript-based libraries. I also explore other features which can now be achieved with native web platform features, reducing the need for external libraries.

Perfecting Baseline

After two years, it's clear that awareness about Baseline is grown a lot. As one of the co-chair of the group that makes Baseline, I wanted to take a pause and reflect on how Baseline is starting to show up in developer's lives, but also how it can be perfected.

Implementing an accordion component in 2026 🪗

Creating an accessible and performant accordion component using recent HTML and CSS features only.

Web features finder

Browse the available features and APIs of the web platform through this hierarchical task-based interface.

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.