Puh, Safari 16 ist offiziell erschienen und bringt eine Menge an Features mit sich, einige neue und aufregende (Subgrid! Container Queries! Font Palettes!) und andere, auf die wir für bessere Cross-Browser-Unterstützung gewartet haben (Motion Path! Overscroll Behavior! AVIF!). Ich stelle mir vor, wie Jen Simmons fröhlich die neuen Goodies in der Zusammenfassungsankündigung getippt hat.
Ich werde hier einfach die neuen CSS-Features aus den Release Notes einfügen
- Unterstützung für Größenabfragen für Container Queries hinzugefügt. Chrome hat die Unterstützung in Version 105 begonnen, sodass wir nur noch darauf warten müssen, dass Firefox dazukommt, um die Großen Drei™ abzudecken.
- Unterstützung für Container Query Units hinzugefügt. Diese Einheiten gehen Hand in Hand mit Container Queries. Wieder einmal brauchen wir Firefox.
- Unterstützung für Subgrid hinzugefügt. Jetzt sind Safari und Firefox mit Unterstützung abgedeckt. Die gute Nachricht ist, dass Chrome derzeit daran arbeitet.
- Unterstützung für animierbare Grids hinzugefügt. Sehr cool! Chrome hatte schon immer eine Implementierung davon und Firefox unterstützt es bereits seit 2019.
- Unterstützung für Offset Path hinzugefügt. Dies ist auch als Motion Path bekannt, und wir hatten seit 2020 breite Browserunterstützung. Es ist schön zu sehen, dass Safari jetzt auch dabei ist.
- Unterstützung für Overscroll Behavior hinzugefügt. Jetzt können wir „Scroll Chaining“ und Overflow-Affordances mit der
overscroll-behavior-Eigenschaft modifizieren. - Unterstützung für
text-align-lasthinzugefügt. Jetzt sind wir mit der Cross-Browser-Unterstützung für diese Eigenschaft bestens gerüstet! - Unterstützung für die
resolutionMedia Query hinzugefügt. Auch hier sind wir bestens gerüstet!
Es gibt auch einige nette Updates für die Entwicklertools von Safari. Wir haben einen Flexbox-Inspektor, einen Timelines-Tab (mit einem experimentellen Screenshots-Timeline) und Container Queries-Infos, um nur einige zu nennen. Es gibt auch ein komplettes 32-minütiges Video, das alles durchgeht.
Ich fand Safari 15 schon ein ziemlich Killer-Release, aber 16 ist im Vergleich ziemlich episch. Ich weiß, dass es in manchen Kreisen die „Safari ist das neue Internet Explorer“-Stimmung gibt, aber ich freue mich über solche großen Sprünge und schätze die ganze Vorwärtsbewegung. Go Safari Team!
Ich stimme zu, ich freue mich auch über diese Veröffentlichung :)
Leider wurden die Fehler bei der
display-Eigenschaft bei Buttons und Tabellen, die es bereits zweimal zuvor behoben zu haben behauptete (die Überschriften wurden durch last-minute-Updates behoben), immer noch nicht behoben. Ich verfolge die Unterstützung und habe Testfälle, damit Entwickler fundierte Entscheidungen treffen können, was sie verwenden: https://adrianroselli.com/2022/07/its-mid-2022-and-browsers-mostly-safari-still-break-accessibility-via-display-properties.htmlTraurig in der Tat! Ich bin so froh, dass Sie die Unterstützung verfolgen.