WebKit-funktioner i Safari 16.0 PlatoBlockchain Data Intelligence. Vertikal sökning. Ai.

WebKit-funktioner i Safari 16.0

Wow pojke, Safari 16 är officiellt ute i naturen och den innehåller ett gäng funktioner, några nya och spännande (Subgrid! Container Queries! Font Palettes!) och andra vi har väntat på för bättre stöd för flera webbläsare (Motion Path! Overscroll Behavior! AVIF!). inbillar jag mig Jen Simmons skriver glatt och skriver ut alla nya godsaker i den roundup-meddelande.

Källa: WebKit.org

Ska bara släppa in de nya CSS-funktionerna från releasenoteserna:

  • Stöd för storleksfrågor har lagts till för Container Queries. Chrome började stödja det i version 105, så allt vi behöver är Firefox för att gå med i festen för att få The Big Three™ täckt.
  • Tillagt stöd för Container Query Units. Dessa enheter gå hand i hand med Container Queries. Återigen behöver vi Firefox.
  • Lade till stöd för Subgrid. Nu är det Safari och Firefox med supporttäckning. Den goda nyheten är att Chrome håller på att utveckla den också.
  • Tillagt stöd för animerbara Grids. Väldigt coolt! Chrome har alltid haft någon implementering av detta och Firefox började stödja det tillbaka i 2019.
  • Lagt till stöd för Offset Path. Detta är också känt som Rörelsebana, och det har vi haft brett webbläsarstöd sedan 2020. Det är trevligt att se Safari ombord.
  • Lade till stöd för Overscroll Behavior. Nu kan vi modifiera "scroll chaining" och överflöd avfordances med overscroll-behavior fast egendom.
  • Lagt till stöd för text-align-last. Nu är vi klara med stöd för flera webbläsare den här egenskapen!
  • Lade till stöd för resolution mediefråga. Allt klart här också!

Det finns en hel del trevliga uppdateringar av Safaris utvecklarverktyg också. Vi har en Flexbox-inspektör, en Tidslinjer-flik (med en experimentell tidslinje för skärmdumpar) och Container Queries-information, för att nämna några. Det finns en full 32-minuters video som går igenom allt också.

jag trodde Safari 15 var en ganska mördande release, men 16 är ganska episkt i jämförelse. Jag vet att det finns en "Safari är den nya Internet Explorer"-vibben i vissa kretsar, men jag är glad över att se stora hopp som detta och uppskattar all fart framåt. Gå till Safari Team!


Direktlänk →

Tidsstämpel:

Mer från CSS-tricks