Working Draft

Wöchentlicher Podcast für Frontend Devs, Design Engineers und Web-Entwickler:innen

Revision 585: Neues in HTML und Co, Teil 1 von 3

Es gibt nun ein State of HTML 2023 (passend zu State of JS und State of CSS, bitte mitmachen), für den zuvor auf GitHub Input gesammelt wurde. Schepp und Peter haben sich die Mitte August für die Umfrage zur Diskussion stehenden HTML-Features reingezogen und vergessen, dabei die Mikrofone auszuschalten.

Schaunotizen

[00:02:23] <dialog>

Im Rahmen des Bequatschens von <dialog> kommen wir auf den Uber-Stacking-Context namens Top Layer zu sprechen, sowie darauf, dass bei ::background keine CSS-Variablen funktionieren.

[00:09:45] inert-Attribut

Wir vergleichen die Features und Fähigkeiten von inert mit dem vergleichbaren, aber flexibleren CSS-Feature visibility.

[00:13:17] Popover-API

Wir nehmen mit Wohlwollen zur Kenntnis, dass die Popover API Libraries wie Popper überflüssig macht und schweifen ein wenig in Richtung htmx und CSS Anchor Positioning ab.

[00:20:50] Selectlist

An Fancy Selects im Speziellen und HTML-Maximalismus im Allgemeinen entzündet sich wie immer die Frage: sollte das auch ein eigenes HTML-Element sein? Peter rechtfertigt seine Ablehnung mit Verweis auf die Komplexität (die „Specs“ von Open UI sind keine Specs) und das weitgehende Scheitern der HTML5-Formularfeatures.

[00:29:11] <breadcrumb>

Warum kein nav-Element, rätseln wir ergebnislos.

[00:34:32] Lazy Loading

Der Performance-Papst legt eine Blitzpredigt zu Lazy Loading hin und berichtet vom Umgang mit AVIF.

[00:44:00] <template>

Wir versuchen zu ergründen, warum (unserer Erfahrung nach) kaum jemand das Template-Element in freier Wildbahn nutzt, wie eine Rettung aussehen könnte … und ob sie Erfolg versprechend sein kann.

[00:48:34] Custom Elements

Schepp legt dar, warum in seiner Realität Web Components (noch) keine Rolle spielen, obwohl wir mittlerweile mit attachInternals Custom Form-Elemente entwickeln könnten!

[01:05:25] Schlussrunde

Zum Abschluss steifen wir extrem kurz die Themen showPicker(), <portal>, View Transitions, blocking="render" und Mozilla allgemein.

Links

State of HTML 2023

Die Macher der Befragung würden sich sehr freuen, wenn auch Ihr mitmachen würdet!

Anhören

MP3 herunterladen (59,8 MB) | Transkript