Featured Articles
-
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 developers to extend the gateway user interface. We’ve also added localisation settings so that you can choose your country, language, time zone and unit preferences.
-
Announcing the Bytecode Alliance: Building a secure by default, composable future for 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. Based on advances in the emerging WebAssembly community, founding members of the Alliance - Mozilla, Fastly, Intel, and Red Hat - believe we can make this vision real. And we invite others to join the collaboration.
-
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 offers an overview of what is available in this latest release.
-
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 elements are block by default, and others are inline. The display property enables switching between these states. With support currently available only in Firefox 70, it is too early to start using these two-value properties in production. However, they are important to be aware of, in terms of what they mean for CSS.
-
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 developers. These include DOM mutation breakpoints and inactive CSS rule indicators in the DevTools, several new CSS text properties, two-value display syntax, and JS numeric separators. In this article, we’ll take a closer look at some of the highlights!
-
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! fr units!) and missing IE11 support can make it scary. Don’t let that stop you. Miriam Suzanne offers some basic approaches you can put to work today.
-
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 by Firefox for Android, our vision was always to support cross-platform development once we shipped Firefox support. With the 3.2.0 release, you can finally use
web-ext
to truly build cross-platform extensions! -
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. 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 tricks that the new panel has up its sleeve.
-
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 video playlist from our summer tour, with talks on topics like Mixed Reality, WebAssembly, modern CSS, and more. Or register now for an upcoming Roadshow event in Asia.
-
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?