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

    element.

  • Added lazy-loading support for images with the loading attribute on the 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