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 help (Movement Path! Overscroll Habits! AVIF!). I think about Jen Simmons typing cheerfully writing out the entire new goodies within the roundup announcement.
Simply gonna drop within the new CSS options from the discharge notes:
- Added dimension queries help for Container Queries. Chrome began supporting it in Model 105, so all we want is Firefox to affix the social gathering to get The Large Three™ coated.
- Added help for Container Question Models. These items go hand-in-hand with Container Queries. As soon as once more, we want Firefox.
- Added help for Subgrid. Now it’s Safari and Firefox with help protection. The excellent news is that Chrome is presently growing it as properly.
- Added help for animatable Grids. Very cool! Chrome has at all times had some implementation of this and Firefox began supporting it again in 2019.
- Added help for Offset Path. That is also referred to as Movement Path, and we’ve had broad browser help since 2020. It’s good to see Safari on board.
- Added help for Overscroll Habits. Now we will modify “scroll chaining” and overflow affordances with the
overscroll-behaviorproperty. - Added help for
text-align-last. Now we’re all set with cross-browser help for this property! - Added help for the
decisionmedia 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 means of every little thing, too.
I assumed Safari 15 was a reasonably killer launch, however 16 is fairly epic as compared. I do know there’s a “Safari is the brand new Web Explorer” vibe in some circles, however I’m comfortable to see huge jumps like this and recognize all of the ahead momentum. Go Safari Crew!
