Saturday, October 1, 2022
HomeProgrammingWebKit Options in Safari 16.0 | CSS-Methods

WebKit Options in Safari 16.0 | CSS-Methods


Whew boy, Safari 16 is formally out within the wild and it packs in a bunch of options, some new and thrilling (Subgrid! Container Queries! Font Palettes!) and others we’ve been ready on for higher cross-browser assist (Movement Path! Overscroll Habits! AVIF!). I think about Jen Simmons typing cheerfully writing out all the new goodies within the roundup announcement.

A list of new WebKit features.
Supply: WebKit.org

Simply gonna drop within the new CSS options from the discharge notes:

  • Added dimension queries assist for Container Queries. Chrome began supporting it in Model 105, so all we want is Firefox to hitch the celebration to get The Huge Three™ coated.
  • Added assist for Container Question Items. These models go hand-in-hand with Container Queries. As soon as once more, we want Firefox.
  • Added assist for Subgrid. Now it’s Safari and Firefox with assist protection. The excellent news is that Chrome is at present creating it as properly.
  • Added assist for animatable Grids. Very cool! Chrome has at all times had some implementation of this and Firefox began supporting it again in 2019.
  • Added assist for Offset Path. That is often known as Movement Path, and we’ve had broad browser assist since 2020. It’s good to see Safari on board.
  • Added assist for Overscroll Habits. Now we are able to modify “scroll chaining” and overflow affordances with the overscroll-behavior property.
  • Added assist for text-align-last. Now we’re all set with cross-browser assist for this property!
  • Added assist for the decision media question. All set right here as properly!

There are fairly just a few good updates to Safari’s developer instruments, too. We’ve obtained a Flexbox inspector, a Timelines tab (with an experimental screenshots timeline), and Container Queries information, to call just a few. There’s a full 32-minute video that walks by way of every part, too.

I believed Safari 15 was a fairly killer launch, however 16 is fairly epic compared. I do know there’s a “Safari is the brand new Web Explorer” vibe in some circles, however I’m joyful to see massive jumps like this and respect all of the ahead momentum. Go Safari Workforce!


Direct Hyperlink →

RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Most Popular

Recent Comments