09.22.2023 - By Vanessa Otto, Peter Kröner, Hans Christian Reinl, Stefan Baumgartner, Christian »Schepp« Schaefer
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.
UNSER SPONSOR
Maximale Performance für all deine Projekte? Bei mittwald brauchst du dir nie
wieder Sorgen um Performance-Einbrüche machen. Der Traffic kann ruhig durch die
Decke gehen, deine Seite bleibt immer rasend schnell.
mittwald hat Hosting neu gedacht und alles auf die besonderen Anforderungen und
Workloads von Agenturen und Freelancern optimiert – inklusive Infrastruktur,
benutzerfreundlicher Oberfläche und flexiblen Tarifen. Egal, ob du deinen Server
selbst konfigurieren möchtest oder das mittwald-Team sich um die optimalen Specs
kümmern soll. Der persönliche Kundenservice unterstützt dich 24/7 bei allen
Fragen rundum WordPress, TYPO3, Shopware oder was auch immer dich gerade
beschäftigt. Im firmeneigenen und TÜV-zertifizierten Rechenzentrum sind deine
Daten in sicheren Händen. Und das Beste? Wer seine Projekte bei mittwald hostet
bekommt nicht nur die besten Server, sondern auch 100% CO2-neutrales Hosting.
Also, worauf wartest du? Geh jetzt auf mittwald.de/workingdraft und buch dein
erstes Projekt!
SCHAUNOTIZEN
[00:02:23]
Im Rahmen des Bequatschens von 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]
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]
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(), , 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!