WebThings Gateway Goes Global

A walkthrough of what's new in the WebThings Gateway 0.11 release, which lets you build your own web things with the latest WebThings Framework libraries. The biggest change in this ... | Continue reading


@hacks.mozilla.org | 4 years ago

Firefox 73 is upon us

Today we’ve released Firefox 73, with useful additions that include CSS and JavaScript updates, and numerous DevTools improvements. We’ve added to CSS logical properties, pushed performance forward in the Console ... | Continue reading


@hacks.mozilla.org | 4 years ago

It’s the Boot for TLS 1.0 and TLS 1.1

The Transport Layer Security (TLS) protocol is the de facto means for establishing security on the Web. The newest version, TLS 1.3, improves efficiency and remedies the flaws and weaknesses ... | Continue reading


@hacks.mozilla.org | 4 years ago

The Mozilla Developer Roadshow: Asia Tour Retrospective and 2020 Plans

November 2019 was a busy month for the Mozilla Developer Roadshow, with stops in five Asian cities —Tokyo, Seoul, Taipei, Singapore, and Bangkok. Today, we’re releasing a playlist of the ... | Continue reading


@hacks.mozilla.org | 4 years ago

We Built Picture-in-Picture in Firefox Desktop with More Control over Video

A behind-the-scenes look at the evolution of the Picture-in-Picture player for the Firefox Desktop browser. This feature is now available for MacOS, Linux and Windows users. From the beginning, it's ... | Continue reading


@hacks.mozilla.org | 4 years ago

A crash course in just-in-time (JIT) compilers (2017)

This is the second part in a series on WebAssembly and what makes it fast. If you haven’t read the others, we recommend starting from the beginning. JavaScript started out ... | Continue reading


@hacks.mozilla.org | 4 years ago

Firefox 72 – our first song of 2020

2020 is upon us, folks. We'd like to wish everyone reading this a happy new year, wherever you are. As you take your first steps of the new year, figuring out what your next move is, you may find it comforting to know that there's a new Firefox release to try out! Version 72 to b … | Continue reading


@hacks.mozilla.org | 4 years ago

What Are the Top Frustrations for Web Developers? Lessons from MDN's Web DNA

The first annual MDN Developer Needs Assessment aims to represent the voices of developers and designers working on the web. We've analyzed the data provided by more than 28,000 completed ... | Continue reading


@hacks.mozilla.org | 4 years ago

Mozilla Hacks’ 10 most-read posts of 2019

Mozilla Hacks covered plenty of interesting territory in 2019. Our most popular posts introduced experiments and special projects, and described the evolution of groundbreaking platform technologies like WebAssembly and WASI. ... | Continue reading


@hacks.mozilla.org | 4 years ago

Debugging Variables with Watchpoints in Firefox 72

Have you ever wanted to know where properties on objects are read or set in your code, without having to manually add breakpoints or log statements? Watchpoints are a type ... | Continue reading


@hacks.mozilla.org | 4 years ago

Firefox 71: First Out of the Gate With Subgrid

Please welcome Firefox 71 to the stage! This time around, we have a plethora of new developer tools features including the web socket message inspector, console multi-line editor mode, log ... | Continue reading


@hacks.mozilla.org | 4 years ago

DeepSpeech 0.6: Mozilla

The Machine Learning team at Mozilla continues work on DeepSpeech, an automatic speech recognition (ASR) engine which aims to make speech recognition technology and trained models openly available to developers. ... | Continue reading


@hacks.mozilla.org | 4 years ago

Using WebAssembly from .NET with Wasmtime

How to use Wasmtime in a .NET application to load and execute WebAssembly code. | Continue reading


@hacks.mozilla.org | 4 years ago

Firefox 71

Please welcome Firefox 71 to the stage! This time around, we have a plethora of new developer tools features including the web socket message inspector, console multi-line editor mode, log ... | Continue reading


@hacks.mozilla.org | 4 years ago

Creating UI Extensions for WebThings Gateway

Version 0.10 of Mozilla’s WebThings Gateway brings support for extension-type add-ons. Released last week, this powerful new capability lets developers modify the user interface (UI) to their liking with JavaScript ... | Continue reading


@hacks.mozilla.org | 4 years ago

Multi-Value All the Wasm

Multi-value is a proposed extension to core WebAssembly that enables functions to return many values, among other things. It is also a prerequisite for Wasm interface types. Nick Fitzgerald has ... | Continue reading


@hacks.mozilla.org | 4 years ago

Thermostats, Locks and Extension Add-Ons – WebThings Gateway 0.10

Today we are releasing WebThings Gateway 0.10. This new release comes with support for thermostats and smart locks, as well as an updated add-ons system including extension add-ons, which enable ... | Continue reading


@hacks.mozilla.org | 4 years ago

Notification Permission Changes for Firefox

Earlier this year we decided to reduce the amount of unsolicited notification permission prompts people receive as they move around the web using the Firefox browser. This is an intrinsic ... | Continue reading


@hacks.mozilla.org | 4 years ago

Announcing Bytecode Alliance, Secure by-default WebAssembly

Lin Clark introduces the Bytecode Alliance, and uses Code Cartoon illustrations to share their vision of a WebAssembly ecosystem that is secure by default, fixing cracks in today’s software foundations. ... | Continue reading


@hacks.mozilla.org | 4 years ago

Auditing for Accessibility Problems with Firefox Developer Tools

In Firefox 70, the Accessibility Inspector has become an auditing facility to help identify and fix many common mistakes and practices that reduce site accessibility. In this post, Marco Zehe ... | Continue reading


@hacks.mozilla.org | 4 years ago

From Js13kGames to MozFest Arcade: A Game Dev Web Monetization Story

This is a case study in the making: how js13kGames, an online “code golf” competition for web game developers, tried out Web Monetization this year. And ended up at the ... | Continue reading


@hacks.mozilla.org | 4 years ago

The two-value syntax of the CSS Display property

The display CSS property is how we change the formatting context of an element and its children. One of the first things you will learn about CSS is that some ... | Continue reading


@hacks.mozilla.org | 4 years ago

Firefox 70 – a bountiful release for all

Firefox 70 is released today, and includes great new features such as secure password generation with Lockwise and the new Firefox Privacy Protection Report, as well as cool additions for ... | Continue reading


@hacks.mozilla.org | 4 years ago

Quickly Alter Typography with Firefox Font Editor

Have you ever landed on a web page and wondered what fonts are being used? Have you asked yourself where those fonts come from or why a particular font isn't ... | Continue reading


@hacks.mozilla.org | 4 years ago

Faster Layouts with CSS Grid (and Subgrid)

CSS Grid has been available in most major browsers since early 2017, and it makes web layout more powerful than ever before. But complex-looking new syntax (line-names! grid-areas! minmax! fit-content! ... | Continue reading


@hacks.mozilla.org | 4 years ago

Developing cross-browser extensions with web-ext 3.2.0

The web-ext tool was created at Mozilla to help you build browser extensions faster and more easily. Although our first launch focused on support for the desktop Firefox browser, followed ... | Continue reading


@hacks.mozilla.org | 4 years ago

Firefox’s New WebSocket Inspector

The Firefox DevTools team and our contributors were hard at work over the summer, getting Firefox 70 jam-packed with improvements. We are especially excited about our new WebSocket inspection feature. ... | Continue reading


@hacks.mozilla.org | 4 years ago

Mozilla Hacks – Why Is CSS So Weird

CSS is the design language of the web — one of three core web languages — but it also seems to be the most contentious and often perplexing. It's too ... | Continue reading


@hacks.mozilla.org | 4 years ago

The Mozilla Developer Roadshow Talks: Firefox, WebAssembly, CSS, WebXR and More

The Mozilla Developer Roadshow program launched in 2017 with the goal of bringing expert speakers and web technology updates to local communities through free events and partnerships. Check out the ... | Continue reading


@hacks.mozilla.org | 4 years ago

Why Is CSS So Weird?

CSS is the design language of the web — one of three core web languages — but it also seems to be the most contentious and often perplexing. It's too ... | Continue reading


@hacks.mozilla.org | 4 years ago

WebHint in Firefox DevTools: Improve Compatibility, Accessibility and More

Creating experiences that look and work great across different browsers is one of the biggest challenges on the web. It can also be the most rewarding part, as it gets ... | Continue reading


@hacks.mozilla.org | 4 years ago

Exploring Collaboration and Communication with Mozilla Hubs

As we look at advancements in mixed reality like the WebXR API, we are able to explore ways to feel more present with others through technology. Hubs by Mozilla is ... | Continue reading


@hacks.mozilla.org | 4 years ago

Firefox moving to 4 week releases

Building and releasing a browser is complicated and involves many players. To optimize the process, and make it more reliable for all users, over the years we’ve developed a phased ... | Continue reading


@hacks.mozilla.org | 4 years ago

Caniuse and MDN compatibility data collaboration

Today we’re announcing the integration of MDN’s compat data into the caniuse website. Together, we’re bringing even more web compatibility information into the hands of web developers. | Continue reading


@hacks.mozilla.org | 4 years ago

Debugging TypeScript in Firefox DevTools

Firefox Debugger has evolved into a fast and reliable tool chain over the past several months and it’s now supporting many cool features. Though it's primarily used to debug JavaScript, ... | Continue reading


@hacks.mozilla.org | 4 years ago

Debugging WebAssembly

WebAssembly has begun to establish itself outside of the browser via dedicated runtimes like Mozilla’s Wasmtime and Fastly’s Lucet. While the promise of a new, universal format for programs is ... | Continue reading


@hacks.mozilla.org | 4 years ago

Firefox 69 – A Tale of Resize Observer, Microtasks, CSS, and DevTools

For our latest excellent adventure, we’ve gone and cooked up a new Firefox release. Version 69 features a number of great new additions including JavaScript public instance fields, the Resize ... | Continue reading


@hacks.mozilla.org | 4 years ago

The Baseline Interpreter: A Faster JavaScript Interpreter in Firefox 70

Modern web applications load and execute a lot more JavaScript code than they did just a few years ago. While JIT (just-in-time) compilers have been very successful in making JavaScript ... | Continue reading


@hacks.mozilla.org | 4 years ago

WebAssembly Interface Types: Interoperate with All the Things

People are excited about running WebAssembly outside the browser. People are also excited about running WebAssembly from languages like Python, Ruby, and Rust. Lin Clark's Code Cartoons are back, illustrating ... | Continue reading


@hacks.mozilla.org | 4 years ago

Using WebThings Gateway notifications as a warning system for your home

The WebThings Gateway 0.9 release lets you set up a number of different notification mechanisms including emails, apps, and text messages. In this post James Hobin shows how to set ... | Continue reading


@hacks.mozilla.org | 4 years ago

New CSS Features in Firefox 68

Firefox 68 landed earlier this month with a bunch of CSS additions and changes. In this blog post Rachel Andrew takes a look at some of the things you can ... | Continue reading


@hacks.mozilla.org | 4 years ago

WebThings Gateway for Wireless Routers – Mozilla Hacks – The Web Developer Blog

The Mozilla IoT team has been working on evolving WebThings Gateway into a full software distribution for consumer wireless routers. Today, with the 0.9 release, we’re happy to announce the ... | Continue reading


@hacks.mozilla.org | 4 years ago

MDN’s First Annual Web Developer and Designer Survey

Today we are launching our first annual MDN Developer & Designer Needs Survey. Web developers and designers, we urge you to participate! This is your opportunity to tell us about ... | Continue reading


@hacks.mozilla.org | 4 years ago

A crash course in memory management

This is the first article in a 3-part series of code cartoons that explore SharedArrayBuffers in JavaScript and how they are used. To understand why ArrayBuffer and SharedArrayBuffer were added ... | Continue reading


@hacks.mozilla.org | 4 years ago

Add-Ons Outage Post-Mortem Result

We've been conducting an ongoing post-mortem on the add-ons outage that occurred earlier this year. There was a lot more digging to do than we expected. In addition to this ... | Continue reading


@hacks.mozilla.org | 4 years ago

Testing Picture-in-Picture for Videos in Firefox 69 Beta and Developer Edition

Have you ever needed to leaf through a recipe while also watching a cooking video? Or perhaps you wanted to watch a recording of a lecture while also looking at the course slides. Or maybe you wanted to watch somebody stream themselves playing videogames while you work. | Continue reading


@hacks.mozilla.org | 4 years ago

Firefox 68: BigInts, Contrast Checks, and the QuantumBar

Firefox 68 is available today, sporting support for big integers, whole-page contrast checks checks for accessibility, and a completely new implementation of a core Firefox feature: the ever-awesome URL bar. ... | Continue reading


@hacks.mozilla.org | 4 years ago

The whole web at maximum FPS: How WebRender gets rid of jank

The Firefox Quantum release is getting close. It brings many performance improvements, including the super fast CSS engine that we brought over from Servo. But there’s another big piece of ... | Continue reading


@hacks.mozilla.org | 4 years ago