Recent Articles

  • How we rebuilt the website

    There are a lot of interesting challenges when working with legacy code at a large scale, but rebuilding from scratch usually isn’t an option. Recently we had the chance to start fresh and rebuild Mozilla's View Source website for the upcoming conference in London. Here are a few highlights of the architectural decisions we made to make the site faster, more secure, and more reliable.

  • An Introduction to CSS Grid Layout: Part 1

    CSS Grid Layout is completely changing the game for web design. It allows us to create complex layouts on the web using simple CSS. Part 1 of this 2-part primer introduces the vocabulary of CSS Grid and the new Firefox DevTools playground, and shows you how to start coding.

  • An Introduction to CSS Grid Layout: Part 2

    In Part 2 of this 2-part introduction Dan Brown walks you through three different methods for creating the same layout and points you to the Firefox DevTools Playground to continue learning and exploring.

  • Remaking Lightbeam as a browser extension

    You may have heard of browser extensions — the technology for building extensions in Firefox has been modernized to support Web standards, and is one of the reasons why Firefox Quantum will be the fastest and most stable release yet. This post looks at conceptual differences between a browser extension and a traditional web application, illustrated with some practical examples and tips from the author's experience developing Lightbeam.

  • The whole web at maximum FPS: How WebRender gets rid of jank

    The Firefox Quantum release is getting close. It brings many performance improvements, including the super fast CSS engine that we brought over from Servo. But there’s another big piece of Servo technology that’s not in Firefox Quantum quite yet, though it’s coming soon. That’s WebRender, which is being added to Firefox as part of the […]

  • Firefox 56: Last Stop before Quantum

    Here at Mozilla, we’re extremely excited about next month’s release of Firefox Quantum, with massive speed improvements, a brand new UI, and many Developer Tools upgrades -- available now in Developer Edition. But last week's general release of Firefox 56 features good news for developers now - including "headless mode" across all OSes, our modern new debugger, and much more.

  • An overview of Containers for add-on developers

    Containers work by giving users the ability to place barriers on the flow of data across sites by isolating cookies, indexedDB, localStorage, and caches within discrete browsing contexts. This in-depth introduction to Containers and Container extensions explores the capabilities of Containers and contextual identity for developers.

  • Multi-user experiences with A-Frame

    Salva de la Puente describes the sharedspace component he's built, which brings the power of WebRTC to A-Frame users. The component provides a collaboration model where participants can join or leave a named space, share audio and state, and send JSON-serializable objects to other peers. Check it out!

  • RNNoise: Using Deep Learning for Noise Suppression

    The Mozilla Research RRNoise project shows how to apply deep learning to noise suppression. It combines classic signal processing with deep learning, but it’s small and fast. And you can help! Find out how to donate your noise to science.

  • Firefox Quantum Developer Edition: the fastest Firefox ever with Photon UI and better tooling

    Firefox Quantum is now available in Developer Edition, and this Firefox is fast. Today’s release is a major milestone towards our next-generation browser, and includes Quantum CSS, Firefox's new CSS rendering engine; Photon, a major UI refresh; and lots more speed and features you've requested.

  • Developer Edition Devtools Update: Now with Photon UI

    An update on all the changes and improvements to Firefox Dev Tools available now in the Firefox Quantum Developer Edition release. Beginning with the brand-new logo and new Photon UI, the DevTools suite is faster and more responsive to developer needs - including improvements to the Inspector, Console, Debugger, and Network Monitor.

Browse All Articles →