New WebKit Features in Safari 15.4, CSS-Tricks joins DigitalOcean, Angular v13.3.0, Deno 1.20, and more | Front End News #056

NOTE: This is issue #056 of my newsletter, which went live on Monday, March 21st. 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.

This week is time for MacOS and iOS users to receive updates to their browsers. Safari 15.4 brings a lot of awesome updates, including lazy loading, the dialog element, CSS Cascade Layers, and CSS Containment, to name just a few. CSS-Tricks is joining the DigitalOcean family. And the updates of the week include Angular v13.3.0, Deno 1.20, and more.

New WebKit Features in Safari 15.4

Safari 15.4 is a major update for the main WebKit browser. It brings features long-awaited by the developer community. Here are the highlights:

• HTML: lazy loading using the loading attribute
• HTML: the dialog element and the ::backdrop pseudo-element
• CSS: first browser to implement the :has() pseudo-class
• CSS Cascade Layers
• CSS Containment
• CSS Large, Small, and Dynamic Viewport units
• JavaScript: findLast(), findLastIndex(), and at() methods

There is, of course, a lot more than that (it would require 15 pages to print the entire article). I invite you to check the official release notes linked below.

• New WebKit Features in Safari 15.4

CSS-Tricks is joining DigitalOcean!

Since 2007 CSS-Tricks has been one of the go-to places for info on how to build websites. Chris Coyier and his team built an amazing resource and community. But things grew beyond their capability to manage. That's where DigitalOcean comes on the scene.

CSS-Tricks is joining DigitalOcean, as part of their ongoing project to provide better knowledge for developers. Both Chris Coyier and Digital Ocean made announcements on this topic (linked below). And if you think about having your articles published here, this transition has already increased the payments they make for content.

Thank you, Chris, for helping countless developers, and good luck with your projects!

• CSS-Tricks is joining DigitalOcean!
• CSS-Tricks joins DigitalOcean, expanding our commitment to the community

Software updates and releases

• Angular v13.3.0
• Deno 1.20 - a modern runtime for JavaScript and TypeScript
• Faker v6.0.0 - generate massive amounts of fake data in the browser and node.js
• Liqvid 2.1 - create interactive videos in React
• MDX 2.1.0 - Markdown for the component era
• Prettier 2.6 - an opinionated code formatter
• React-Menu v3.0.0
• Vuetify v3.0.0-beta - material component framework for Vue

Wrapping things up

Ukraine is still suffering under the Russian invasion - if you are looking for ways to help, please check Smashing Magazine's article We All Are Ukraine 🇺🇦 or get in touch with your trusted charity.

That's about all I have for this issue. 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 this newsletter 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!