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
loadingattribute - HTML: the
dialogelement and the::backdroppseudo-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(), andat()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.
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!