Firefox 109, Safari 16.3, Safari TP 162, Astro 2.0, Node v19.5.0, TypeScript 5.0 Beta, and more | Front End News #089
Tags: news, newsletter, frontendnews
Published: 2023-01-31 16:25:36

> **NOTE:** This is issue #089 of my newsletter, which went live on Monday, January 30th. 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](https://frontendnexus.com/).

***

In this issue, we talk about the release of Firefox 109, Safari 16.3, and Safari Technology Preview 162. There are many blips on the release radar, including Astro 2.0, Node v19.5.0, TypeScript 5.0 Beta, and more. Last, but not least, I've added a larger than usual set of resources, to compensate for the lack of news.

***

## Browser news

### Firefox

Mozilla released Firefox 109 on January 17. Manifest Version 3 extension support is now enabled by default. The native HTML date picker can now be used only with a keyboard. Developers can start making use of the `scrollend` event and you can add tick marks to any `input type="range"`.

- [Firefox 109 Release Notes](https://www.mozilla.org/en-US/firefox/109.0/releasenotes/)
- [Firefox 109 for Developers](https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/109)

### WebKit

Safari 16.3 is the latest update to the main browser of the Apple ecosystem. There are no major new features, but the release provides multiple bug fixes.

- [WebKit Features in Safari 16.3](https://webkit.org/blog/13691/webkit-features-in-safari-16-3/)

On the other hand, Safari Technology Preview 162 does include some exciting new features. This includes CSS Nesting, CSS relative color syntax, and CSS `margin-trim`. Declarative Shadow DOM will be enabled by default, there are lower per-process WebSocket connection limits, and many bugs have been fixed.

- [Release Notes for Safari Technology Preview 162](https://webkit.org/blog/13703/release-notes-for-safari-technology-preview-162/)

***

## Software updates and releases

- **[Astro 2.0](https://astro.build/blog/astro-2/)** - Build faster websites with Astro's next-gen island architecture 🏝✨
- **[Bun v0.5](https://bun.sh/blog/bun-v0.5.0)** - Incredibly fast JavaScript runtime, bundler, transpiler, and package manager – all in one.
- **[Chart.js v4.2.0](https://github.com/chartjs/Chart.js/releases/tag/v4.2.0)** - Simple HTML5 Charts using the `<canvas>` tag
- **[Commander.js v10.0.0](https://github.com/tj/commander.js/releases/tag/v10.0.0)** - node.js command-line interfaces made easy
- **[Cypress v12.4.0](https://github.com/cypress-io/cypress/releases/tag/v12.4.0)** - Fast, easy, and reliable testing for anything that runs in a browser.
- **[Node v19.5.0 (Current)](https://nodejs.org/en/blog/release/v19.5.0/)** - an asynchronous event-driven JavaScript runtime
- **[nut.js v3.0.0](https://nutjs.dev/blog/release300)** - Open Source Node.js Cross Platform Desktop Automation
- **[Nuxt v3.1.0](https://github.com/nuxt/nuxt/releases/v3.1.0)** - The Intuitive Vue Framework
- **[Playwright v1.30.0](https://github.com/microsoft/playwright/releases/tag/v1.30.0)** - A framework for Web Testing and Automation
- **[React Native 0.71](https://reactnative.dev/blog/2023/01/12/version-071)** - A framework for building native applications using React
- **[React Router v6.8.0](https://github.com/remix-run/react-router/releases/tag/react-router%406.8.0)** - Declarative routing for React
- **[Remix v1.10.0](https://github.com/remix-run/remix/releases/tag/remix%401.10.0)** - Create modern, resilient user experiences with web fundamentals.
- **[Shoelace 2.0](https://shoelace.style/)** - A collection of professionally designed, everyday UI components built on Web standards.
- **[TypeScript 5.0 Beta](https://devblogs.microsoft.com/typescript/announcing-typescript-5-0-beta/)** - a superset of JavaScript that compiles to clean JavaScript output
- **[VueJS DevTools v6.5.0](https://github.com/vuejs/devtools/releases/tag/v6.5.0)** - ⚙️ Browser devtools extension for debugging Vue.js applications

***

## Front End Resources

- **[AgnosticUI](https://www.agnosticui.com/)** - One branded theme… all the frameworks
- **[Atlas Icons](https://atlasicons.vectopus.com/)** - Open source free icons library
- **[Broider](https://maxbittker.github.io/broider/)** - A tool for making "9-patch" borders
- **[CSS Bud CSS Generators](https://cssbud.com/css-generator/)** - Why code, when you can use generators?
- **[Glyphs](https://glyphs.fyi/)** - The Mightiest Icons on the Web
- **[Hicon](https://hicon.me/)** - Web Friendly Icon Pack
- **[OKLCH](https://oklch.com/)** - Color Picker & Converter
- **[Openverse](https://wordpress.org/openverse/)** - An extensive library of free stock photos, images, and audio, available for free use.
- **[Photoshot](https://photoshot.app/)** - Your AI avatar generator
- **[UI Content](https://uicontent.co/)** - The Best Place to Find Professional Placeholder Text
- **[Unicons](https://iconscout.com/unicons)** - Icon fonts and SVG icons
- **[Unicopy](https://unicopy.cc/)** - Copy unicode characters and symbols!

There's more where that came from. Explore the rest of the [Front End Resource collection](https://frontendnexus.com/resources/).

***

## 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 🇺🇦](https://www.smashingmagazine.com/2022/02/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](https://frontendnexus.com/news/089/)
- ❤️ [follow this newsletter on Twitter](https://twitter.com/frontendnexus)
- ☕ [buy me a coffee](https://ko-fi.com/adriansandu)

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!