Focus with GeckoView

Firefox Focus is a mobile app for ad-free, private browsing. Next week, we’ll release version 7.0 of Focus for Android, and for the first time, Focus will come bundled with Gecko, the browser engine that powers Firefox Quantum. You can help us test Gecko in Focus today by installing the Focus Beta.
The post Focus with GeckoView appeared first on Mozilla Hacks – the Web developer blog.

Link: https://hacks.mozilla.org/2018/09/focus-with-geckoview/

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.

Link: https://hacks.mozilla.org/2018/09/make-your-web-layouts-bust-out-of-the-rectangle-with-the-firefox-shape-path-editor/

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.

Link: https://hacks.mozilla.org/2018/09/variable-fonts-arrive-in-firefox-62/

The Ecological Impact of Browser Diversity

Early in my career when I worked at agencies and later at Microsoft on Edge, I heard the same lament over and over: “Argh, why doesn’t Edge just run on Blink? Then I would have access to ALL THE APIs I want to use and would only have to test in one browser!"
Let me be clear: an Internet that runs only on Chrome’s engine, Blink, and its offspring, is not the paradise we like to imagine it to be.…
The post The Ecological Impact of Browser Diversity appeared first on CSS-Tricks.

Link: https://css-tricks.com/the-ecological-impact-of-browser-diversity/

Firefox Multi-Account Containers

It’s an extension:
Each Container stores cookies separately, so you can log into the same site with different accounts and online trackers can’t easily connect the browsing.
A great idea for a feature if you ask me. For example, I have two Buffer accounts and my solution is to use different browsers entirely to stay logged into both of them. I know plenty of folks that prefer the browser version of apps like Notion, Front, and Twitter…
The post Firefox Multi-Account Containers appeared first on CSS-Tricks.

Link: https://blog.mozilla.org/firefox/introducing-firefox-multi-account-containers/

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 &#8212 till now. The team also worked on adding a more fluid transition when dynamic themes change, to allow for a smoother user experience.

Link: https://hacks.mozilla.org/2018/07/dark-theme-darkening-better-theming-for-firefox-quantum/

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.

Link: https://hacks.mozilla.org/2018/06/firefox-61-quantum-of-solstice/

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.

Link: https://hacks.mozilla.org/2018/06/retained-display-lists/