Firefox Releases Articles
-
Firefox 63 – Tricks and Treats!
Firefox 63 comes with some long-awaited treats: an implementation of web components, including custom elements and the shadow DOM. Potch also covers the Fonts Editor, the associated font panel in the Firefox DevTools Inspector, and reduced motion preferences in CSS.
-
Firefox Focus with GeckoView
Firefox Focus is a mobile app for ad-free, private browsing. The upcoming release of Focus for Android will come bundled with Gecko, the browser engine that powers Firefox Quantum. Help us test Gecko in Focus today by installing the Focus Beta.
-
Firefox 62 – Tools Cool for School!
From the new Firefox Shape Path Editor, which lets floated content sculpt the flow of content, to the Variable Fonts, which enable fine-grained adjustment of font rendering, to more efficient Firefox Dev Tools view options, Firefox 62 delivers a cornucopia of features.
-
Make your web layouts bust out of the rectangle with the Firefox Shape Path Editor
CSS Shapes lets your web designs break out of the rectangular grid. Using a new CSS standard, text can flow, images can be rounded, even just a few non parallel lines can make your site stand out and make your brand distinctive. With the Shape Path Editor in Firefox 62 you can visually edit the shape directly from the CSS inspector, using Firefox Developer Tools to select the element whose shape you want to modify.
-
Variable Fonts Arrive in Firefox 62
Firefox 62 adds support for Variable Fonts, an exciting new technology that makes it possible to create beautiful typography with a single font file. Variable fonts are now supported in all major browsers. And because great features deserve great tools, we’re hard at work building an all new Font Editor into the Firefox DevTools for Firefox 63. Or check it out today in Firefox Nightly.
-
Dark Theme Darkening: Better Theming for Firefox Quantum
A team of computer science students from Michigan State University's capstone program went to work on Firefox Quantum’s Theming API. Their goal: Expand upon the existing “lightweight” Theming API in Quantum to allow for more areas of customization. Themes had the ability to alter the appearance of the default toolbars, but did not have the ability to style menus, or customize auto-complete popups -- till now. The team also worked on adding a more fluid transition when dynamic themes change, to allow for a smoother user experience.
-
Firefox 61 – Quantum of Solstice
Firefox 61 is now available, bringing new performance improvements that make the fox faster than ever! We're keen on the Retained Display Lists feature to improve performance while an interactive page is painted; the Accessibility Inspector baked in to our tooling to support assistive technology users; more powerful tab management for power users; and many more Dev Tools updates and enhancements.
-
Retained Display Lists for improved page performance
Display list building is the process in which we collect the set of high-level items to display on screen (borders, backgrounds, text and much more), and then sort the list, according to CSS painting rules, into the correct back-to-front order. By retaining the display list and only reloading the assets that have changed since first paint, we are able to optimize painting performance especially for highly interactive pages. Look for this feature in this week's release of Firefox 61.
-
New in Firefox 61: Developer Edition
The latest release -- Firefox 61 Developer Edition -- comes with a darker dark theme, more powerful and customizable developer tools, the new Accessibility Inspector, and numerous performance improvements like better CSS stylesheet parsing and improved time to first paint.
-
Debugging Modern Web Applications
The Firefox Dev Tools team released an upgrade to the debugger’s source map support. It lets you inspect the code that you actually wrote. Combined with the ongoing work to provide first-class JS framework support across all Firefox devtools, these advances boost productivity for web app developers working in frameworks like React, Angular, and Ember and with modern tools like Webpack, Babel, and PostCSS.