Working Draft

Wöchentlicher Podcast für Frontend Devs, Design Engineers und Web-Entwickler:innen. Mal mit, mal ohne Gast begeben wir uns in die Tiefen von HTML, CSS, JavaScript oder auch Frameworks wie React, Vue und Angular. Wir diskutieren über gute UX, Web Performance und Barrierefreiheit, sowie ab und an auch über Browser und Webstandards. Supported uns bei Patreon: https://patreon.com/workingdraft

https://workingdraft.de

subscribe
share






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.

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] <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!


fyyd: Podcast Search Engine
share








 September 23, 2023  1h23m