Recent Articles

  • Opus audio codec version 1.2 released

    The Opus audio codec just got another major upgrade with the release of version 1.2, bringing many speech and music quality improvements, especially at low bitrates.

  • An inside look at Quantum DOM Scheduling

    Scheduling is a significant piece of Project Quantum, which focuses on making Firefox more responsive, especially when lots of tabs are open. In this article, we describe problems we identified in multi-tab browsing, the solutions we figured out, the current status of Quantum DOM, and opportunities for contribution to the project.

  • 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. The latest enhancements are now available in Firefox Nightly.

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

    What makes work on performance so challenging and why is it so important to include the user from the very beginning? This article explores the difference between technical and perceived performance, and describes an approach to testing and measurement that correlates the user's quality of experience with characteristics that engineers can benchmark.

  • 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 the monitor has been re-architected for a more modern web development workflow using standard web technologies

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

    Go hands-on with the Network Monitor! We'll walk you through the process of running this dev tool on top of the Launchpad and utilizing the hot-reload feature to see code changes instantly.

  • A crash course in memory management

    This is the first article in a 3-part series of code cartoons that explore SharedArrayBuffers in JavaScript and how they are used. To understand why ArrayBuffer and SharedArrayBuffer were added to JavaScript, you need to understand a bit about memory management.

  • A cartoon intro to ArrayBuffers and SharedArrayBuffers

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

  • 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.

  • Firefox 54: E10S-Multi, WebExtension APIs, CSS clip-path

    The release of Firefox 54 completes the transformation of Firefox into a fully multi-process browser, running many simultaneous content processes in addition to a UI process and, on Windows, a special GPU process. This design makes it easier to utilize all of the cores available on modern processors and, in the future, to securely sandbox web content. This release also offers new support for the CSS clip-path property, and updates to the WebExtensions APIs.

  • CSS Shapes, clipping and masking – and how to use them

    The general release of Firefox 54 is just around the corner and it will introduce new features into an already cool CSS property: clip-path, a property that allows us to clip (i.e., cut away) parts of an element. With Firefox 54, you will be able to use CSS shapes as well: insets, circles, ellipses and polygons. In this demo-rich post, we'll explore the features of clipping and masking and how they are used.

Browse All Articles →