Patrick Brosset
LightNews LightNews
banner
patrickbrosset.com
Patrick Brosset
@patrickbrosset.com
1.4K followers 360 following 250 posts
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
Posts Replies Media Videos
patrickbrosset.com
I love it when I receive the monthly web platform update from the web-features explorer in my RSS reader. Such a useful and condensed source of info.

Web: web-platform-dx.github.io/web-features...
RSS: web-platform-dx.github.io/web-features...
Screenshot of my RSS client showing the October web platform update, with newly available features.
November 4, 2025 at 11:09 AM
patrickbrosset.com
These are screenshots from an HTML page that doesn't use CSS at all.
Whatever, I'm waiting for my flight at the airport, don't mind me.

patrickbrosset.com/lab/html-sty...
Grid of alternating black and yellow cells. Waves of purple triangles that get smaller and smaller, and then bigger and bigger. Waves of black squares, getting smaller and smaller. Grid of black squares and black underlines, surrounded by a yellow outline.
October 9, 2025 at 11:39 PM
patrickbrosset.com
Manhattan this morning.
Person crossing the street. We only see a blurry figure as the street is filled with smoke coming from the underground. Traffic lights seen in background. Person walking on sidewalk early morning. Black figure as the light is coming from behind the person, from traffic light. Seagull flying against an orange sun rise sky. The Brooklyn bridge can be seen, out of focus, in the background. Panorama photo of the Brooklyn bridge at sunrise.
October 7, 2025 at 10:25 PM
patrickbrosset.com
Oh and, @smashingconf.com is a really cool conference by the way. The team is awesome, and the speaker line-up for next week is incredible.

Microsoft Edge is super happy to be a partner once again.

Check it out: smashingconf.com/ny-2025
The SmashingConf New York promotional card, which says: In partnership with Microsoft Edge.
September 30, 2025 at 3:00 PM
patrickbrosset.com
A Kanban board demo which uses experimental CSS Masonry support in Chromium, and View Transitions.

Learn more: github.com/MicrosoftEdg...
September 18, 2025 at 12:25 PM
patrickbrosset.com
View transitions for the win.
September 18, 2025 at 12:22 PM
patrickbrosset.com
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...
September 18, 2025 at 9:35 AM
patrickbrosset.com
Vibe coding our ways through every problem isn't a very responsible thing to do.

Let's be more responsible. But also, if we're going to keep using AI coding tools, let's demand more from them!

Reflecting on this over at patrickbrosset.com/articles/202...
An abstract illustration showing a blob, labeled AI, and its many tentacles spreading around it.
September 16, 2025 at 7:44 PM
patrickbrosset.com
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...
September 16, 2025 at 11:41 AM
patrickbrosset.com
Freiburg, Germany, is a very pretty city. And look, it already uses CSS Masonry!

Good thing that the CSS Working Group resolved to use a new display type for Masonry. We’re making real progress folks!
Paved square around the church in Freiburg. The pattern is a like a masonry pattern.
September 10, 2025 at 2:55 PM
patrickbrosset.com
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...
July 11, 2025 at 12:26 PM
patrickbrosset.com
The ability to style grid and flex gaps is coming fast in a browser near you!
Bubbling with ideas for what this will be useful for!

Code: github.com/MicrosoftEdg...
Webpage layout example, dark background, light text, and light separator lines between the various items like header, navigation, and between various pieces of text and images in the main content. The lines are horizontal and vertical, and have different styles. Magazine-like webpage, with a header, navigation, three articles, and a sidebar with a sudoku game grid. The various pieces of the UI are visually separated with horizontal and vertical lines of different styles. The sudoku game grid has differently styled lines too, which are also achieved with the CSS gap decorations feature. A notebook sheet demo web page. It has a date, title, and then some lines of text in the main area of the page. There's a line that separates the header, the footer, and a line for the margin on the side. In the main area, there are also more subtle lines where the text is written. A magazine-style layout demo. The site is called "The Daily Oddity", and it has fake articles about weird facts and news. The site uses multiple columns of content, which are separated by vertical and horizontal lines to make them more visually distinct.
June 5, 2025 at 1:02 PM
patrickbrosset.com
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
May 23, 2025 at 7:47 AM
patrickbrosset.com
Hey @css-tricks.com, I really like the Baseline badge integration you've done, but may I suggest linking the "Learn more" link to web-platform-dx.github.io/web-features/ rather than the *.yml source file for a given feature?
The yaml file is quite cryptic, and doesn't contain all of the information.
The Baseline banner on a css-tricks article, showing the browser support for the feature being discussed, and a Learn more link.
May 21, 2025 at 9:59 AM
patrickbrosset.com
CSS naked day is happening tomorrow. Felt like going naked early. My CSS was very minimal to start with anyway.
A browser window with my website loaded inside it. The website has no CSS applied, and the home page is shown in Times New Roman font, in black over a white background.
April 8, 2025 at 9:20 AM
patrickbrosset.com
New W3C logo is live.
The new w3c logo, with the words world wide web consortium around it.
April 6, 2025 at 6:25 PM
patrickbrosset.com
So, Interop 2025 has just launched!

Check out the dashboard: wpt.fyi/interop-2025
Learn more about what's in: github.com/web-platform...
The Interop dashboard, showing the interop score, as well as individual browser scores, and the list of focus areas.
February 13, 2025 at 6:21 PM
patrickbrosset.com
Went skiing this weekend. Was a bit windy, but an awesome way to escape the crappy weather we’ve had all winter.
Snowy mountains, with skiers, beautiful clear sky, wind blowing snow.
January 21, 2025 at 4:32 PM
patrickbrosset.com
Back in 2021 I wrote about how styling grid gaps wasn't possible: https://buff.ly/40GgD9t

Today, the Edge web platform team is working on fixing this!

Learn more from our CSS Gap Decoration explainer: https://buff.ly/40GQ9EU
A grid layout with row gaps styled with red lines and column gaps styled with blue lines.
January 21, 2025 at 8:57 AM
patrickbrosset.com
There was a time when you could do this:
document.body.innerHTML = "Hello World".fontsize(7);

And it would write this into the body:
<font size="7">Hello World</font>

Actually, that time is now. You can still do this, although it's deprecated along with String.big(), String.anchor(), and more.
A browser window with DevTools open. The String.fontSize method was used in the Console in DevTools, and the resulting Hello World message appears in the webpage.
January 9, 2025 at 2:26 PM
patrickbrosset.com
My home office is too cold in the winter time, so I often retreat to the comfort of the living room, where the fireplace is.
The fireplace, with fire burning inside
January 9, 2025 at 8:20 AM
patrickbrosset.com
Temporal (the new date manipulation JS API) has been one of the most requested features in the State of JS surveys.
So exciting to see it get implemented in Firefox!
Not sure how much of it is implemented, but Firefox Nightly has some stuff already!
The Console tool in Firefox DevTools, showing that the global Temporal object is defined.
December 20, 2024 at 10:24 AM
patrickbrosset.com
SPAs, MPAs, who cares? I predict <frameset>s making a come back in 2025!
December 20, 2024 at 8:33 AM
patrickbrosset.com
Scrollbar styling just became a whole lot better on the web!
The scrollbar-width and scrollbar-gutter CSS properties are now supported in the latest Chrome, Firefox, Edge, and Safari.

December release notes: buff.ly/41CzWBx

Now we just need scrollbar-color and we're set. Come on Safari!
A colored DIV element, with text inside, and a vertical scrollbar that's colored too, and thin.
December 16, 2024 at 10:40 AM
patrickbrosset.com
I listened the 55,000 minutes of music this year, according to Spotify, and 3000 different artists.
Music accompanies me during my work days, I can’t focus without it.
My top artists this year are Radiohead, Susanne Sundfør, Low Roar, Archive, and Thomas de Pourquery.
December 5, 2024 at 12:08 PM