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.
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 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.
- Firefox 106 Release Notes
- Firefox 106 for developers
- Privacy online just got easier with today’s Firefox release
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
- lowdb v5.0.0 - Simple to use local JSON database
- Mocha v10.1.0 - Test framework for Node & browser
- Node.js 19 - the new "Current" release line, until April 2023
- Prisma 4.5.0 - Next generation ORM for Node & TypeScript
- Reveal.js 4.4 - The HTML Presentation Framework
- supabase-js v2 - An open source Firebase alternative
- SVGuitar v2.0.0 - Create beautiful SVG guitar chord charts
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:
- 📢 share the link to this issue on social media
- ❤️ follow this newsletter on Twitter
- ☕ buy me a coffee
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!