Articles by Soledad Penadés
-
Firebug lives on in Firefox DevTools
Firebug, the original browser developer tool, has been discontinued as a separate Firefox add-on, and will go forward as Firebug.next atop Firefox DevTools. The spirit of Firebug lives on in all of the browser developer tools we build and use today.
-
What’s new in Web Audio?
The Web Audio API is still under development, which means there are new methods and properties being added, renamed, shuffled around or simply removed! In this article, we look at what’s happened since our last update in early 2015, both in the Web Audio specification and in Firefox’s implementation. The demos all work in Firefox […]
-
Record almost everything in the browser with MediaRecorder
The MediaRecorder API lets you record media streams, i.e. moving images and audio. The result of these recordings can be, for example, an OGG file, like the ones you use to listen to music. Browser-wise, we can obtain streams in many ways. Let’s start with something you might be familiar with: we’ll get a stream […]
-
Debugging Service Workers and Push with Firefox DevTools
Following the announcement of Web Push in Firefox 44, we’re now delivering the capability to develop and debug service workers and push notifications code with DevTools using Firefox Developer Edition 47. Here’s a screencast that demonstrates the features described in this post: Or if you prefer text, keep reading! about:debugging Service workers do not behave […]
-
Introducing DevTools Reload
As a way to encourage more open source developers to contribute to the evolution of Firefox Developer Tools, the DevTools team has built DevTools Reload, an add-on that removes some common barriers to entry. It’s not unusual for mature Open Source projects to have large code bases. This can act as a barrier to entry […]
-
An Update on Web Components and Firefox
Web Components is an umbrella term for four technologies that aim to make UI development easier and more modular. It has been in development since about 2011: a very long time for Internet standards! All the specifications have been changing constantly as more vendors have started implementing them, and also as developers have gained real […]
-
What’s new in Web Audio
Introduction It’s been a while since we said anything on Hacks about the Web Audio API. However, with Firefox 37/38 hitting our Developer Edition/Nightly browser channels, there are some interesting new features to talk about! This article presents you with some new Web Audio tricks to watch out for, such as the new StereoPannerNode, promise-based […]
-
Introducing node-firefox
NOTE: we presented this project last Sunday at FOSDEM, but not everyone could make it to Brussels, so here’s a post explaining what node-firefox is and how can it help you superturbocharge your Firefox OS app development! At Mozilla we’re always looking for ways in which we can make developers’ lives easier. When aspiring app […]
-
Audio Tags: Web Components + Web Audio = ♥
Article written by Soledad Penadés, edited by Angelina Fabbro. Last week we released Brick 1.0, our carefully curated set of web components for rapid development. Using components makes it very easy to use and integrate these UI widgets with existing code and frameworks. And this week we bring you Audio Tags, an experiment building Web […]
-
Writing Web Audio API code that works in every browser
You probably have already read the announcement on the Web Audio API coming to Firefox, and are totally excited and ready to make your until-now-WebKit-only sites work with Firefox, which uses the unprefixed version of the spec. Unfortunately, Chrome, Safari and Opera still use the webkitAudioContext prefixed name. Furthermore, as a result of the spec […]
