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
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.
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.
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
size-adjust available to everyone, as well as changes to
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.
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.
- Vivaldi 4.3: Big update alert: Vivaldi says no to Google Idle API, improves Capture, Download Panel, Sync, adds 68 new languages to Translate, and more.
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?
- CKEditor 5 v30.0.0 - powerful rich text editor framework
- Dart Sass 1.40.0 - the reference implementation of Sass, written in Dart
- Deno 1.14
- Eleventy 1.0 Beta - a simpler static site generator
- Ember 3.28 and 4.0 Beta - a framework for building ambitious web applications
- Ember Simple Auth v4.0.0 - A library for implementing authentication/authorization in Ember.js applications.
- Gatsby 4
- jQuery UI 1.13.0
- jsPDF v2.4.0 - https://github.com/parallax/jsPDF/releases/tag/v2.4.0
- Linkify v3.0.0 - find links in plain-text and convert them to HTML tags
- MUI v5.0.0 - (formerly Material-UI) component library to build React applications
- Neutralinojs v2.8.0 - portable and lightweight cross-platform desktop application development framework
- Neutralinojs v3.0.0
- NVM for Windows v1.1.8 - a node.js version management utility for Windows
- Nuxt 3 Beta - the intuitive Vue framework
- Parcel v2.0.0 - the zero configuration build tool for the web
- Prettier 2.4
- React CountUp v6.0.0 - a configurable React component wrapper around CountUp.js
- React Native 0.66 - a framework for building native applications using React
- React Router v5.3.0 - Declarative routing for React
- React Static v7.6.0 - a progressive static site generator for React
- renamer v4.0.0 - rename files in bulk
- TypeScript 4.5 Beta
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.
- Node v14.18.0 (LTS)
- Node v16.9.0
- Node v16.9.1
- Node v16.10.0
- Node v17
- What’s new in Node.js core?
- npm v8.0.0
- npm v8.1.0
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!