Mozilla Hacks: Designing the Flexbox Inspector

Written by - - Aggregated on Saturday January 12, 2019
Tags: elsewhere, devtools, firefox, link, ux

With the upcoming release of Firefox 65 (due January 29tgh), its DevTools will sport a new shiny Flexbox Inspector.

The new Flexbox Inspector, created by Firefox DevTools, helps developers understand the sizing, positioning, and nesting of Flexbox elements.

Victoria Wang details how they UX challenges that came with this tool were tackled.

Built on the basic concepts of the CSS Grid Inspector, we sought to expand on the possibilities of what a design tool could be. I’m excited to share a behind-the-scenes look at the UX patterns and processes that drove our design forward.

Designing the Flexbox Inspector →

« Scribit, a robot that can draw on walls - - Speeding up Your PHPUnit tests »