Vivaldi 6.0, Safari Technology Preview 168, Node 20, Obsidian 8, TypeScript 5.1 Beta, Vite 4.3, and more | Front End News #095
Tags: newsletter, news, frontendnews, frontend
Published: 2023-04-26 18:22:54

> **NOTE:** This is issue #095 of my newsletter, which went live on Tuesday, April 25. 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/).

***

We had two more quiet weeks in the web industry. In browser news, we have Vivaldi 6.0 and Safari Technology Preview 168. On the release radar, we encounter Node v20, Obsidian 8.0, TypeScript 5.1 Beta, Vite 4.3, and more. Last, but not least, the Front End Resources repository grows with a handful of assets, generators, and other utilities.

***

## 💻 Browser news

### Vivaldi

Vivaldi users, rejoice! Version 6.0 is out for desktop and Android users and the topic of this update is customizability. Themes are now enhanced with custom icons, while workspaces make it easy to organize your tabs and tools exactly how you like.

Mobile users receive their share of customization options. Video and audio can play in the background tabs, or you can disable autoplay for all websites.

- [Vivaldi 6.0: Organize tabs with the new Workspaces and personalize your browser with Custom Icons](https://vivaldi.com/blog/vivaldi-on-desktop-6-0/)
- [Vivaldi on Android is fast and fun on mobiles and tablets](https://vivaldi.com/blog/news/vivaldi-on-android-6-0/)

### WebKit

We switch the ecosystem and talk about macOS and iOS users and the release of Safari Technology Preview 168. The release notes contain a long list of issues that have been fixed, along with a handful of new features.

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

***

## 📡 The Release Radar

- **[AdminJS 7](https://docs.adminjs.co/installation/whats-new-in-v7)** - an open-source admin panel for your Node.js application
- **[CKEditor 5 v37.1.0](https://github.com/ckeditor/ckeditor5/releases/tag/v37.1.0)** - Powerful rich text editor framework
- **[Gatsby v5.9](https://www.gatsbyjs.com/docs/reference/release-notes/v5.9/)** - Build modern websites with React
- **[imaskjs v6.6.0](https://github.com/uNmAnNeR/imaskjs/releases/tag/v6.6.0)** - vanilla javascript input mask
- **[lowdb v6.0.0](https://github.com/typicode/lowdb/releases/tag/v6.0.0)** - Simple to use local JSON database
- **[MUI X v6.2.0](https://github.com/mui/mui-x/releases/tag/v6.2.0)** - Advanced and powerful React components for complex use-cases
- **[Node v18.16.0 (LTS)](https://nodejs.org/en/blog/release/v18.16.0)**, **[Node v19.9.0 (Current)](https://nodejs.org/en/blog/release/v19.9.0)**, **[Node.js 20 release](https://nodejs.org/en/blog/announcements/v20-release-announce)**, **[Node v20.0.0 (Current)](https://nodejs.org/en/blog/release/v20.0.0)** - an asynchronous event-driven JavaScript runtime
- **[Obsidian 8.0](https://github.com/open-source-labs/obsidian/releases/tag/v8.0.0)** - GraphQL, built for Deno
- **[pnpm v8.2.0](https://github.com/pnpm/pnpm/releases/tag/v8.2.0)** - Fast, disk space efficient package manager
- **[Puppeteer v19.11.0](https://github.com/puppeteer/puppeteer/releases/tag/puppeteer-core-v19.11.0)** - Node.js API for Chrome
- **[Redwood v4.5.0](https://github.com/redwoodjs/redwood/releases/tag/v4.5.0)** - The App Framework for Startups
- **[reveal.js 4.5.0](https://github.com/hakimel/reveal.js/releases/tag/4.5.0)** - The HTML Presentation Framework
- **[TypeScript 5.1 Beta]()** - https://devblogs.microsoft.com/typescript/announcing-typescript-5-1-beta/
- **[Venom Bot v5.0.0](https://github.com/orkestral/venom/releases/tag/v5.0.0)** - the most complete javascript library for Whatsapp
- **[Vite 4.3](https://vitejs.dev/blog/announcing-vite4-3.html)** - Next generation frontend tooling

***

## 🛠️ Front End Resources

- **[Color contrast checker](https://colorcontrast.app/)** - Check and suggests colors to meet the required WCAG or APCA contrast ratio
- **[CSS HD Gradients](https://gradient.style/)** - Wide gamut Color 4 compliant CSS gradient builder.
- **[Favicon Generator](https://www.favicon.software/)** - Generate favicons online from an image or logo for free
- **[Gradicol](https://gradicol.vercel.app/)** - Handpicked collection of linear gradients
- **[Magdeleine](https://magdeleine.co/)** - Hand-picked free stock photos for inspiration
- **[Shaper](https://shaper.design/)** - Generative Design Tool for UI Interfaces
- **[SVG Doodles](https://svgdoodles.com/)** - Hand-made and editable SVG Doodles
- **[UI Goodies](https://uigoodies.com/)** - The best digital design resources from around the Web in one place.

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/095/)
- ❤️ [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!