5 More Awesome New Mozilla Technologies You’ve Never Heard Of

By  on  

My original 5 Awesome Mozilla Technologies You've Never Heard Of post got a huge response and it was well deserved -- Mozilla's pool of amazing talent not only dreams up awesome projects but brings them to fruition.  A few years have gone by and we've seen projects like Firefox OS come and go while host of others have popped up.  Let's have a look at some other Mozilla technologies have popped up!

1. Tofino

Tofino is an experimental browser made for prototyping new features and new ways of thinking about what a browser could be.  The project is built on Node.js with React for building the interface.  I'm happy to say I've submitted a few patches to the project as well.  Have a look at its current state:

Tofino Browser

If you wanted to create your own browser for experimentation, you could simply clone Tofino, make your own customizations, and you're all set!  Trying out Tofino is simple:  clone, npm install, and npm start let's yous start browing!  Keep an eye on this project -- it should get interesting!

2.  A-Frame

A-Frame is an amazing Web Components-driven JavaScript library which helps developers to create virtual reality experiences on the web.  From basic to advanced VR visualizations, A-Frame continues to set a web standard for awesome.

A-Frame

If you have a Cardboard, a likewise headset, or even just your smart phone, check out the A-Frame website -- the demos are amazing!  If you're looking to develop VR on the web, check out the Mozilla VR GitHub project listing for even more Web VR-related utilities!

3. Firefox Developer Toolbar

Firefox has had its own "command line" for quite some time -- it just hasn't been heavily promoted.  This Developer Toolbar provides you a variety of enhanced tasks that would otherwise be impossible to complete in the browser (or cumbersome at the very least):

Firefox Command Line

Check out my How to Create Screenshots in Firefox as an example of using this special command line!

4.  Platform Status

Each of the browser vendors has its own feature status pages for years; you can add Mozilla to that list with Platform Status.  Created last November, Platform Status provides and updated summary of features planned, in progress, or shipped.  Platform Status also uses a service worker so you can check feature state when you're offline.

Platform Status

Platform Status is available on GitHub as well!

5.  pdf.js

pdf.js is an amazing effort to parse and render PDFs with JavaScript.  You can load documents, load individual pages, and displays PDFs in a skin of your choosing!  The project, hosted on GitHub, is very well documented and rids us of those disgusting Adobe plugins we needed for so long!

Bonus!  Service Worker Cookbook

Service Workers are a new technology that will make us rethink the offline web landscape:  they are completely customizable, implemented by most modern browsers, and area a massive upgrade on the AppCache mess.  The Service Worker Cookbook by Mozilla contains dozens of examples and real uses cases for service workers today, from basic offline asset caching to push notifications, to rerouting requests for any number of purposes.  If you have some time, please check it out!

Recent Features

  • By
    Page Visibility API

    One event that's always been lacking within the document is a signal for when the user is looking at a given tab, or another tab. When does the user switch off our site to look at something else? When do they come back?

  • By
    JavaScript Promise API

    While synchronous code is easier to follow and debug, async is generally better for performance and flexibility. Why "hold up the show" when you can trigger numerous requests at once and then handle them when each is ready?  Promises are becoming a big part of the JavaScript world...

Incredible Demos

  • By
    Create a Spinning, Zooming Effect with CSS3

    In case you weren't aware, CSS animations are awesome.  They're smooth, less taxing than JavaScript, and are the future of node animation within browsers.  Dojo's mobile solution, dojox.mobile, uses CSS animations instead of JavaScript to lighten the application's JavaScript footprint.  One of my favorite effects...

  • By
    CSS Vertical Centering

    Front-end developing is beautiful, and it's getting prettier by the day. Nowadays we got so many concepts, methodologies, good practices and whatnot to make our work stand out from the rest. Javascript (along with its countless third party libraries) and CSS have grown so big, helping...

Discussion

  1. Brilliant stuff

  2. Nam Pham

    Missing Servo Project

  3. Tiago Celestino

    The amazing works.

  4. FezVrasta

    No Mozilla Servo in the list? Rally?

Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!