Mozilla teams up with the BBC to bring concert quality audio over the web

Mozilla and the BBC Team up to Deliver Concert Quality Audio from the Royal Albert Hall over the Web

Later this summer radiophiles and audiophiles will enjoy the uncompromised accuracy of lossless audio provided by FLAC thanks to an informal engineering collaboration between the British Broadcast Corporation and Mozilla.

In this article, we talk about how we are working with the BBC to bring the fine performances of Royal Albert Hall to you.


Read More

Other News

Showcase your WebVR experience!


Read how to record and extract VR >>

What WebAssembly means for React


Watch the video >>

Want to get CSS Grid tips from Jen Simmons? Follow the new CSS Grid Tips Twitter handle


Get CSS Grid Tips >>


đź’ˇ DevTools: Did you know?

Mozilla partnered with SauceLabs for free cross-browser testing on up to 800 browser and OS combinations

Try it out >>


On MDN

  1. Selection API: The Selection API provides functionality for reading and manipulating the range of text selected by the user.
  2. MessageEvent: The MessageEvent interface represents a message received by a target object.
  3. Tips for authoring fast-loading HTML pages

Posted in Cross-Browser Testing, DevTools, May 2017 | Leave a comment

The WannaCry attack exposed our vulnerabilities

Real Vulnerabilities: Cybersecurity and how VEP reform makes us all safer

Some of our critical vulnerabilities were exposed last weekend, as a ransomware attack took unpatched systems by surprise. These vulnerabilities put users and businesses at significant risk, disabling computer systems at hospitals and businesses around the world.

At the same time, exploiting these same vulnerabilities can also be useful for law enforcement and intelligence operations. It’s important to weigh many factors when the government decides what to do.

The Vulnerabilities Equities Process (VEP) is the U.S. government’s process for reviewing and coordinating the disclosure of new vulnerabilities learns about. The VEP remains shrouded in secrecy, and is in need of process reforms to ensure transparency, accountability, and oversight.

Read more about VEP reform

Other News

Fun with Physics and Virtual Reality


Learn how to bring real physics into A-Frame >>

An Abridged Cartoon Introduction To WebAssembly


Read what exactly it is about WebAssembly that makes it fast >>

Anjana Vakil: Immutable data structures for functional JS


Watch the video >>


đź’ˇ DevTools: Did you know?

Sharpen up your DevTools with our video tutorials about how to use the Debugger

Learn to use the Dev Tools Debugger >>


On MDN

    1. MediaQueryList
    2. MediaQueryListEvent
    3. Cross-browser testing

Posted in DevTools, May 2017 | Leave a comment

Quantum up close: what is a browser engine and how does it work?

Quantum Up Close: What is a browser engine and how does it work?

It’s pretty easy to see the browser as a single black box, sort of like a TV — data goes in, and the black box figures out what to display on the screen to represent that data. The question today is: How? What are the steps that turn data into the web pages we see?

Learn about Firefox’s browser engine

Other News

A-Frame Goes Mainstream with a little help from Nicolas Cage


Experience Nicolas Cage, viewed from a cage! >>

Debugger.html Call Stack Improvements


Read about debugger.html changes for the call stack display >>

Net Neutrality under attack: John Oliver explains what we can do to fight for it (warning: some profanity)


Watch the video >>


đź’ˇ DevTools: Did you know?

We have all the Firefox DevTools features fully documented on MDN

See the full feature set in the most updated DevTools >>


On MDN

    1. Introducing JavaScript Objects
    2. Use Add-ons to extend the Firefox Developer Tools
    3. An introduction to CSS layout

Posted in DevTools, Firefox, May 2017, Quantum | Leave a comment

May 4, 2017: Debugging web push in Firefox, Firefox 54 release notes, Project Quantum, Web Audio and Video API, and more

Debugging Web Push in Mozilla Firefox

One of the challenges with Web Push implementation issues is trying to figure out what went wrong. 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.

While this article can’t address all the reasons that a given Push message might fail, JR Conlin provides tools and guidance for the more common problems.

Read more about how to debug web push



Other News

See what’s coming in Firefox 54 in mid-June


Read the developer-focused release notes >>

Project Quantum: Taking the first steps at creating the fastest browser in the world


See what Project Quantum is about >>

Internet Privacy: The internet baggage you didn’t know you had


What you can do about government surveillance >>


đź’ˇ DevTools: Did you know?

Debug JavaScript with the Firefox DevTools JavaScript Debugger

Learn How to debug JavaScript in DevTools >>


On MDN

    1. Learn about video and audio APIs
    2. <input type=”range”>
    3. Learn about how to make your sites accessible to all

Posted in DevTools, Firefox, May 2017 | Leave a comment

April 27, 2017: WebAssembly: The Whole Story

WebAssembly: The Whole Story

WebAssembly (.wasm) is a new low-level, assembly-like language that can run in modern web browsers at near-native speeds. It is designed to work alongside JavaScript, and it provides a compilation target for languages like C/C++ so they can run on the web.

We put together a page to talk about what it is and how it’s used.

Read more about WebAssembly



Other News

Why is Rust the Most Loved Language by Developers?


Read about what’s loved by companies like Dropbox and Coursera >>

Fathom: a framework for understanding web pages


Fathom is a mini-language for writing semantic extractors. Learn more about it >>

3 CSS Grid Features that Make My Heart Flutter


Read more about Una’s love of CSS Grid >>


đź’ˇ DevTools: Did you know?

You can debug the Web Audio API using DevTools

Learn How to debug the Web Audio API >>


On MDN

    1. Async/Await in Firefox 52
    2. Global standard JavaScript objects by category
    3. Getting started with JavaScript: First steps

Posted in April 2017, DevTools | Tagged | Leave a comment

April 20, 2017: Behind-the-scenes with Firefox 53, plus big Dev Edition news

Firefox 53: Quantum Compositor, Compact Themes, CSS Masks, and More

Today’s release of Firefox includes the first significant piece of Project Quantum, as well as various visible and the under-the-hood improvements.

We’re building a next-generation browser engine that takes full advantage of modern hardware, and shipping one of the first important pieces of this effort – what we’ve referred to as the “Quantum Compositor”.

Read about what’s new in Firefox 53



Other News

Simplifying Firefox Release Channels and Improving Developer Edition’s Stability


Read about what’s changing in pre-release versions of Firefox >>

Replace Bootstrap Layouts with CSS Grid


See what it takes to replace an existing grid framework with CSS Grid >>

Hacking & Contributing to Servo On Windows


Why running Servo on Windows was so complicated… and how it’s now so simple >>


đź’ˇ DevTools: Did you know?

The Memory tool lets you take a snapshot of the current tab’s memory heap. It then provides a number of views of the heap that can show you which objects account for memory usage and exactly where in your code you are allocating memory

Read more about the Memory tool >>


On MDN

    1. Drawing graphics, from the Scalable Vector Graphics (SVG) language, to APIs for drawing on HTML <canvas> elements
    2. Just getting started? Check out common questions about the web
    3. Want to search MDN from your address bar? We have an add-on for that!

Posted in April 2017, DevTools, Quantum | Leave a comment

April 13, 2017: The All-JavaScript Edition

A Reintroduction to JavaScript

Why a reintroduction? Because JavaScript has become one of the most popular programming languages on the Web.

In this well-loved MDN article, we look at the history of JavaScript (aka ECMAScript, aka ES), where it is now, and where it’s going in the future.

Read More



Other News

JavaScript Basics


New to JS? This will get you comfortable with the concepts >>

ECMAScript 2015: Why It Took So Long, Allen Wirfs-Brock


The history, the present, and the future of ECMAScript >>

ES6 In Depth: Features of ES6 evaluated and described


Read all about ES6 >>


đź’ˇ DevTools: Did you know?

The JavaScript Debugger in Firefox Devtools

Read More about debugging JavaScript >>


On MDN

    1. Handling Common JavaScript Problems
    2. The Promise object is used for asynchronous computations. A Promise represents a value which may be available now, or in the future, or never.
    3. The MDN JavaScript Docs: if you didn’t find what you want in this email, see all the docs

Posted in April 2017 | Tagged | Leave a comment

April 6, 2017: What do you think? The Mozilla Developer Survey needs your thoughts

Mozilla Developer Survey: Can you spare 10 minutes?

We’re conducting a developer survey and need your thoughts. Please help us out by answering and sharing with other devs you know.

Take the Survey



Other News

A quick history of Firefox DevTools, by Patrick Brosset


See the evolution of DevTools >>

 

Learn to build Web Games using JavaScript


Check out the workshop >>

 

Mozilla volunteers are campaigning to increase Firefox Nightly use in India


Find out more >>

 


đź’ˇ DevTools: Did you know?

Take a screenshot! It copies directly to your clipboard for easy pasting.

Read more about what’s new in Firefox Developer Edition 54 >>


On MDN

    1. Get in touch with your stylus: PointerEvent.twist
    2. JavaScript error reference: TypeError: “x” is not a non-null object
    3. Getting Started: Understanding the Web

Some Upcoming Mozilla Developer Roadshow Events

Apr 06, 2017 – Atlanta, GA @ General Assembly

Apr 19, 2017 – Columbus, OH @ CBusJS

Apr 20, 2017 – Chicago, IL @ General Assembly

More dates and cities listed in the full calendar. Check the schedule-in-progress.

Posted in April 2017, Survey | Leave a comment