Patrick Brosset
@patrickbrosset.com
Edge web platform PM @Microsoft. Previously @Mozilla. WebDX CG. OWD GC. Maintains @devtoolstips.bsky.social. Husband and father of 3. he/him
The Interwebs · patrickbrosset.com
The Interwebs · patrickbrosset.com
A Kanban board demo which uses experimental CSS Masonry support in Chromium, and View Transitions.
Learn more: github.com/MicrosoftEdg...
Learn more: github.com/MicrosoftEdg...
September 18, 2025 at 12:25 PM
A Kanban board demo which uses experimental CSS Masonry support in Chromium, and View Transitions.
Learn more: github.com/MicrosoftEdg...
Learn more: github.com/MicrosoftEdg...
View transitions for the win.
September 18, 2025 at 12:22 PM
View transitions for the win.
A Kanban board using CSS Masonry, because why not.
The upcoming CSS Masonry lets you size columns separately and place items in specific columns.
Masonry isn't just about randomly sorted photo galleries!
This, and other demos, at github.com/MicrosoftEdg...
The upcoming CSS Masonry lets you size columns separately and place items in specific columns.
Masonry isn't just about randomly sorted photo galleries!
This, and other demos, at github.com/MicrosoftEdg...
September 18, 2025 at 9:35 AM
A Kanban board using CSS Masonry, because why not.
The upcoming CSS Masonry lets you size columns separately and place items in specific columns.
Masonry isn't just about randomly sorted photo galleries!
This, and other demos, at github.com/MicrosoftEdg...
The upcoming CSS Masonry lets you size columns separately and place items in specific columns.
Masonry isn't just about randomly sorted photo galleries!
This, and other demos, at github.com/MicrosoftEdg...
The CSS Custom Highlight API lets you style **ranges** of text without creating new nodes in the DOM.
And now, with the new highlightsFromPoint() method, you can even find custom highlights under the cursor and unlock cool text editing experiences.
See developer.mozilla.org/docs/Web/API...
And now, with the new highlightsFromPoint() method, you can even find custom highlights under the cursor and unlock cool text editing experiences.
See developer.mozilla.org/docs/Web/API...
September 16, 2025 at 11:41 AM
The CSS Custom Highlight API lets you style **ranges** of text without creating new nodes in the DOM.
And now, with the new highlightsFromPoint() method, you can even find custom highlights under the cursor and unlock cool text editing experiences.
See developer.mozilla.org/docs/Web/API...
And now, with the new highlightsFromPoint() method, you can even find custom highlights under the cursor and unlock cool text editing experiences.
See developer.mozilla.org/docs/Web/API...
I know some of you might be tired of the debate around CSS Masonry, or might think that Masonry isn't cool anymore these days.
But, come on, check out what you can do with it! I can't wait for you all to get your hands on it, get creative, and send feedback!
Soon...
But, come on, check out what you can do with it! I can't wait for you all to get your hands on it, get creative, and send feedback!
Soon...
July 11, 2025 at 12:26 PM
I know some of you might be tired of the debate around CSS Masonry, or might think that Masonry isn't cool anymore these days.
But, come on, check out what you can do with it! I can't wait for you all to get your hands on it, get creative, and send feedback!
Soon...
But, come on, check out what you can do with it! I can't wait for you all to get your hands on it, get creative, and send feedback!
Soon...
The Selector Stats feature in Edge and Chrome DevTools is now much faster!
The feature lists the most costly CSS selectors in the Perf tool. But it used to slow down the recorded page quite a bit, especially for sites with many CSS rules.
That's no longer the case!
Check it out: buff.ly/tyfOpe5
The feature lists the most costly CSS selectors in the Perf tool. But it used to slow down the recorded page quite a bit, especially for sites with many CSS rules.
That's no longer the case!
Check it out: buff.ly/tyfOpe5
May 23, 2025 at 7:47 AM
The Selector Stats feature in Edge and Chrome DevTools is now much faster!
The feature lists the most costly CSS selectors in the Perf tool. But it used to slow down the recorded page quite a bit, especially for sites with many CSS rules.
That's no longer the case!
Check it out: buff.ly/tyfOpe5
The feature lists the most costly CSS selectors in the Perf tool. But it used to slow down the recorded page quite a bit, especially for sites with many CSS rules.
That's no longer the case!
Check it out: buff.ly/tyfOpe5
SPAs, MPAs, who cares? I predict <frameset>s making a come back in 2025!
December 20, 2024 at 8:33 AM
SPAs, MPAs, who cares? I predict <frameset>s making a come back in 2025!