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.

UNSER SPONSOR

Workshops.DE bietet IT-Schulungen für moderne Web-Entwicklung. Dabei arbeitet

Workshops.DE nicht als reiner Vermittler, sondern bildet eine Community aus über

80 Trainer:innen, welche gemeinsam Material erstellen, sich gegenseitig

unterstützen und weiterbilden, um möglichst nachhaltige und hochqualitative

Weiterbildungsangebote zu schaffen.

Ein starker Fokus liegt hierbei auf den Frontend-Frameworks Angular, React und

Vue. Neben diesen gibt es aber auch Weiterbildungen im Bereich Docker,

Kubernetes und Spring Boot. Zum Netzwerk gehören ebenfalls die Community-Portale

Angular.DE, ReactJS.DE und VueJS.DE.

Seid ihr auf der Suche nach einer qualitativen Weiterbildung im Bereich

Web-Entwicklung oder möchtet euch selbst als Trainer:in einbringen? Dann seid

ihr bei Workshops.DE genau richtig.

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-Kollegen

contentvisibilityautostatechange kommen wir auf CSS-Footguns und -Entäuschungen

wie will-change (ist doof), vertical-align (ist eine Tabellenzellen-Only-Diva)

und andere Fehlgriffe wie das Casing von currentColor 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 verschwundenen overflow:

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.