State of CSS 2022 Report, Edge 108, Polypane 12, Vivaldi 5.6, Ember 4.9, Rome 11, Vite 4, and more | Front End News #087
Tags: news, newsletter, frontendnews
Published: 2022-12-14 04:35:56

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

***

The State of CSS 2022 Survey Results are now available. In browser news, we got many updates from the smaller browser vendors. Edge released version 108. Polypane bumped up to version 12. And Vivaldi released version 5.6 for desktop users.

On the release radar, we got Ember 4.9, Rome 11, Vite 4.0, and more. And the resources for this issue include a large set of design assets and other useful utilities.

***

## The State of CSS 2022 Survey Results

The 2022 edition of the State of CSS survey ran between October 1st and November 1st. One month later we got the results neatly arranged in a nice report. Flexbox gap is the most adopted feature this year, Subgrid was the most commented-on feature, Bootstrap is still used by 80% of respondents, while Tailwind CSS climbs to second place with 46%.

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

***

## New entries for the 2022 Roundup of Coding Advent Calendars

Coding Advent calendars are great sources of useful information and I have been rounding them up for you over the last few years. I have updated this year's list with more entries, so be sure to check it up.

- [The 2022 Roundup of Advent Calendars for Designers and Developers](https://frontendnexus.com/articles/advent-calendar-roundup-2022/)

***

## Browser news

### Edge

Edge 108 brings "more reliable web defense", Graph APIs for Cloud Site List Management, and fixes for various bugs and performance issues.

- [Edge 108 Release Notes](https://learn.microsoft.com/en-us/deployedge/microsoft-edge-relnote-stable-channel#version-1080146242-december-5-2022)

### Polypane

Polypane 12 brings many updates, such as the long-requested Command bar. You can add a timer to screenshots, as well as white space for comments and annotations. And everything runs now on Chromium 108.

- [Polypane 12: introducing the Command bar](https://polypane.app/blog/polypane-12-introducing-the-command-bar/)


### Vivaldi

Vivaldi makes it easier for people to migrate from Twitter to Mastodon by integrating the client into the browser itself, along with the ability to pin tab groups and other UI improvements.

- [Vivaldi integrates Mastodon in its desktop browser](https://vivaldi.com/blog/vivaldi-5-6-on-desktop/)

***

## Software updates and releases

- **[Bun v0.3.0](https://bun.sh/blog/bun-v0.3.0)** - Incredibly fast JavaScript runtime, bundler, transpiler, and package manager
- **[D3.js v7.7.0](https://github.com/d3/d3/releases/tag/v7.7.0)** - Bring data to life with SVG, Canvas, and HTML.
- **[Ember 4.9](https://blog.emberjs.com/ember-4-9-released/)** - A JavaScript framework for creating ambitious web applications
- **[Mongoose 6.8.0](https://github.com/Automattic/mongoose/releases/tag/6.8.0)** - MongoDB object modeling designed to work in an asynchronous environment.
- **[react-tooltip 5.0.0](https://github.com/ReactTooltip/react-tooltip/releases/tag/v5.0.0)** - React tooltip component
- **[Rollup v3.7.0](https://github.com/rollup/rollup/releases/tag/v3.7.0)** - Next-generation ES module bundler
- **[Rome v11](https://rome.tools/blog/2022/12/06/rome11/)** - Unified developer tools for JavaScript, TypeScript, and the web
- **[Storybook v7.0.0-beta.0](https://github.com/storybookjs/storybook/releases/tag/v7.0.0-beta.0)** - A frontend workshop for building UI components and pages in isolation
- **[Vite 4.0](https://vitejs.dev/blog/announcing-vite4.html)** - Next generation frontend tooling.
- **[xv v2.0.0](https://github.com/typicode/xv/releases/tag/v2.0.0)** - zero-config test runner for simple projects

***

## Front End Resources

- **[Accessible color palette generator](https://venngage.com/tools/accessible-color-palette-generator)** - Beautiful color combinations your whole audience can appreciate
- **[Codeimg.io](https://codeimg.io/)** - Create and share beautiful images of your source code.
- **[Studio Yorktown Color Town Hall](https://studioyorktown.github.io/coloryorktownhall/)** - A vibrant library of color palettes
- **[Vivid Gradient Generator Tool](https://www.learnui.design/tools/gradient-generator.html)** - Create gradients without a gray zone in the middle
- **[We Are Heroes Digital Resources](https://www.weareheroes.digital/resources)** - A selection of design resources to take your designs to the next level

There's more where that came from. Explore the rest of the [Front End Resource collection](https://frontendnexus.com/resources/).

***

## Wrapping things up

This will be the last issue of the newsletter for this year. I am taking a break over the winter holidays to be able to spend more time with my family. I also plan to work some more on the Resources section of the website, to make it easier to find something useful.

***

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