~/devreads

#developer tools

49 posts

3 Jun

22 May

21 May

1 May

27 Apr

Jordan Booker 4 min read

Previously, I showed how you can use JSDoc and jsconfig.json as a replacement for TypeScript style type checking — without a build step, no less. At the end of that post I teased an ESLint follow-up. And here we are, I’m happy you’re here. First Things First Before jumping in, I wanted to address a […] The post More on…

developer toolstypescripteslint

22 Apr

16 Mar

Patrick Bacon 5 min read

My experience with AI coding agents, like Claude Code, Codex CLI, or Augment Code’s Auggie has been that they are most effective when they can run autonomously, without frequent human intervention. In order to do that the AI needs permissions to make changes to the codebase, run tests, perform web searches, etc. Each AI coding […] The post How I…

developer toolsai agentclaudecodex

25 Feb

Abby Peterson 4 min read

Not too long ago, due to government funding issues, I was working on a project whose timeline had to be revisited. And part of the features we were going to get to before President Trump’s administration pulled funding was in-app reporting for the clients: a place where they could generate and export stats on specific […] The post A User’s…

developer toolsrepor

4 Dec 2024

25 Apr 2024

Stephen Hood 7 min read

When Mozilla’s Innovation group first launched the llamafile project late last year, we were thrilled by the immediate positive response from open source AI developers. It’s become one of Mozilla’s top three most-favorited repositories on GitHub, attracting a number of contributors, some excellent PRs, and a growing community on our Discord server. The post Llamafile’s progress, four months in appeared…

developer toolsfeatured articlefirefoxdiscordhugging face

23 Apr 2024

Alex Franchuk 20 min read

In this blog post, we delve into the motivations for choosing Rust for our crash reporter, outline the unique challenges of designing an application that operates when the main browser has failed, and discuss the new architecture we've implemented. We also share insights into the technical nuances of the implementation, demonstrating how Rust's features are leveraged to handle crashes more…

crash reportingdeveloper toolsfeatured articlefirefoxrust

12 Dec 2023

James Graham 3 min read

Puppeteer now supports the next-generation, cross-browser WebDriver BiDi standard. This new protocol makes it easy for web developers to write automated tests that work across multiple browser engines. The post Puppeteer Support for the Cross-Browser WebDriver BiDi Standard appeared first on Mozilla Hacks - the Web developer blog.

developer toolsfeatured articlefirefoxstandardstesting

31 Oct 2023

Bas Schouten 4 min read

To deliver against our vision and enable a better online experience for everyone, we’ve been working hard on making Firefox even faster. We’re extremely happy to report that this has resulted in a significant improvement in speed over the past year. The post Down and to the Right: Firefox Got Faster for Real Users in 2023 appeared first on Mozilla…

developer toolsfeatured articlefirefoxjavascriptbrowser

30 Mar 2023

1 Feb 2023

James Graham 7 min read

Interop 2022 showed significant improvements in the interoperability of multiple platform features, along with several cross-browser investigations that looked into complex, under-specified, areas of the platform where interoperability has been difficult to achieve. Building on this, we're pleased to announce Interop 2023, the next iteration of the Interop project. The post Announcing Interop 2023 appeared first on Mozilla Hacks -…

developer toolsfeatured articlefirefoxaccessibilityinterop

22 Nov 2022

14 Jun 2022

Aria Beingessner 19 min read

For the last year, we've been working on the development of rust-minidump, a pure-Rust replacement for the minidump-processing half of google-breakpad. The first in this two-part series explains what minidumps are, and how we made rust-minidump. The post Everything Is Broken: Shipping rust-minidump at Mozilla – Part 1 appeared first on Mozilla Hacks - the Web developer blog.

developer toolsfeatured articlefirefoxbreakpadgoogle

28 Apr 2022

Dan Brown 2 min read

The latest Common Voice dataset, released today, has achieved a major milestone: More than 20,000 hours of open-source speech data that anyone, anywhere can use. The dataset has nearly doubled in the past year. Mozilla’s Common Voice seeks to change the language technology ecosystem by supporting communities to collect voice data for the creation of voice-enabled applications for their own…

developer toolsfeatured articlemozillaaccessibilitycommon voice

30 Mar 2022

Jan Honza Odvarko 3 min read

In Firefox 98, we’re shipping a new version of the existing Performance panel. This panel is now based on the Firefox profiler tool that can be used to capture a performance profile for a web page, inspect visualized performance data and analyze it to identify slow areas. The post Performance Tool in Firefox DevTools Reloaded appeared first on Mozilla Hacks…

developer toolsfeatured articlefirefoxfirefox releasesdevelopers

1 Mar 2022

Hermina 5 min read

If you’ve accessed the MDN website today, you probably noticed that it looks quite different. We hope it’s a good different. Let us explain! In mid-2021 we started to think about modernizing MDN’s design, to create a clean and inviting website that makes navigating our 44,000 articles as easy as possible. We wanted to create a more holistic experience for…

developer toolsdocsfeatured articlefirefoxmdn

31 Jan 2022

Dan Brown 8 min read

Adetona Adewale Akeem, more popularly known as iSlimfit, is a Nigeria-born revered digital technologist and marketing expert. He is the co-founder of Menopays, a fintech startup offering another Buy Now Pay Later (BNPL) option across Africa. We chatted with him about founding Menopays and the impact of tech solutions developed in Nigeria. The post Hacks Decoded: Adewale Adetona appeared first…

appsdeveloper toolsfeatured articleafricahacks decoded

18 Jan 2022

Francesca Minelli 10 min read

If you’ve ever built anything with web technologies, you’re probably familiar with MDN Web Docs. With about 13,000 pages documenting how to use programming languages such as HTML, CSS and JavaScript, the site has about 8,000 people using it at any given moment. MDN relies on contributors to help maintain its ever-expanding and up to date documentation. We reached out…

developer toolsdocsfeatured articlemdnfirefox

8 Oct 2021

Ruth John 2 min read

Firefox 93 comes with lots of lovely updates including AVIF image format support, filling of XFA-based forms in its PDF viewer and protection against insecure downloads by blocking downloads relying on insecure connections. The post Lots to see in Firefox 93! appeared first on Mozilla Hacks - the Web developer blog.

developer toolsfeatured articlefirefoxjavascriptaria

13 Jul 2021

6 Apr 2021

Christian Holler 11 min read

We successfully deployed ThreadSanitizer in the Firefox project to eliminate data races in our remaining C/C++ components. In the process, we found several impactful bugs and can safely say that data races are often underestimated in terms of their impact on program correctness. We recommend that all multithreaded C/C++ projects adopt the ThreadSanitizer tool to enhance code quality. The post…

developer toolsfeatured articlefirefoxsecuritydata races

12 Jan 2021

Maja Frydrychowicz 5 min read

It’s clear that WebDriver needs to grow to meet the capabilities of DevTools-based automation. However, that process will take time, and we want more developers to be able to run their automated tests in Firefox today. To that end, we have shipped an experimental implementation of parts of CDP in Firefox Nightly, specifically targeting the use cases of end-to-end testing…

developer toolsfeatured articleweb developersfirefoxtesting

17 Dec 2020

Maja Frydrychowicz 9 min read

Testing web applications can be a challenge. At Mozilla, we see that as a call to action. With our commitment to building a better Internet, we want to provide web developers with the tools they need to build great web experiences – including great tools for testing. In this series of posts, we will explore the current web-application testing landscape…

developer toolsweb developersfirefoxstandardstesting

15 Dec 2020

Chris Mills 3 min read

As December ushers in the final curtain for this rather eventful year, there is time left for one more Firefox version to be given its wings. Firefox 84 includes some interesting new features including tab order inspection, complex selector support in :not(), the PerformancePaintTiming API, and more! The post And now for … Firefox 84 appeared first on Mozilla Hacks…

cssdeveloper toolsfeatured articlefirefoxfirefox releases

20 Oct 2020

Chris Mills 4 min read

As October ushers in the tail-end of the year, we are pushing Firefox 82 out the door. This time around we finally enable support for the Media Session API, provide some new CSS pseudo-selector behaviours, close some security loopholes involving the Window.name property, and provide inspection for server-sent events in our developer tools. The post Coming through with Firefox 82…

developer toolsfeatured articlefirefoxfirefox releasescss

9 Oct 2020

Chris Fallin 15 min read

This post will describe my recent work on Cranelift as part of my day job at Mozilla. In this post, I will set some context and describe the instruction selection problem. In particular, I’ll talk about a revamp to the instruction selector and backend framework in general that we’ve been working on. The post A New Backend for Cranelift, Part…

developer toolsfeatured articlefirefoxrustbytecode

28 Jul 2020

Florian Scholz 7 min read

Firefox 79 offers a new Promise method, more secure target=_blank links, logical assignment operators, tooling improvements for better JavaScript debugging, and many other updates of interest to web developers. In addition, shared memory is back at last, with a safer implementation. The post Firefox 79: The safe return of shared memory, new tooling, and platform updates appeared first on Mozilla…

developer toolsfeatured articlefirefoxfirefox releasesjavascript

5 May 2020

Chris Mills 6 min read

Firefox 76 delivers great new features for web platform support, such as Audio Worklets and Intl improvements, on the JavaScript side. Also, we’ve added a number of topnotch improvements to Firefox DevTools to make JavaScript debugging and development easier and quicker. The post Firefox 76: Audio worklets and other tricks appeared first on Mozilla Hacks - the Web developer blog.

developer toolsfeatured articlefirefoxfirefox releasesjavascript

21 Apr 2020

Bastien Abadie 6 min read

Here's an insider's look at Firefox's code quality toolchain that's been designed to manage the ongoing development and monthly releases of our desktop browser. This post explores the architecture, challenges, and ongoing evolution of the process for managing code quality and patches for dealing with 21 million lines of code. The post Engineering code quality in the Firefox browser: A…

developer toolsfirefoxfirefox development highlights

7 Apr 2020

Chris Mills 10 min read

Firefox 75 is chock full of handy new dev tooling: instant evaluation in the web console, event breakpoints for WebSockets, and more. New web platform features include HTML lazy loading for images, the CSS min(), max(), and clamp() functions, public static class fields, and additions to Web Animations API support. The post Firefox 75: Ambitions for April appeared first on…

featured articlefirefoxfirefox releasescssdeveloper tools

10 Mar 2020

Chris Mills 7 min read

The release of Firefox 74 is focused on security enhancements: Feature Policy, the Cross-Origin-Resource-Policy header, and removal of TLS 1.0/1.1 support. We’ve also got some new CSS text property features, the JS optional chaining operator, and additional 2D canvas text metric features, along with the usual wealth of DevTools enhancements and bug fixes. The post Security means more with Firefox…

developer toolsfeatured articlefirefoxfirefox development highlightssecurity

4 Mar 2020

Jim Blandy 16 min read

Optimizing the integration of Firefox Developer Tools with the SpiderMonkey JavaScript engine has resulted in many benefits, including the new asynchronous call stack tracking now available in Firefox Developer Edition. In this post you can learn how that was done, down to detailed changes to memory management. The post Future-proofing Firefox’s JavaScript Debugger Implementation appeared first on Mozilla Hacks -…

developer toolsfeatured articlefirefoxjavascriptdebugging

11 Feb 2020

Chris Mills 4 min read

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 and the Debugger, and improved the WebSocket inspector. Thanks to all for the ongoing DevTools feedback. The post Firefox 73 is upon us appeared first on Mozilla Hacks - the…

cssdeveloper toolsfirefoxfirefox releasesjavascript

7 Jan 2020

Chris Mills 7 min read

Though we are moving to a more frequent four-week browser release cycle, the Firefox 72 release is feature-rich and full of goodies. It includes many requested DevTools' updates and improvements. We also introduce Shadow Parts and the CSS Motion Path, and useful new JavaScript features. Plus, Picture-in-picture for video is now enabled for Mac and Linux users too! The post…

cssdeveloper toolsfirefoxfirefox releasesjavascript

17 Dec 2019

Eduardo Bouças 4 min read

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. Mozilla WebThings continued to engage attention and adoption. And interest in Firefox releases and Firefox DevTools was stronger than ever. Read on. The post Mozilla Hacks’ 10 most-read posts of…

abouthacksdeveloper toolsfeatured articlefirefoxmozilla

10 Dec 2019

Miriam Budayr 3 min read

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 of breakpoint that provide an answer to that question. They are new in the updated Debugger, available now in the Firefox 72 Developer Edition release. The post Debugging Variables With…

developer toolsfeatured articlefirefoxfirefox releasesbreakpoints

3 Dec 2019

Chris Mills 9 min read

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 on events, and network panel full text search! And as if that wasn’t enough, there are important new web platform features available, like CSS subgrid, column-span, Promise.allSettled, and the Media…

developer toolsfeatured articlefirefoxfirefox releasescss

29 Oct 2019

Marco Zehe 6 min read

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 offers an overview of what is available in this latest release. The post Auditing For Accessibility Problems With Firefox Developer Tools appeared first on Mozilla Hacks - the Web developer…

developer toolsfeatured articleweb developer toolboxa11yaccessibility

21 Oct 2019

15 Oct 2019

Jan Honza Odvarko 3 min read

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. To use the inspector now, download Firefox Developer Edition, and open the DevTools’ Network panel to find the Messages tab. Then, keep reading to learn more about WebSockets and the…

developer toolsfeatured articlefirefoxjavascriptweb apis

1 Oct 2019

Miriam Suzanne 1 min read

Today we’re launching a new video channel, with a selection of shorts to kick things off. Get started with an intro to Dark Mode on the web, by Deja Hodge. Then, Jen Simmons shows us how to access a handy third-panel in the Firefox Developer Tools. Miriam Suzanne has a video all about the ::marker pseudo-element and list counters. No…

cssdeveloper toolsfeatured articlefirefoxhtml

30 Sept 2019

Harald Kirschner (digitarald) 2 min read

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 your app to as many users as possible. Testing legacy browsers late in the development process can break a feature that you spent hours on, even requiring rewrites to fix.…

developer toolsfeatured articleweb developersadd-onswebhint

5 Sept 2019

Jan Honza Odvarko 4 min read

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, did you know that you can also use Firefox to debug your TypeScript applications? Jan 'Honza' Odvarko walks through some real world examples. The post Debugging TypeScript in Firefox DevTools…

developer toolsfeatured articlefirefoxjavascriptdebugger

3 Sept 2019

Chris Mills 6 min read

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 Observer and Microtask APIs, CSS logical overflow properties (e.g. overflow-block) and @supports for selectors. The post Firefox 69 — a tale of Resize Observer, microtasks, CSS, and DevTools appeared first…

cssdeveloper toolsfeatured articlefirefoxfirefox releases

16 May 2019

Harald Kirschner (digitarald) 5 min read

Script debugging is one of the most powerful and complex productivity features in the web developer toolbox. Done right, it empowers developers to fix bugs quickly and efficiently. The DevTools Debugger team – with help from our tireless developer community – has just landed updates that significantly improve performance and reliability. The post Faster smarter JavaScript debugging in Firefox DevTools…

developer toolsfeatured articlefirefoxfirefox releasesperformance