Hi, I'm Patrick, a product manager on the Edge web platform team at Microsoft. I'm responsible for developer relations, which means you'll typically find me publicly talking about the good work which our team is doing in Chromium and for the web.
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.

Get in touch with me

My signature

What's missing from SVG

I asked around and analyzed a few different sources of developer signals on the topic of SVG, and here are the recurring themes I found.

The SVG logo, with pieces of it separated and floating away, like a puzzle with missing pieces.

Browser engine-specific WPT failures

Web developers crave cross-browser compatibility, but browser engines don't always implement the same features, or not always to the same degree of quality. This page shows the number of tests (from the web-platform-tests project) which fail in just one browser engine. It also lists those tests. Fixing them would improve interoperability for web developers, and make the web a better place for everyone.

A cut-off part of the engine-specific failures graph, showing the three lines for Chrome, Firefox, and Safari.

Alignment in CSS Grid Lanes

One part of CSS Grid Lanes I didn't talk about during my presentation at CSS Day is how alignment works. In this article, let's quickly go over how alignment will eventually work in CSS Grid Lanes.

Small thumbnail versions of the alignment diagrams in this article.

Fun with CSS Grid Lanes (CSS Day, Amsterdam)

The early web was a playground. The tools were limited, but we made things anyway, and constraints fueled our creativity.
That spirit still matters, and that's how we push the web forwat.
CSS has grown into something really powerful, and one of the features I'm most excited about is CSS Grid Lanes, aka CSS masonry. In this talk, I go deep into how it works, how it differs from Grid, what it can do, how to use it in practice, and I go through many creative demos.
Play with Grid Lanes, help push the platform forward!

The slides require a recent version of Edge or Chrome with the #enable-experimental-web-platform-features flag enabled.
Slides, recording coming soon.

Me, on stage, at CSS Day, with the intro slides behind me, saying Fun with CSS Grid Lanes.
Photo: Josh Tumath

What's missing in CSS layout

An interpretation of the pain points and missing features which developers face with CSS layout, based on the 2025 State of CSS survey and a mini survey I ran on social media.

Missing CSS

wf - The web-features CLI

A command-line tool for looking up web platform features. Search by keyword, check Baseline status, find MDN docs, specs, browser bugs, survey results, and more, from your terminal.
Repo, NPM.

Output of the wf command, showing a feature's name, description, baseline status, docs, and bugs.

History of the Web (BlinkOn 21)

I helped moderate a fun and engaging discussion panel about a slice of the history of the web at BlinkOn. For the first ever BlinkOn hosted by Microsoft, we wanted to focus on the times in-between IE and the Chromium-based Edge. Brian Kardell and I had the opportunity to welcome three guests who were at Microsoft during that time, and who had a lot of interesting stories from back then: Michael Champion, Greg Witworth, and Ade Bateman. We talked about the state of the web in the early 2000s, the challenges of that time, and the eventual switch to Chromium.

The panel, on stage at BlinkOn 21. From left to right: Michael Champion, Brian Kardell, Greg Witworth, Ade Bateman, and myself.

Get in touch with me