Chrome 115, Firefox 115-116, MS Edge 115, Polypane 14.1, Safari TP 174-175, TypeScript 5.2 Beta, and more | Front End News #101
Tags: news, newsletter, frontendnews
Published: 2023-09-17 08:23:13

> **NOTE:** This is issue #101 of my newsletter, which went live on Monday, August 02. 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'll explore the July updates to the web platform, how to get better search results with DuckDuckGo, and we'll cover a large list of recent browser releases. We got Chrome 115, Firefox 115 and 116, MS Edge 115, Polypane 14.1, and Safari TP 174 and 175.

On the Release Radar, we spot entries such as Astro 2.9, Deno 1.35, Prettier 3.0, Vite 4.4, or the Beta version of TypeScript 5.2. We round up the issue with a large number of resources, assets, and utilities for all your web design and development needs.

***

## 💻 Browser news

The month of July brought releases from all major browsers - Chrome, Firefox, and MS Edge got updated to version 115. This includes some interesting additions to the web platform, such as a new syntax for the CSS `display` property, or the option to create scroll-driven animations. More details can be found in Rachel Andrew's article below.

- [New to the web platform in July](https://web.dev/web-platform-07-2023/)

### Chrome

Chrome 115 brings support for native scroll-driven animations and Fenced Frames, a new HTML element for embedding content in a restricted manner.

Developers got a lot of nice toys to play with. They can now see what nested grids are subgrids. There are new tooltips for showing specificity or value for custom CSS properties. The Lighthouse panel now uses Lighthouse 10.2. And the list goes on.

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

### DuckDuckGo

Do you like your online privacy but the search results from DuckDuckGo are not good enough? Don't worry! You can get results from many other sources using the `!` or `bang` modifier. Be aware though that this is a redirect, and the target website can track your further navigation.

- [DuckDuckGo gives you a privacy-first gateway to ALL the search engines – with a bang](https://axbom.com/duckduckgo-bangs/)

### Firefox

In this issue, we're dealing with two Firefox releases: 115 and 116.

Let's start with the earlier release, numbered 115. Users can now import their payment methods from Chrome-based browsers, along with some quality-of-life and security improvements. Developers can start making use of new features, such as the CSS `animation-composition` property, or the JavaScript `Array.fromAsync()` method.

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

Moving forward to release 116, which brings improved control over the sidebar interface, better upload performance on HTTP/2, and various security fixes. Developers should take a peek at the list of under-the-hood updates to the web platform and the add-ons.

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

### Microsoft Edge

Microsoft Edge 115 introduces the Microsoft Edge management service, a new area inside Microsft 365 admin center. Along comes a list of new policies, together with fixes for various bugs and performance issues.

- [Release notes for Microsoft Edge Stable Channel - version 115](https://learn.microsoft.com/en-us/deployedge/microsoft-edge-relnote-stable-channel#version-11501901183-july-21-2023)

### Polypane

Polypane users received a minor update to version 14.1. This release brings support for container queries inside the Elements panel, contrast lines in all color pickers, a new engine for hover synchronization, and many bug fixes and core improvements.

- [Polypane 14.1: Container query support, forced element state and contrast lines in color pickers](https://polypane.app/blog/polypane-14-1-container-query-support-forced-element-state-and-contrast-lines-in-color-pickers/)

### WebKit

The WebKit team also released two new versions (174 and 175) of the Safari Technology Preview. Each update brings a solid list of fixes and minor improvements.

- [Release Notes for Safari Technology Preview 174](https://webkit.org/blog/14390/release-notes-for-safari-technology-preview-174/)
- [Release Notes for Safari Technology Preview 175](https://webkit.org/blog/14398/release-notes-for-safari-technology-preview-175/)

***

## 📡 The Release Radar

- **[Astro 2.9](https://astro.build/blog/astro-290/)** - a website build tool for the modern web
- **[Bun v0.7.0](https://bun.sh/blog/bun-v0.7.0)** - an all-in-one toolkit for JavaScript and TypeScript apps
- **[Deno 1.35](https://deno.com/blog/v1.35)** - A modern runtime for JavaScript and TypeScript
- **[Ember 5.1](https://blog.emberjs.com/ember-released-5-1/)** - A JavaScript framework for creating ambitious web applications
- **[Fresh 1.3](https://deno.com/blog/fresh-1.3)** - A next-gen web framework from Deno
- **[Neutralinojs v4.13.0](https://github.com/neutralinojs/neutralinojs/releases/tag/v4.13.0)** - Portable and lightweight cross-platform desktop application development framework
- **[Node v18.17.0 (LTS)](https://nodejs.org/en/blog/release/v18.17.0)**, **[Node v20.4.0 (Current)](https://nodejs.org/en/blog/release/v20.4.0)**, **[Node v20.5.0 (Current)](https://nodejs.org/en/blog/release/v20.5.0)** - an asynchronous event-driven JavaScript runtime
- **[octokit.js v3.1](https://github.com/octokit/octokit.js/releases/tag/v3.1.0)** - The all-batteries-included GitHub SDK for Browsers, Node.js, and Deno
- **[Preact 10.16.0](https://github.com/preactjs/preact/releases/tag/10.16.0)** - Fast 3kB React alternative
- **[Prettier 3.0](https://prettier.io/blog/2023/07/05/3.0.0.html)** - an opinionated code formatter
- **[Remix v1.19.0](https://github.com/remix-run/remix/releases/tag/remix%401.19.0)** - Create modern, resilient user experiences with web fundamentals
- **[TypeScript 5.2 Beta](https://devblogs.microsoft.com/typescript/announcing-typescript-5-2-beta/)** - a superset of JavaScript that compiles to clean JavaScript output
- **[typescript-eslint v6](https://typescript-eslint.io/blog/announcing-typescript-eslint-v6/)** - Monorepo for all the tooling which enables ESLint to support TypeScript
- **[Vite 4.4](https://github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md#440-2023-07-06)** - Next generation frontend tooling

***

## 🛠️ Front End Resources

- **[Commit Mono](https://commitmono.com/)** - an anonymous and neutral coding font
- **[CSS Gradient Generator](https://ggradient.com/)** - Create advanced CSS gradients
- **[DamnGood.Tools](https://damngood.tools/)** - Easy-to-use, fun tools—free (and open-source)
- **[Freeflo](https://freeflo.ai/)** - Free, curated AI images and prompts for creative projects
- **[Free Icons](https://free-icons.github.io/free-icons/)** - A collection of over 22,000 freely available icons for various design projects
- **[Free Illustrations Club](https://www.freeillustrations.club/)** - Free Vector, Hand-Drawn Illustrations For Your Next Project
- **[Huehive](https://huehive.co/)** - Generate color palette from text using chat GPT
- **[ISO Republic](https://isorepublic.com/)** - Free High-Resolution Stock CC0 Photos and Videos
- **[Mage Icons](https://mageicons.com/)** - Open Source Icon System
- **[OddContrast](https://www.oddcontrast.com/)** - A Color Contrast tool from OddBird
- **[PhotoRoom](https://www.photoroom.com/)** - Magic photo studio on the go
- **[SVGmix](https://svgmix.com/)** - Free SVG logos & icons download
- **[SVG/PNG Illustrations](https://freesvgillustration.com/)** - Free and Premium illustrations
- **[UI Skeleton Gallery](https://www.brandbird.app/tools/ui-skeleton-gallery)** - A free customizable collection of SVG skeleton loader UI elements

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