Patrick Brosset – Medium

Patrick Brosset

Patrick Brosset

I moved

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

1 min readSep 28, 2022

--

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

--

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.

12 min readMar 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.

--

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.

4 min readJan 15, 2018

--

9

CSS Grid + CSS Multi-Columns = ♥

--

9

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…

12 min readJan 10, 2018

--

12

Demystifying CSS alignment

--

12

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…

6 min readApr 4, 2017

--

3

A quick history of Firefox DevTools

--

3

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…

10 min readOct 21, 2016

--

4

When does white space matter in HTML?

--

4

Patrick Brosset

Visual Tools —Prototyping in the browser

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

5 min readMay 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…

5 min readMay 25, 2016

--

2

Measuring elements and distances in Firefox DevTools

--

2

Patrick Brosset

Le positionnement dans les Grilles CSS

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

13 min readFeb 23, 2016

--

Le positionnement dans les Grilles CSS

--

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…

2 min readSep 18, 2015

--

Inspecting animations in Firefox

--

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
Blog
Privacy
Terms
Text to speech
Teams