Web APIs Articles
-
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.
-
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.
-
Always Right – An Extension Migration Story
A veteran Firefox add-on developer describes how he migrated Always Right, one of his personal must-have browser extensions, to the new WebExtensions API.
-
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!
-
Debugging Web Push in Mozilla Firefox
Web Push has a large number of "moving parts", systems and components that need to work together in order for your message to be successfully sent and received. One of the challenges with implementation issues is trying to figure out what went wrong. In this article, we offer suggestions and insight into best using and debugging the service.
-
Internationalize your keyboard controls
Recently I came across two lovely new graphical demos, and in both cases, the controls would not work on my French AZERTY keyboard. There was the wonderful WebGL 2 technological demo After The Flood, and the very cute Alpaca Peck. Shaw was nice enough to fix the latter when I told him about the issue. […]
-
WebGL 2 lands in Firefox
With the release of Firefox 51, WebGL 2 support has landed! WebGL is a standard API to render 3D graphics in the Web. WebGL 2 is based on the OpenGL ES 3.0 specification, and introduces new features – many of them aimed at increasing performance and visual fidelity.
-
What’s new in IndexedDB 2.0?
The draft of Indexed Database API 2.0 is almost complete, providing several new APIs for fine-grained access to IndexedDB. The good news is that all these new APIs are implemented in Firefox and will be available in the release of Firefox 51 (currently available in Developer Edition, scheduled for general release in January 2017). In […]
-
FlyWeb – Pure Web Cross-Device Interaction
FlyWeb is an experimental project we’ve been prototyping from within the depths of Mozilla’s platform division. It started as a side-project late last year, and since then a small, ad-hoc team has been working on implementing a “version zero” of the concept. We’ve been tinkering for the last 6 months on an implementation, and it’s […]
-
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 […]