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 the entire new goodies within the roundup announcement.
Supply: WebKit.org
Simply gonna drop within the new CSS options from the discharge notes:
Added measurement 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 Massive Three™ lined.Added assist for Container Question Models. These items 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 presently growing it as effectively.Added assist for animatable Grids. Very cool! Chrome has all the time had some implementation of this and Firefox began supporting it again in 2019.Added assist for Offset Path. That is also referred to 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 will 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 effectively!
There are fairly a number of good updates to Safari’s developer instruments, too. We’ve bought a Flexbox inspector, a Timelines tab (with an experimental screenshots timeline), and Container Queries information, to call a number of. There’s a full 32-minute video that walks by way of every part, too.
I assumed 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 large jumps like this and respect all of the ahead momentum. Go Safari Group!
To Shared Hyperlink — Permalink on CSS-Tips
WebKit Options in Safari 16.0 initially printed on CSS-Tips, which is a part of the DigitalOcean household. You must get the publication.
Subscribe to MarketingSolution.
Receive web development discounts & web design tutorials.
Now! Lets GROW Together!