Patrick Brosset – Medium

Patrick Brosset

Patrick Brosset

I moved

If you want to read more of my articles, please head over to my website.

Sep 28, 2022

A photo of someone running on the beach, we only see the legs and feet

Sep 28, 2022

Patrick Brosset
in
Web Dev @ Microsoft

How we built the DevTools Tooltips

Behind the scenes of how we built the DevTools Tooltips feature, which provides educational content about what the tools do.

Mar 8, 2021

Screenshot of DevTools, showing the new Focus Mode activity bar on the left, the perf tool at the top and the issues panel at the bottom, all 3 areas highlighted with the new Tooltips.

Mar 8, 2021

Patrick Brosset

CSS Grid + CSS Multi-Columns = ♥

In this short article, I am exploring the relationship between two CSS layout features: CSS Grid and CSS Multi-Columns.

Jan 15, 2018

CSS Grid + CSS Multi-Columns = ♥

Jan 15, 2018

Patrick Brosset

Demystifying CSS alignment

Aligning things in CSS has been a common source of frustration, fun and even memes for a long time. However CSS evolves quickly and new…

Jan 10, 2018

Demystifying CSS alignment

Jan 10, 2018

Patrick Brosset
in
Mozilla Tech

A quick history of Firefox DevTools

I’m probably going to miss some important milestones, but I had fun installing older versions of Firefox tonight and checking what DevTools…

Apr 4, 2017

A quick history of Firefox DevTools

Apr 4, 2017

Patrick Brosset

When does white space matter in HTML?

As a web developer, you don’t often spend time thinking about white space, right? I mean, how often do they actually matter? Well…

Oct 21, 2016

When does white space matter in HTML?

Oct 21, 2016

Patrick Brosset

Visual Tools —Prototyping in the browser

Today, browsers come with built-in tools that allow to inspect and debug existing web content.

May 27, 2016

May 27, 2016

Patrick Brosset

Measuring elements and distances in Firefox DevTools

There’s a few ways you can measure elements or distances between elements in Firefox DevTools. In this article, you’ll learn about them and…

May 25, 2016

Measuring elements and distances in Firefox DevTools

May 25, 2016

Patrick Brosset

Le positionnement dans les Grilles CSS

Une revue complète des différentes méthodes de positionnement offertes par les grilles CSS

Feb 23, 2016

Le positionnement dans les Grilles CSS

Feb 23, 2016

Patrick Brosset

Inspecting animations in Firefox

CSS animations and transitions are awesome, but they’re also hard to get right. You want your animations to be sequenced a certain way, to…

Sep 18, 2015

Inspecting animations in Firefox

Sep 18, 2015

Patrick Brosset

Patrick Brosset

Wearer of many hats: web dev, PM, DevTools engineer @Microsoft now, previously @Mozilla . Opinions my own. he/him. https://patrickbrosset.com

Following

Help
Status
About
Careers
Press
Blog
Privacy
Terms
Text to speech
Teams