Chrome 104-105, Edge 104-105, Firefox 103-104, Polypane 10, Safari 15.6, and more | Front End News #074
Tags: news, newsletter, frontendnews
Published: 2022-09-12 17:06:58

> **NOTE:** This is issue #074 of my newsletter, which went live on Monday, September 12th. 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/).

***

Front End News is back after the summer break and there are many things to cover. All main browsers have received updates: Chrome 104-105, Edge 104-105, Firefox 103-104, Polypane 10, Safari 15.6, and Safari Technology Preview 150-152. The software updates and releases include Astro 1.0, Electron 20, TypeScript 4.8, and a lot more. And everything is sprinkled with a handful of useful resources.

***

## Browser news

Rachel Andrew continues covering the new additions to the web platform. We got here the entries for July and August:

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

### Chrome

Chrome 104 rolled out on August 2. Most of the new features are focused on developers, such as the level 4 of Media Queries, or the independent values for CSS Transform properties.

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

Chrome 105 was released on August 30. The highlights of this update are container queries and the `:has()` CSS property.

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

### Edge

Microsoft Edge kept pace with its Chromium brethren and released versions 104 and 105. As usual, their release notes focus less on platform updates and more on Edge-specific features. A few examples are Client Certificate Switching, enhanced security policies for less visited sites, or the option to load Microsoft Office and Outlook in the sidebar.

- [Edge 104](https://docs.microsoft.com/en-us/deployedge/microsoft-edge-relnote-stable-channel#version-1040129347-august-5)
- [Edge 105](https://docs.microsoft.com/en-us/deployedge/microsoft-edge-relnote-stable-channel#version-1050134325-september-1-2022)

### Firefox

Firefox 103 became available on July 26. This version brought, among other things, improved performance on high-refresh rate monitors, better responsiveness on macOS, and support for the `backdrop-filter`, `scroll-snap-stop`, and `:modal` CSS properties.

- [Firefox 103 release notes](https://www.mozilla.org/en-US/firefox/103.0/releasenotes/)
- [Firefox 103 for developers](https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/103)

Version 104 rolled out on August 23 and brought the option to analyze the power usage of a website and many security fixes and "under-the-hood" improvements.

- [Firefox 104 release notes](https://www.mozilla.org/en-US/firefox/104.0/releasenotes/)
- [Firefox 104 for developers](https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/104)

### Polypane

Polypane claims to be "the browser for ambitious developers" and the new version 10 delivers on this promise. The panel for dev tools can now be detached, you can disable the navigation sync, or you can choose the format of your screenshots. The list of changes is a lot longer and can be checked in the release notes below.

- [Polypane 10: detachable panel, navigation sync, element screenshots, and more](https://polypane.app/blog/polypane-10-detachable-panel-navigation-sync-element-screenshots-and-more/)

### WebKit

The WebKit development team has worked hard lately to bring Safari on par with the other browsers. Safari 15.6 brings support for the `:modal` CSS pseudo-class and a long list of issues that have been fixed.

- [New WebKit Features in Safari 15.6](https://webkit.org/blog/13009/new-webkit-features-in-safari-15-6/)

Last, but not least, we got no less than four releases for the Safari Technology Preview. If you want to know what will come in the future updates of Safari, you can give it a spin or simply check the release notes.

- [Safari Technology Preview 150](https://webkit.org/blog/13066/release-notes-for-safari-technology-preview-150/)
- [Release Notes for Safari Technology Preview 151](https://webkit.org/blog/13093/release-notes-for-safari-technology-preview-151/)
- [Release Notes for Safari Technology Preview 152](https://webkit.org/blog/13137/release-notes-for-safari-technology-preview-152/)
- [Release Notes for Safari Technology Preview 153](https://webkit.org/blog/13148/release-notes-for-safari-technology-preview-153/)

***

## Software updates and releases

- **[Angular v14.1.0](https://github.com/angular/angular/releases/tag/14.1.0)** - The modern web developer’s platform
- **[Astro 1.0](https://astro.build/blog/astro-1/)** - a web framework for building fast, content-focused websites
- **[Bootstrap 5.2.0](https://blog.getbootstrap.com/2022/07/19/bootstrap-5-2-0/)** - Powerful, extensible, and feature-packed frontend toolkit.
- **[Cypress v10.7.0](https://github.com/cypress-io/cypress/releases/tag/v10.7.0)** - Fast, easy, and reliable testing for anything that runs in a browser
- **[Docusaurus 2.0](https://docusaurus.io/blog/2022/08/01/announcing-docusaurus-2.0)** - easy to maintain open source documentation websites
- **[Electron 20](https://www.electronjs.org/blog/electron-20-0)** - Build cross-platform desktop apps with JavaScript, HTML, and CSS
- **[Ember.js 4.6](https://blog.emberjs.com/ember-4-6-released/)** - a framework for ambitious web developers
- **[Ember.js 4.7](https://github.com/emberjs/ember.js/releases/tag/v4.7.0)**
- **[ESLint 8.23](https://github.com/eslint/eslint/releases/tag/v8.23.0)** - Find and fix problems in your JavaScript code
- **[ESLint v8.20.0](https://eslint.org/blog/2022/07/eslint-v8.20.0-released/)** - find and fix problems with your JavaScript code
- **[Fresh 1.1](https://deno.com/blog/fresh-1.1)** - Deno's full stack Web framework
- **[Gatsby v4.19](https://www.gatsbyjs.com/docs/reference/release-notes/v4.19/)** - build modern apps and websites with React
- **[GSAP 3.11](https://greensock.com/3-11)** - Responsive, accessibility-friendly JS-based animations
- **[Ionic v6.2](https://ionicframework.com/blog/announcing-ionic-v6-2/)** - A powerful cross-platform UI toolkit for building apps with HTML, CSS, and JavaScript.
- **[Jasmine v4.3.0](https://github.com/jasmine/jasmine/releases/tag/v4.3.0)** - Simple JavaScript testing framework for browsers and node.js
- **[Jasmine v4.4.0](https://github.com/jasmine/jasmine/releases/tag/v4.4.0)**
- **[Lighthouse v9.6.7](https://github.com/GoogleChrome/lighthouse/releases/tag/v9.6.7)** - Google's auditing/performance tool
- **[Mongoose 6.5.4](https://github.com/Automattic/mongoose/releases/tag/6.5.4)** - MongoDB object modeling designed to work in an asynchronous environment.
- **[Neutralinojs v4.7.0](https://github.com/neutralinojs/neutralinojs/releases/tag/v4.7.0)** - cross-platform desktop application development framework
- **[Next.js 12.3](https://github.com/vercel/next.js/releases/tag/v12.3.0)** - Popular React framework
- **[Node v18.7.0 (Current)](https://nodejs.org/en/blog/release/v18.7.0/)** - an asynchronous event-driven JavaScript runtime
- **[Node v16.17.0 (LTS)](https://nodejs.org/en/blog/release/v16.17.0/)**
- **[Node v18.8.0 (Current)](https://nodejs.org/en/blog/release/v18.8.0/)**
- **[Node v18.9.0 (Current)](https://nodejs.org/en/blog/release/v18.9.0/)**
- **[npm-check v6.0.1](https://github.com/dylang/npm-check/releases/tag/v6.0.1)** - Check for outdated, incorrect, and unused dependencies
- **[Parcel v2.7.0](https://github.com/parcel-bundler/parcel/releases/tag/v2.7.0)** - The zero configuration build tool for the web
- **[Redwood v2.2.0](https://github.com/redwoodjs/redwood/releases/tag/v2.2.0)** - an opinionated, full-stack, JavaScript/TypeScript web application framework
- **[sql.js 1.8](https://github.com/sql-js/sql.js/releases/tag/v1.8.0)** - A javascript library to run SQLite on the web
- **[Stripe Node v10.7.0](https://github.com/stripe/stripe-node/releases/tag/v10.7.0)** - Node.js library for Stripe's API
- **[Tailwind CSS 3.1.8](https://github.com/tailwindlabs/tailwindcss/releases/tag/v3.1.8)** - A utility-first CSS framework for rapid UI development.
- **[TypeScript 4.8](https://devblogs.microsoft.com/typescript/announcing-typescript-4-8/)** - a superset of JavaScript that compiles to clean JavaScript output
- **[Vite 3.0](https://vitejs.dev/blog/announcing-vite3.html)** - Next generation frontend tooling

***

## Front End Resources

- **[Eggradients](https://www.eggradients.com/)** - Gradient background colors
- **[Fabpic](https://www.fabpic.app/)** - Beautify your screenshots in just a few seconds
- **[Heroicons](https://heroicons.com/)** - Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS
- **[Sublus](https://sub1studio.com/sublus/)** - Mix & Match your Illustration needs
- **[SVG Backgrounds](https://www.svgbackgrounds.com/)** - a collection of customizable SVG-based repeating patterns and backgrounds

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