Trainspotting is a series of articles highlighting features in the lastest version of Firefox. A new version of Firefox is shipped every six weeks or sometimes eight– we at Mozilla call this pattern “release trains”.
It’s a new year, and of course there’s a new Firefox! Let’s take a look at some of the goodies inside the latest update.
ServiceWorkers and Web Push
ServiceWorkers and Web Push are two truly transformational web technologies, because they enable web pages and web applications to do things that were simply not possible before. ServiceWorkers allow a website to register a script that can intercept navigation requests, cache assets and data offline, and run even when the webpage isn’t open! This allows for more responsive UIs, better offline support, and lays the groundwork for more application-grade experiences.
Web Push builds on top of ServiceWorkers and, with user consent, allows web content to receive push notificatons from a server and to trigger system notifications that can return a user to the page, even after they’ve closed the browser tab.
There’s a lot to say about each of these technologies- more than I can cover here. If you’re interested in learning more about ServiceWorkers and Web Push or want to start experimenting, here are some resources:
- Read more about Web Push in Firefox 44
- View example code and demos in the Service Worker Cookbook
- ServiceWorker documentation on MDN
Design Tools in Firefox
We’re going to need a bigger boat. Firefox 44 puts an emphasis on designer productivity tools with a fantastic animation inspector to complement existing style tools. Climb aboard the DevTools Challenger to learn about these tools, and explore both the deep ocean as you learn how to inspect animations, live-edit keyframes, tweak CSS filters, and more.
More DevTools Goodness
In addition to the aquatic wonders and animation tools, there are other great changes and additions to the Firefox Developer Tools.
Use Logged Object in the Web Console
If you’d like to manipulate or more deeply inspect an object logged in the console, you can now assign it to a temporary variable via the context menu.
View full post on Mozilla Hacks – the Web developer blog