DEV Community

Cover image for State of CSS 2021, Chrome 94/95, Firefox 92/93, Vivaldi 4.2/4.3, Node 17, and more | Front End News #040
Adrian Sandu
Adrian Sandu

Posted on • Originally published at frontendnexus.com

State of CSS 2021, Chrome 94/95, Firefox 92/93, Vivaldi 4.2/4.3, Node 17, and more | Front End News #040

NOTE: This is issue #040 of my newsletter, which went live on Monday, October 25th. 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.


The 2021 edition of the State of CSS survey is up again. The Web Almanac team is already looking for collaborators for the next year's edition. The js13kGames 2021 winners have been announced. We have double updates from most browser vendors: Chrome 94 and 95, Firefox 92 and 93, Vivaldi 4.2 and 4.3. The software updates are numerous as well, including Node 17, npm 8, TypeScript 4.5 Beta, Electron 15, and many, many more.


State of CSS 2021

The State of CSS survey is a very valuable tool for the industry as a way to measure what developers really use in their day-to-day work. So here we are, already, with the 2021 edition. Have you taken it yet?


2022 Web Almanac Interest Form

What surveys do by asking people directly, the Web Almanac does by scrapping data from real websites. Previous editions have enjoyed an awesome reception from the industry and the 2021 edition is expected to be published soon. Yet, the team behind the project is already looking to collaborators for next year's edition. If this is something that might interest you, then use the form below to sign up.


js13kGames 2021 winners

js13kGames is a JavaScript coding competition running yearly since 2012. This year the theme of the event was "Space" and the jury has picked up the winners. A special mention is a partial recreation of the classic Quake video game - I tried it already and it is really awesome.


Browser news

Brave

Brave Search is now the default search engine option for new users in five countries: USA, Canada, UK, France, and Germany. If you use the browser already, then your current choice is preserved, but you have the possibility to make the switch.

Chrome

There have been TWO Chrome updates since I published the latest update, which means there are a lot of things to cover.

Chrome 94 opens up two new APIs: Web Codecs (for low-level access to built-in media components and codecs) and WebGPU (for access to Direct3D 12, Metal, and Vulkan functionality). Last but not least <canvas> elements start now by default in sRGB color space, with the option to switch to the P3 one at any time.

Developers can now set DevTools in their preferred language, container queries are now marked with a new interactive badge, and a lot more.

We arrive now at the latest release, and there are two new APIs in Chrome 95 as well. URLPattern standardizes routing pattern syntax, while the Eye Dropper API makes picking up a color a breeze.

Chrome 95 Dev Tools now bring new CSS length authoring tools, an improved way to display properties, an update to Lighthouse 8.4, and more. For full details, you should check the official blog post linked below.

Firefox

Coming to Firefox, there are two new releases for this browser as well.

Firefox 92 brings more secure connections, as the browser can now automatically switch to HTTPS. There are also many quality-of-life improvements for the end-users, especially those using devices running macOS.

Developers can now enjoy two new features. There are some CSS updates making accent-color and size-adjust available to everyone, as well as changes to break-inside, font-size-adjust, and system-ui. On the JavaScript side, there is now support for the new Object.hasOwn() static method. More details are available in the announcement post.

Firefox 93 brings over support for the AVIF image format, better memory management, downloads from insecure sources are blocked by default, and more.

Developers now have access to static initialization blocks in JavaScript and better support for custom elements and the Shadow DOM. I can't claim to understand much of what's happening here, so feel free to check the release notes for more details.

Vivaldi

Vivaldi has - you guessed it - two new releases: 4.2 and 4.3.

The 4.2 update brings private in-page translation, easy sharing of information via QR codes, and many smaller improvements and fixes (full details in the link below)

Vivaldi 4.3 now blocks the Idle Detection API from Google, support for Progressive Web Apps, an improved tool for screenshots, 68 new languages for the translation tool, and more.

WebKit

I wish Safari would have released two new versions as well, but I have to be content with two releases of the Safari Technology Preview instead.

Update 132 brings a long list of fixes and small improvements. But I think update 133 takes the spotlight with support for Object.hasOwn, CSS Cascade Layers, the CSS Font Loading API, basic support for the Storage API, and a lot more. Feel free to check the release notes for full details.


Software updates and releases

There is a surprising number of major version updates in this issue: Electron 15.0.0, Ember 4 Beta, ESLint v8.0.0 RC0, Gatsby 4, MUI v5.0.0, or Neutralinojs v3.0.0, to name just a few of them. Of course, there's a lot more: Deno 1.14, TypeScript 4.5 Beta... There is even an update for jQuery UI. When was the last time you heard of a jQuery UI update?

Node and npm

I am separating again the updates to Node and npm and they have both major version updates. Node has reached version 17, while npm has reached version 8. Check out the details of each update in the notes linked below.


Wrapping things up

That's about all I have for this update. If you enjoyed this newsletter, there are a couple of ways to support it. You can share the link to this issue on social media, and follow me on Twitter. Each one of these helps me out and I'd appreciate your consideration.

Have a great and productive time, keep yourselves safe, and I will see you again next time!

Top comments (1)

Collapse
 
ingosteinke profile image
Ingo Steinke

Thanks for keeping up with the news! Just when I started to wonder about the lack of interest in the state of CSS 2021 report here on dev.to, I saw your article.

Finally, the results of both, State of CSS, and Web Alamanac have been released.

Facts and predictions: container queries and parent selectors have been the two most requested CSS features, and container queries will probably see browser support in 2022. Another one of your links, Web Almanac 2021, seems to point in a different direction: the past is alive! While many devs like to discuss React and the lastest new JavaScript frameworks, so many websites still use jQuery!