Powered by a new, cutting-edge engine, Firefox has doubled its speed from last year. Because the Internet waits for no one.
Lean, mean speed machine
Firefox Quantum’s new engine uses 30% less memory than Chrome, so other programs won’t slow down during browsing. Now that’s a win-win.
Beautiful, intelligent design
Hello, gorgeous! Firefox’s sleek, new look comes loaded with intuitive features like in-browser screenshots and more.
Search across multiple sites, view your top pages and discover new content.
You’re in control of your online information. Use Firefox Private Browsing to block ads with trackers for extra peace of mind… and pages that load up to 44% faster.
Browse for good
Firefox 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.
Enjoy everything you’ve saved to Firefox while browsing in one, easy place.
Personalize Firefox with your favorite extras that help you do you.
Access your bookmarks, open tabs and passwords across all your devices.
Shape Up Your Floats
CSS Shapes lets a floated element sculpt the flow of content around it beyond the classic rectangular bounding box we’ve been constrained to. For instance, in the above screenshot and linked demo, the text is wrapping to the shape of the grapes vs the image’s border. There are properties for basic shapes all the way up to complex polygons. 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.
You can learn more in Josh Marinacci’s post on the new CSS Shapes tooling from yesterday.
Variable Fonts Are Here
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. 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. 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 the candy-store possibilities for typography nerds, being able to serve a single file with multiple variants is a major page weight savings. Dan Callahan goes much deeper on the grooviness to be found and how Firefox makes it easy to tweak these new custom values.
The Developer Toolbar was an alternate command repl input in the Firefox Developer tools, apart from the Web Console. I say “was” because as of Firefox 62, it has been removed. It was always a bit hard to find and not as well-advertised as it could be, but did encapsulate some powerful commands. 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.
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. The screenshot command is now available as :screenshot in the Web Console. For example, have you ever needed a high-res screenshot of a page for print? You can specify a higher pixel density for a screenshot via the command: :screenshot --dpr 4
There are a bunch of other options as well, such as specifying output filenames, capture delays, and selector-cropped screenshots. Eric Meyer wrote a great primer on the power of :screenshot on his blog, and it will change your page capture game.
Mo’ Pixels, Mo’ Panels
Do you have a 4k monitor? Do your browser windows bathe in a wash of ample screen real-estate? Let your devtools stretch their legs with a new 3-column mode in the Page Inspector. You can now pop the CSS Rules view into its own column, to let you view style information and the excellent Grid tooling or Animations panel side-by-side.
The latest version of Mozilla’s Firefox browser, out now for Windows, macOS, Linux and Android, now blocks third-party tracking cookies and cryptominers by default.
- The developer tools accessibility panel now includes an audit for keyboard accessibility
- The developer tools accessibility panel now includes a color deficiency simulator for systems with WebRender enabled
- When focused on a toolbar button, users can now type the first (or first few) characters of another button's name to jump directly to that button.
- Inactive CSS: The Inspector now grays out CSS declarations that don’t affect the selected element and shows a tooltip explaining why.
- macOS: Vastly reduced power consumption with a more efficient compositor
- Built-in Firefox pages now follow the system dark mode preference
- WebRender enabled by default for Windows desktops with Integrated Intel graphics for Low Resolution devices
- Aliased theme properties have been removed, which may affect some themes
- The Firefox Accounts toolbar menu has been updated and reorganized to give faster access to account features and services.
- Write snippets of code and iterate on them faster in the WebConsole with the
- new multi-line editor mode. The Enter key adds new lines like in a regular editor. Evaluate with Ctrl + Enter (Cmd + Enter on OSX).
- Firefox now supports the CSS properties "text-decoration-thickness" and "text-underline-offset", which let web developers control the position and size of text decoration lines.
- Firefox now supports the CSS property "text-decoration-skip-ink", which (by default) makes underlines and overlines skip over any text that they intersect, to improve readability.
- DOM Breakpoints in Developer Tools allows diagnose with code in a page changes a specific DOM node, including the node's children
Software similar to Mozilla Firefox for Mac 3
Experience the web, Apple style, with Safari: the fastest, easiest-to-use web browser in the world.
Chrome combines a minimal design with sophisticated technology to make the web faster, safer, and easier.
Legacy Opera 12 is the latest revision of the browser that used the Presto layout engine.