Recent Articles

  • A super-stable WebVR user experience thanks to Firefox Quantum

    The Quantum release incorporates major optimizations from Quantum Flow, an holistic effort to modernize and improve the foundations of the Firefox web engine by identifying and removing the main sources of jank without rewriting everything from scratch. Quantum Flow has had an important and noticeable effect on WebVR stability and performance, as Salva demonstrates in this article.

  • Entering the Quantum Era—How Firefox got fast again and where it’s going to get faster

    Over the past seven months, we’ve been rapidly replacing major parts of the engine, introducing Rust and parts of Servo to Firefox. Plus, we’ve had a browser performance strike force scouring the codebase for performance issues, both obvious and non-obvious. We call this Project Quantum, and the first general release of the reborn Firefox Quantum comes out tomorrow.

  • Go beyond console.log with the Firefox Debugger

    console.log is no debugger. It’s great for figuring out what your JavaScript app is up to, but it’s limited to spitting out a minimal amount of information. If your code is complex, you’ll need a proper debugger. That’s why we’ve added a new section to the Firefox Devtools Playground that’s all about debugging, with four basic lessons that use the Firefox Debugger to examine and repair a simple JavaScript to-do app.

  • Async Pan/Zoom (APZ) lands in Firefox Quantum

    Asynchronous pan and zoom (APZ) is landing in Firefox Quantum, which means jank-free, smooth scrolling for all! Until now, scrolling was part of the main JavaScript thread. This meant that when JavaScript code was being executed, the user could not scroll the page. With APZ, scrolling is decoupled from the JavaScript thread, leading to a smoother scrolling experience, especially in slower devices, like mobile phones.

  • Saying Goodbye to Firebug

    The most popular and powerful web development tool. Firebug has been a phenomenal success. Over its 12-year lifespan, the open source tool developed a near cult following among web developers. When it came out in 2005, Firebug was the first tool to let programmers inspect, edit, and debug code right in the Firefox browser.

  • Add Progressive Web Apps to your Home screen in Firefox for Android

    Nowadays, practically all websites are built with responsive web design principles at their core: truly a dramatic improvement over yesteryear’s desktop-focused web. Over the last two years, a similar and complementary evolution has been happening: Progressive Web Apps (PWA), an umbrella term for a new set of standardized browser technologies that combine the low-friction nature of the web with the reliability and capabilities we typically associate with native apps, are gaining ground on mobile and desktop.

  • 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 […]

Browse All Articles →