

One of the last commands to be migrated is screenshot, which is a power-user version of the “take a screenshot” button available in the devtools UI. Most of these commands have been progressively migrated elsewhere in the devtools, and this is wrapped up in Firefox 62, so we’ve removed the toolbar altogether. It was always a bit hard to find and not as well-advertised as it could be, but did encapsulate some powerful commands. I say “was” because as of Firefox 62, it has been removed. The Developer Toolbar was an alternate command repl input in the Firefox Developer tools, apart from the Web Console. Dan Callahan goes much deeper on the grooviness to be found and how Firefox makes it easy to tweak these new custom values. In addition to the candy-store possibilities for typography nerds, being able to serve a single file with multiple variants is a major page weight savings. These can be standard variations like font weight (font weight 536 looks right? no problem!) or things that were never previously available via CSS (x-height! serif-size!). In addition to being in one file, font creators can expose any number of variation axes that give developers fine-grained control on how a font is rendered. No punny title, I’m just excited! OpenType Font Variations allow a single font file to contain multiple instances of the same font, encoding the differences between instances.

You can learn more in Josh Marinacci’s post on the new CSS Shapes tooling from yesterday. There are of course great docs on all of this, but Firefox 62 also includes new tooling to both inspect and visually manipulate CSS Shapes values. There are properties for basic shapes all the way up to complex polygons. For instance, in the above screenshot and linked demo, the text is wrapping to the shape of the grapes vs the image’s border. Personalize Firefox with your favorite extras that help you do you.Īccess your bookmarks, open tabs and passwords across all your devices.ĬSS Shapes lets a floated element sculpt the flow of content around it beyond the classic rectangular bounding box we’ve been constrained to. Use Firefox Private Browsing to block ads with trackers for extra peace of mind… and pages that load up to 44% faster.įirefox is backed by the non-profit Mozilla, who keeps the Internet healthier through programs that support tech education for girls, create trust around factual news, bring civility to the comments section and more.Įnjoy everything you’ve saved to Firefox while browsing in one, easy place. You’re in control of your online information. Search across multiple sites, view your top pages and discover new content. Hello, gorgeous! Firefox’s sleek, new look comes loaded with intuitive features like in-browser screenshots and more.

Because the Internet waits for no one.įirefox Quantum’s new engine uses 30% less memory than Chrome, so other programs won’t slow down during browsing. Powered by a new, cutting-edge engine, Firefox has doubled its speed from last year.
