Web Developer Toolbox Articles
-
Auditing For Accessibility Problems With Firefox Developer Tools
In Firefox 70, the Accessibility Inspector has become an auditing facility to help identify and fix many common mistakes and practices that reduce site accessibility. In this post, Marco Zehe offers an overview of what is available in this latest release.
-
Variable Fonts Arrive in Firefox 62
Firefox 62 adds support for Variable Fonts, an exciting new technology that makes it possible to create beautiful typography with a single font file. Variable fonts are now supported in all major browsers. And because great features deserve great tools, we’re hard at work building an all new Font Editor into the Firefox DevTools for Firefox 63. Or check it out today in Firefox Nightly.
-
Debugging Modern Web Applications
The Firefox Dev Tools team released an upgrade to the debugger’s source map support. It lets you inspect the code that you actually wrote. Combined with the ongoing work to provide first-class JS framework support across all Firefox devtools, these advances boost productivity for web app developers working in frameworks like React, Angular, and Ember and with modern tools like Webpack, Babel, and PostCSS.
-
Forging Better Tools for the Web
2017 was a big year for Firefox DevTools. We updated and refined the UI, refactored three of the panels, squashed countless bugs, and shipped several new features. This work not only provides a faster and better DevTools experience, but lays the groundwork for some exciting new features and improvements for 2018 and beyond.
-
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.
-
How we rebuilt the viewsourceconf.org 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.
-
Life After Flash: Multimedia for the Open Web
Part II: Flash delivered video, animation, interactive sites and, yes, ads to billions of users for more than a decade, but now it’s going away. Here's a compilation of resources that looks ahead at the open web technologies that have emerged to make web video, animation, and game development more performant and engaging than ever!
-
Level Up Your Cross-Browser Testing
Today we’re announcing a special opportunity for web developers to learn how to build and automate functional browser tests — we’ve partnered with Sauce Labs to offer a special extended trial of their excellent tools, and we’ve created a custom learning resource as part of this trial. 2016: The year of web compat In 2016 […]
-
Introducing the Firefox OS App Manager
The Firefox OS App Manager is a new developer tool available in Firefox 26 that greatly improves the process of building and debugging Firefox OS apps, either in the Simulator or on a connected device. Based on the the Firefox OS Simulator add-on, it bridges the gap between existing Firefox Developer tools and the Firefox […]
-
The Web Developer Toolbox: Backbone
This is the fourth in a series of articles dedicated to useful libraries that all web developers should have in their toolbox. The intent is to show you what those libraries can do and help you to use them at their best. This fourth article is dedicated to the Backbone library. Introduction Backbone is a […]
