Web Developers Articles
Version 100 in Chrome and Firefox
Chrome and Firefox will reach version 100 in a couple of months. This has the potential to cause breakage on sites that rely on identifying the browser version to perform business logic. This post covers the timeline of events, the strategies that Chrome and Firefox are taking to mitigate the impact, and how you can help.
Hopping on Firefox 91
August is already here, which means so is Firefox 91! For developers, Firefox 91 supports the Visual Viewport API and Intl.DateTimeFormat object additions.
Improving Cross-Browser Testing, Part 2: New Automation Features in Firefox Nightly
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 using Google’s Puppeteer, and the CDP-based features of Selenium 4.
Improving Cross-Browser Testing, Part 1: Web Application Testing Today
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 and explain what Firefox is doing today to allow developers to run more kinds of tests in Firefox.
To Eleventy and Beyond
Upcoming notification permission changes in Firefox 72
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 part of Mozilla's commitment to putting people first when they are online. In preparation, we ran a series of studies and experiments to understand how to improve the user experience and reduce annoyance. Now we're making some changes to the workflow for how sites ask users for permission to send them notifications.
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 loading? The font editor in Firefox provides answers and insights, and gives you the ability to make font changes directly, with a live preview.
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 easy and too hard, too fragile and too resilient. Love it or hate it, CSS is weird: not quite markup, not quite programming in the common (imperative) sense, and nothing like the design programs we use for print. How did we get here?
Video Shorts from Mozilla Developer
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
::markerpseudo-element and list counters. No matter your experience level or job description, we’re all working together towards the future health of the web, and Mozilla is here to help.
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 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. What if the tools in your primary development browser could warn you sooner? With Webhint in Firefox DevTools, we can do exactly that, and more.