Revision 588: State of CSS, Teil 1 von 2
Die alljährliche CSS-Umfrage „State of CSS“ hat ihre 2023er-Ergebnisse veröffentlicht! Vanessa, Schepp und Peter freuen sich nicht nur darüber, dass Working Draft erneut an der Abstimmung über den besten CSS-Podcast der Milchstraße teilnehmen durfte, sondern auch darüber, dass die Umfrage Anlass bietet, mal wieder ausgiebig über diverse CSS-Themen zu plaudern.
Schaunotizen
- [00:04:13] Subgrid
- Wir begrüßen die Einführung von Subgrid, einem der Hauptfokus-Gebiete der Interop-2023-Initiative, rundheraus und sinnieren ein wenig über die Adaption von Grid und Flexbox.
- [00:08:25] Logical Properties
- Dass niemand von uns wirklich ernsthaft Logical Properties benutzt hat, hält uns nicht davon ab, wild über mögliche Use Cases zu spekulieren. Möglicherweise sind Logical Properties aber auch einfach eine inkrementelle Verbesserung ohne Killer-Anwendungsfall.
- [00:15:03] Content-Visibility
- Über das Pro und Contra von
content-visibility
und seinem Event-Kollegencontentvisibilityautostatechange
kommen wir auf CSS-Footguns und -Entäuschungen wiewill-change
(ist doof),vertical-align
(ist eine Tabellenzellen-Only-Diva) und andere Fehlgriffe wie das Casing voncurrentColor
zu sprechen. - [00:23:35] Container Queries
- Wir geben zu Protokoll, viele der performancekritischen CSS-Hammerfeatures wie den
:has()
-Selektor und eben Container Queries eher sparsam zu verwenden. Schepp berichtet außerdem von der Mootoolisierung eines Teil-Aspekts von:has()
, was ein Nachjustieren der Spezifikationen nötig machte. - [00:33:39] Neue Viewport Units
- Wir berichten von unseren Erfahrungen mit Viewport-Units im Allgemeinen und den neuen Viewport-Units, die die diversen Mobile-Browser-Chromes mitbedenken im Besonderen. Die Frage „was zählt eigentlich als Viewport“ führt uns auf direkten Wege zu Themen wie Scrollbars,
env()
und dem im Orkus verschwundenenoverflow: overlay
. - [00:40:11] Intrinsic Sizing Keywords
- Dass wir alle nur ein grobes, intuitives Verständnis von Maßangaben wie
min-content
haben, wird schnell ersichtlich. - [00:45:39] linear() Easing Function
- Lineares Transition Timing ist nun so parametrisierbar, dass wir damit beliebige Beschleunigungskurven beschreiben können … jedenfalls, wenn wir gewillt sind, sehr viele Koordinaten anzugeben. Aber das ist unserer Auffassung nach kein Non-Starter!
- [00:48:57] View Transition API
- Schepp rekapituliert seine Probleme mit mehreren prallel stattfindenden View Transitions und wir überlegen, ob es nicht sinnvoll gewesen wäre, MPA-Transitions zuerst einzuführen.