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.
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
- Added assist for
text-align-last. Now we’re all set with cross-browser assist for this property!
- Added assist 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 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!