Safari 15.4 release

Veille

In this release of safari, there are a lot of exciting stuff. Some keys features :

HTML

• New Features

  • Added support for the <dialog> element.

  • Added lazy-loading support for images with the loading attribute on the <img> element.

  • Added support for the autofocus attribute.

CSS

• New Features

  • Added ::backdrop pseudo-element support.

  • Added support for CSS Containment with the contain property.

  • Added CSS Cascade Layer support for improved developer control over cascading rules.

Safari 15.4 Beta Release Notes

Veille

Congratulations to Chris Coyier for the acquisition by Digital Ocean : css-tricks-is-joining-digitalocean

CSS

Article: Aligning Content In Different Wrappers

SASS

A great article about the why is still relevant today : in-defense-of-sass

Twitter

• Did you know you can write reactive CSS in @vuejs 3?
• We can use reactive values in our style block just like we can in the template block:

Link to the tweet : https://twitter.com/MichaelThiessen/status/1503341429933887492

Twitter

• Just trying @eleven_ty’s Vue plugin and grinning like a Cheshire Cat at how bloody easy it is Link to the tweet : https://twitter.com/hankchizljaw/status/1503013055118069763

Web Performance

• Performance tip: don’t forget to dedupe your modules! In many cases, you may be loading the same package multiple times Try npm dedupe or npx yarn-dedupe to ensure you shed unneeded duplicates

Link to the tweet : https://twitter.com/Steve8708/status/1504471963258920976

Twitter

CSS Tip 💡 Use a dynamic line separator that changes from horizontal to vertical depending on flex-direction. No need for width or height. Just a stretched CSS border!

Link to the tweet : https://twitter.com/shadeed9/status/1504793648151601169