Shared knowledge for the Open Web

Hacks Blogread more at hacks.mozilla.org

• Powerful New Additions to the CSS Grid Inspector in Firefox Nightly

  CSS Grid is revolutionizing web design. It’s a flexible, simple design standard that can be used across all browsers and devices. That's why we built CSS Grid Inspector. We’ve been working hard on the Firefox Developer Tools Layout panel, adding powerful new features to the Grid Inspector and Box Model. ...

  Posted June 22, 2017 by Gabriel Luong

• Designing for performance: A data-informed approach for Quantum development

  When we announced Project Quantum last October, we talked about how users would benefit from our focus on “performance gains…that will be so noticeable that your entire web experience will feel different.” We shipped the first significant part of this in Firefox 53, and continue to work on the engineering ...

  Posted June 21, 2017 by Dominik Strohmeier

• Hacking on the Network Monitor Developer Tool (Part 2)

  In the previous post, Network Monitor Reloaded, we walked through the reasoning for refactoring the Network Monitor tool. We also learned that using web standards for building Dev Tools enables us to running them in different environments – loaded either within the Firefox Developer Toolbox or within a browser tab ...

  Posted June 15, 2017 by Jan Honza Odvarko

• Network Monitor Reloaded (Part 1)

  The Network Monitor tool has been available in Firefox since the earliest days of Firefox Dev Tools. It’s an invaluable tool for anyone who cares about page load performance and fast modern web pages. Now it's been re-architected for a more modern web development workflow using standard web technologies

  Posted June 15, 2017 by Jan Honza Odvarko

• Avoiding race conditions in SharedArrayBuffers with Atomics

  This is the third article in a 3-part series of code cartoons that explore SharedArrayBuffers in JavaScript and how they are used.

  Posted June 14, 2017 by Lin Clark