New In DevTools, Firefox 106, DuckDuckGo for Mac beta, Safari TP 156, Ember 4.8, Node 19, and more | Front End News #080

New In DevTools, Firefox 106, DuckDuckGo for Mac beta, Safari TP 156, Ember 4.8, Node 19, and more | Front End News #080

NOTE: This is issue #080 of my newsletter, which went live on Monday, October 24th. If you find this information useful and interesting and you want to receive future issues as they are published, ahead of everyone else, I invite you to join the subscriber list at frontendnexus.com.


There is a new roundup of the changes and improvements that landed in your browser devtools. Firefox 106 brings improved privacy and the option to edit PDF files. Mac users can now protect their privacy online with DuckDuckGo for Mac beta or test the upcoming changes in WebKit with Safari Technology Preview 156. The highlights of the release section are Ember 4.8 and Node 19. And the resources of the week are a mix of utilities and icons.


What’s New In DevTools: Halloween Edition

Many CSS features have become widespread this year, as browser vendors worked on improving intercompatibility. The developer tools had to keep pace to help you make the best of these new technologies.

But not everyone checks the release notes for browser updates. This is where the latest roundup published by Smashing Magazine comes to the rescue. As the previous article on this topic was way back in January, there is a lot of catching up to do.


Browser news

DuckDuckGo

Apple users can now protect their privacy more, as DuckDuckGo for Mac beta is now open to the public. You can avoid tracking while watching YouTube with the new Duck Player, enjoy Email Protection, and a lot more.

Firefox

Firefox 106 rolled out on October 18, bringing the option to edit PDF files or to pin private windows directly to the taskbar. Under the hood, there are improved WebRTC capabilities and many security fixes.

WebKit

Safari Technology Preview 156 is now available for download. This update brings a long list of fixes, updates, and improvements, which you can check in the official release notes below.


Software updates and releases


Front End Resources

  • Conic.css - Nice, simple conic gradients
  • Doodad.dev - Tools for making websites fast, expressive, accessible, and green
  • Lucide - Beautiful & consistent icon toolkit made by the community
  • Mesher - CSS mesh gradients generator
  • Randoma11y - Get random, accessible color combinations
  • Ray.so - Create beautiful code images
  • SVG Crop - Remove blank space from around any SVG

There's more where that came from. Explore the rest of the Front End Resource collection.


Wrapping things up

Ukraine is still suffering from the Russian invasion - if you are looking for ways to help, please check Smashing Magazine's article We All Are Ukraine 🇺🇦 or get in touch with your trusted charity.

If you enjoyed this newsletter, there are a couple of ways to support it:

Each of these helps me out, and I would appreciate your consideration.

That's all I have for this issue. Have a great and productive week, keep yourselves safe, spend as much time as possible with your loved ones, and I will see you again next time!