Chrome 107, Edge 107, Safari 16.1, Babel 7.20, Next.js 13, and more | Front End News #081
Tags: newsletter, frontendnews, news
Published: 2022-11-02 03:55:24

> **NOTE:** This is issue #081 of my newsletter, which went live on Monday, October 31st. 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/).

***

Three major browsers have received updates: Chrome 107, Edge 107, and Safari 16.1. On the release radar, we have Babel 7.20, Next.js 13, and more. And a handful of utilities join the resource repository.

***

## Browser news

### Chrome

Chrome 107 brings better screen sharing, identifies what resources are blocking the rendering, adds support for the animation of grid layouts, and more. Developers can now customize their keyboard shortcuts or can toggle the DOM search to start only after pressing the `ENTER` key.

- [New in Chrome 107](https://developer.chrome.com/blog/new-in-chrome-107/)
- [What's New In DevTools (Chrome 107)](https://developer.chrome.com/blog/new-in-devtools-107/)

### Edge

Edge 107 brings an improved sidebar and the option to add and remove your own URL to open when starting the browser. For more details on the other policies that come with this version, you should check the release notes:

- [Edge 107 Release Notes](https://learn.microsoft.com/en-us/deployedge/microsoft-edge-relnote-stable-channel#version-1070141824-october-27-2022)

### WebKit

Is Safari fighting to get rid of the "new IE" label? We can see a lot of improvements lately. And the 16.1 update keeps the trend going:

- Web Push is now available on macOS Ventura
- it supports both static and animated AVIF images
- support for passkeys is extended to all platforms where Safari runs
- you can now share your screen directly from your browser.

Under the hood, there are many fixes and quality-of-life improvements. More details are available in the article linked below.

- [WebKit Features in Safari 16.1](https://webkit.org/blog/13399/webkit-features-in-safari-16-1/)

***

## Software updates and releases

- **[Babel 7.20.0](https://babeljs.io/blog/2022/10/27/7.20.0.html)** - a compiler for writing next generation JavaScript
- **[capture-website 3.2](https://github.com/sindresorhus/capture-website/releases/tag/v3.2.0)** - Capture screenshots of websites with Puppeteer
- **[Deno 1.27](https://deno.com/blog/v1.27)** - a modern runtime for JavaScript and TypeScript
- **[Handsontable 12.2.0](https://handsontable.com/blog/articles/2022/10/handsontable-12.2.0)** - Excel-like data grid
- **[Mongoose 6.7.0](https://github.com/Automattic/mongoose/releases/tag/6.7.0)** - MongoDB object modeling designed to work in an asynchronous environment
- **[Next.js 13](https://nextjs.org/blog/next-13)** - The React Framework for Production
- **[Node v18.12.0 (LTS)](https://nodejs.org/en/blog/release/v18.12.0/)** - an asynchronous event-driven JavaScript runtime
- **[NPKILL 0.9](https://github.com/voidcosmos/npkill/releases/tag/v0.9.0)** - Lists `node_module`s directories and lets you clean them up
- **[Qwik v0.12.0](https://github.com/BuilderIO/qwik/releases/tag/v0.12.0)** - The HTML-first framework. Instant apps of any size with ~ 1kb JS

***

## Front End Resources

- **[CSS Gradient](https://cssgradient.io/)** - Generator for color swatches, backgrounds, and gradients
- **[Cubic Bezier Generator](https://cubic-bezier.com/)** - Generate and compare cubic bezier curves
- **[Glassmorphism Generator](https://hype4.academy/tools/glassmorphism-generator)** - Generate styles for frosted glass effects
- **[Neumorphism](https://neumorphism.io/)** - Generate Soft-UI CSS code
- **[OKLCH Color Picker & Converter](https://oklch.evilmartians.io/)** - Convert any color to OKLCH and back

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