Patrick Brosset

Read the full article at https://blogs.windows.com/msedgedev/2026/09/03/calling-for-interop-2027-proposals/

The results to the State of CSS 2026 survey are now available.

A little technique that uses container query units in CSS to draw fixed-size gap decorations.

Read the full article at https://blogs.windows.com/msedgedev/2026/07/07/new-in-edge-for-developers-style-layout-gaps-improve-keyboard-accessibility-and-migrate-your-pwa-to-a-new-origin/

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.

SVG is very cool for displaying graphics on the web but, like any web technology, there's always more we could be doing with it, whether it's fixing bugs and browser inconsistencies, adding new features to unlock new use cases, or improving performance.

Last week, at CSS Day, I presented on the topic of CSS Grid Lanes, an exciting new CSS layout feature coming to the web.

The early web was a playground.

I recently spent time asking for and reviewing feedback about CSS layout.

A command-line tool for looking up web platform features.

Read the full article at https://developer.chrome.com/blog/install-element-ot

Morphing star shape using clip-path and the shape() function

I helped moderate a fun and engaging discussion panel about a slice of the history of the web at BlinkOn.

Read the full article at https://blogs.windows.com/msedgedev/2026/03/17/monitor-and-improve-your-web-apps-load-performance/

Read the full article at https://css-tricks.com/abusing-customizable-selects/

Read the full article at https://developer.chrome.com/blog/scoped-registries

Recently, I was searching for a way to style an element depending on whether it was ever focused.

Read the full article at https://blogs.windows.com/msedgedev/2026/03/05/making-keyboard-navigation-effortless/

CSS gap decorations are coming soon!

Six months have pased since I wrote about WebMCP.

Masonry is a cool looking layout that can create visually stunning designs.

Read the full article at https://blogs.windows.com/msedgedev/2026/02/12/microsoft-edge-and-interop-2026/

As developers, we rely on open source data, sometimes without even realizing it.

Playing with the new customizable <select> element for an emoji picker.

Playing with the new customizable <select> element again, for a file picker with springy animations.

Cityscape, inspired by this piece by Roni Kaufman

Fun makes learning better!

Today is the last day of 2025, which seems like a good time to look back and think about what I've done this year.

The Million Dollar Homepage was a very successful and viral marketing stunt back in 2005.

Read the full article at https://blogs.windows.com/msedgedev/2025/12/09/making-complex-web-apps-faster/

Read the full article at https://www.htmhell.dev/adventcalendar/2025/8/

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

Read the full article at https://www.smashingmagazine.com/2025/12/masonry-things-you-wont-need-library-anymore/

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

⚠️ Only works in Chromium-based browsers for now.

A simple web page to test keyboard focusable scroller in browsers, which is a feature that makes scrollable containers focusable with the keyboard by default, without requiring a tabindex attribute.

Read the full article at https://piccalil.li/blog/perfecting-baseline/

In the event that you're still interested in quirks mode, here is a demo page that illustrates some of the differences between quirks mode and standards mode rendering in browsers.

Who says we need CSS at all?

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.

A test page for the PerformancePaintTiming API.

A list of all the resources you will need to learn more about the CSS Masonry proposal, to try it out in your own projects, and provide feedback.

WARNING: this page has lot's of rapidly moving parts.

Read the full article at https://blogs.windows.com/msedgedev/2025/09/25/unlock-text-editing-use-cases-with-highlightsfrompoint/

Read the full article at https://developer.chrome.com/blog/clipboardchange

AI can often be pretty shitty, and this technology comes with very real risks for the world.

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.

Read the full article at https://blogs.windows.com/msedgedev/2025/02/13/microsoft-edge-and-interop-2025/

A list of all the resources you will need to learn more about the CSS gap decoration proposal, to try it out in your own projects, and provide feedback.

In this post, I'll introduce WebMCP, a proposal to let you, web developers, control how AI agents interact with your web pages.