Articles by Patrick Brosset
Developer Edition 54: New inspector and debugger features, MDN help in the netmonitor, and more
A roundup of great new developer tool features and fixes released in Firefox Developer Edition 54 - for debugging, inspecting, monitoring, and generally making your workflow smarter and better.
DevTools: What you need to know
Many things changed in Firefox DevTools last year, particularly towards the end of the year. The effort to refactor some of our tools started to pay off and we landed some great re-designs that should make web developers’ lives easier.
Firebug lives on in Firefox DevTools
Firebug, the original browser developer tool, has been discontinued as a separate Firefox add-on, and will go forward as Firebug.next atop Firefox DevTools. The spirit of Firebug lives on in all of the browser developer tools we build and use today.
Visualize animations easing in DevTools
The easing (or timing function) of an animation is what dictates the way it progresses through time. For example, a linear easing means that an animation runs at the same speed throughout its duration. This means that if an element isn’t moving at first and then starts to move, it will do so instantly, as […]
The future of layout with CSS: Grid Layouts
In this article we’ll take a look at the wonderful world of the CSS Grid Layout, a relatively new W3C specification that has partially started to see the day in some browsers. But before we dive into what this new CSS technique is all about and how to use it, let’s quickly review grid theory. […]
Understanding the CSS box model for inline elements
In a web page, every element is rendered as a rectangular box. The box model describes how the element’s content, padding, border, and margin determine the space occupied by the element and its relation to other elements in the page. Depending on the element’s display property, its box may be one of two types: a […]