State of CSS 2023, Chrome for Testing, Firefox 114, Polypane 14, Vivaldi 6.1, Safari 17 beta, and more | Front End News #099
Tags: newsletter, news, frontendnews, frontend
Published: 2023-06-21 03:51:51

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

***

You are invited to participate in the 2023 edition of the State of CSS Survey. In Browser News, we have the new Chrome for Testing, Firefox 114, Polypane 14, Vivaldi 6.1, and Safari TP 172. We also get a glimpse at the WebKit features that will be included in the upcoming Safari 17 Beta.

We got some big names on the Release Radar this time, such as Angular 16.1, Astro 2.6, Nest v10, Neutralinojs v4.12.0, or the June Security Releases for Node. The package of Front End Resources is also large than usual and includes a bunch of SVG icons and illustrations, a handful of generators, color palettes, gradients, and free food images.

***

## 2023 State of CSS Survey

It's that time of the year again when we're invited to participate in the yearly State of CSS survey. The fifth edition is already up and running, and it takes only 10-15 minutes to complete.

- [State of CSS](https://stateofcss.com/en-us/)

***

## 💻 Browser news

### Chrome

The Chrome team has announced a new flavor of the most used browser. Chrome for Testing is meant purely for browser automation and testing purposes.

- [Chrome for Testing: reliable downloads for browser automation](https://developer.chrome.com/blog/chrome-for-testing/)

### Firefox

Firefox 114 rolled out to users. This release brings mostly security fixes and quality-of-life improvements. Developers can now enjoy the CSS Cascading Level 4 `supports()` syntax for `@import` rules and can use `infinity` and `NaN` constants inside the CSS `calc()` function. Last but not least, the WebTransport API is now enabled by default.

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

### Polypane

Polypane, the browser for ambitious web developers, has released version 14. This update brings Chromium 114, better session management, a faster, refreshed UI, and many more features.

- [Polypane 14](https://polypane.app/blog/polypane-14/)

### Vivaldi

Vivaldi users received an update for both desktop and mobile versions. The desktop version adds more functionality to Workspaces and Tabs. Both releases include a mechanism to masquerade as competitors to benefit its users (such as accessing the Bing Chat or unlocking graphic driver optimizations meant only for Google Chrome).

- [Vivaldi 6.1 on Desktop](https://vivaldi.com/blog/vivaldi-on-desktop-6-1/)
- [Vivaldi 6.1 on Android](https://vivaldi.com/blog/vivaldi-on-android-6-1/)

### WebKit

WWDC23 brought us a preview of the WebKit features that will be included in Safari 17 Beta. Web Apps are finally coming to Mac. Spatial Web will be possible due to integration with the upcoming Vision Pro. There is support for new HTML and CSS features (the `popover` attribute, CSS counter styles, more Media Queries Level 4, and more). On the JavaScript side, the new Offscreen Canvas will transfer rendering to a worker context, there's improved storage quota, and a lot more.

- [WebKit Features in Safari 17 beta](https://webkit.org/blog/14205/news-from-wwdc23-webkit-features-in-safari-17-beta/)

Safari Technology Preview 172 is also out and brings a large list of fixes and patches to existing issues.

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

***

## 📡 The Release Radar

- **[Angular 16.1](https://github.com/angular/angular/releases/tag/16.1.0)** - The modern web developer’s platform
- **[Astro 2.6](https://astro.build/blog/astro-260/)** - The all-in-one web framework designed for speed
- **[Bun v0.6.9](https://bun.sh/blog/bun-v0.6.9)** - A fast all-in-one JavaScript runtime
- **[Fresh 1.2](https://deno.com/blog/fresh-1.2)** - a modern, Deno-first, edge-native full stack web framework
- **[Nest v10](https://github.com/nestjs/nest/releases/tag/v10.0.0)** - A progressive Node.js framework for building efficient, scalable, and enterprise-grade server-side applications with TypeScript/JavaScript
- **[Neutralinojs v4.12.0](https://neutralino.js.org/docs/release-notes/framework/#v4120)** - Build lightweight cross-platform desktop apps with JavaScript, HTML, and CSS
- **[Node v20.3.0 (Current)](https://nodejs.org/en/blog/release/v20.3.0)**, **[June 20 2023 Security Releases](https://nodejs.org/en/blog/vulnerability/june-2023-security-releases)** - an asynchronous event-driven JavaScript runtime
- **[polywasm](https://github.com/evanw/polywasm)** - a polyfill for WebAssembly
- **[Redwood v5.3.0](https://github.com/redwoodjs/redwood/releases/tag/v5.3.0)** - The App Framework for Startups
- **[SupportsCSS v0.1.5](https://supportscss.dev/)** - Feature Detection for Modern CSS
- **[TS-Pattern v5.0.0](https://github.com/gvergnaud/ts-pattern/releases/tag/v5.0.0)** - The exhaustive Pattern Matching library for TypeScript
- **[Tesseract.js v4.1.0](https://github.com/naptha/tesseract.js/releases/tag/v4.1.0)** - Pure Javascript OCR for more than 100 Languages

***

## 🛠️ Front End Resources

- **[Badgers](https://badgers.space/)** - Fast and clean SVG badges for your projects
- **[Branition: Colors](https://branition.com/colors)** - Browse over 300 hand-curated color palettes
- **[Can I DevTools?](https://www.canidev.tools/)** - it is like @CanIUse but for the browser devtools
- **[Comic Mono](https://dtinth.github.io/comic-mono-font/)** - A legible monospace font
- **[DemoCoding: Glassmorphism](https://democoding.in/css-glassmorphism-generator)** - CSS Glassmorphism Generator
- **[DemoCoding: Gradients](https://democoding.in/css-gradient-generator)** - CSS Gradient Generator
- **[DemoCoding: Neumorphism](https://democoding.in/neumorphism-css-generator)** - CSS Neumorphism Generator
- **[Foodiesfeed](https://www.foodiesfeed.com/)** - free AI-generated food photos
- **[Iconsans](https://mortezasabihi.github.io/iconsans/)** - 320+ Free Icons for your next project
- **[Loaf](https://getloaf.io/)** - Animated SVG icons you'll love to use
- **[SVG Gradients](https://svggradients.com/)** - A collection of multi colour vector gradients
- **[SVG Shapes](https://www.svgshapes.in/)** - 100+ SVGs. No Attribution required
- **[Type Scale](https://typescale.com/)** - A visual type scale calculator

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