NOTE: This is issue #048 of my newsletter, which went live on Monday, January 17th. 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.
Compat 2021 yielded great results in improving cross-browser compatibility. Chrome 97 introduced the
WebTransport API. Firefox 96 comes with improved performance and security. Safari 15.2 and Safari Technology Preview 137 rolled out to users. Ember 4.0 and Jasmine 4.0.0 lead the updates section and don't forget to apply the January Security Updates for your Node installation.
I was glad to see all major browser vendors come together to work on the Compat 2021 initiative. And the results are visible for us all. Where 2021 started with scores between 64 and 69 for the stable versions, now all browsers pass the 90 points threshold.
The end of the year announcement of the Chromium team gives us more details on each focus area. The initiative is planned to continue in 2022 as well, under the name Interop 2022. Discussions are underway to decide the focus points.
Chrome 97 rolled out at the start of the year. Here are the main changes that arrived in this update:
WebTransportis a new API offering low-latency, bidirectional, client-server messaging
- You can use feature detection to see what types of scripts a browser supports
More details on these topics and the other things included in the update can be found in the official release notes linked below:
Firefox users received an update as well to version 96. Here are the main changes:
- The main-thread load has been lowered
- All cookies will have by default a
SameSite=laxattribute which helps defend against Cross-Site Request Forgery (CSRF) attacks
Web Locks APIallows scripts running in different service workers or tabs to coordinate with each other.
- Added CSS
color-schemesupport to allow web pages to indicate which color schemes they can be rendered with (such as system dark mode).
- You can now use
hwb()values to specify colors in CSS
More details are available in the release notes below:
Safari 15.2 went out to all users running iOS and iPadOS 15.2 and macOS 12.1. Here are the main WebKit features that are now available to everyone:
- WebAssembly apps can now access up to 4GB of memory
- The new
Cross-Origin-Embedder-Policy (COEP)HTTP response headers can enable process isolation and access to shared memory
- Wide gamut support for Canvas
You can find more details in the articles below:
Safari Technology Preview 137 arrived as well, bringing support for
:has() CSS pseudo-class and many other features, fixes, and updates:
- AVA 4 - Node.js test runner that lets you develop with confidence
Chart.js v3.7.0 - Simple HTML5 Charts using the
- Create React App v5.0.0 - set up a modern web app by running one command
- D3 v7.3.0 - bring data to life with SVG, Canvas and HTML
- Eleventy v1.0.0 - a simpler static site generator
- Ember 4.1
- fast-json-stringify v3.0.0 - 2x faster than JSON.stringify()
- Got v12.0.0 - human-friendly and powerful HTTP request library for Node.js
- Gutemberg 12.2
- Node January 10th 2022 Security Releases
- NVM for Windows 1.1.9 - a node.js version management utility for Windows
- Parcel v2.2.0 - the zero configuration build tool for the web
- React Date Picker 4.6.0 - a simple and reusable datepicker component for React
- React-PDF v5.6.0 - display PDFs in your React app as easily as if they were images
That's about all I have for the first update of 2022. 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 would appreciate your consideration.
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!