+++LIVE+++ #WWSIV heute gegen 20:00 Uhr LIVE auf Twitch! +++LIVE+++

Die vereinigten Staaten von HTML-istan

Folge №60 · Veröffentlicht am: · Spielzeit: 113 Minuten

Die Highlights aus der „The state of HTML“-Umfrage! Wir sind zurück (wenn auch nur kurz, weil Sabbatical und Reisen und so) und haben eine bunte Wundertüte HTML im Ge(p|b)äck! Für euch haben wir uns die erste State of HTML-Umfrage angeschaut und über unsere Highlights, neue Elemente, Attribute und APIs gesprochen. Als da wären selectlist, contenteditable=“plaintext-only“, Akkordeons mit purem HTML, die Popover-API, das Model-Element und vieles vieles mehr! Kurz und knackig, aber zackig! ❤️

Shownotes

Begrüßung – [00:00:55]

Retro

Tagesthema: State of HTML – [00:31:08]

  1. Forms – [00:35:28]
  2. Interactivity – [00:53:21]
  3. Content – [01:05:02]
  4. Accessibility – [01:29:28]
  5. Native-like Web Apps – [01:34:41]

GeilTeil: StarLink Satellite Tracker – [01:44:50]

Das Ende – [01:49:12]

Kommentare

Name

marcelkommentierte

am

Kommt des vielleicht aus Worms?

Name

Scheppkommentierte

am

Bzgl. der Annotation für responsive Bilder gibt es dahingehend Bewegung, als dass man die Anforderungen zumindest für lazy nachgeladene Bilder zurückschraubt und bei denen zukünftig ein sizes=“auto“ reicht. Die Idee ist, dass der Browser lazy Bilder eh nicht schnell lädt, weil er auf das Stylesheet warten muss, um zu wissen, ob das Bild schlussendlich im Viewport ist oder nicht. Und wenn er das weiß, dann weiß er auch wie breit ein Bild eingebunden ist, so dass er nicht auf Schützenhilfe durch ein voll bestücktes sizes-Attribut angewiesen ist. https://github.com/whatwg/html/pull/8008

Und dann gibt es zu Moritz‘ Idee, den Browser im Zusammenspiel mit einem progressiven Bildformat selbst regulieren zu lassen, wieviele Bilddaten er lädt, folgendes Blogpost von Jason Grigsby, der dafür JPEG XL ins Spiel bringt: https://cloudfour.com/thinks/on-container-queries-responsive-images-and-jpeg-xl/ Grund dafür ist dessen gegenüber klassischem JPEG deutlich erweiterten Fähigkeiten in diesem Bereich, was hier gut dargestellt wird: https://www.youtube.com/watch?v=wN2Es9_hz7M

Darum ist es toll, dass Safari 17 nach vorne prescht und JPEG XL unterstützt, während Chrome und Firefox sich damit aus fadenscheinigen Gründen schwertun. WebP und AVIF kommen beide jedenfalls nicht infrage, denn als Video-Codec-Derivate ist ihnen progressives Decoding ein völliges Fremdwort.

Name

Constantinkommentierte

am

Wie immer absolut interessanter Input, danke dir! Besonders über die sizes und loading=“lazy“ Sache freu ich mich, dann muss ich das nur noch für unsere hero visuals fixen. 😄

Kommentiere!
Folgendes HTML erlaubt
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> 

Die E-Mail-Adresse wird nicht öffentlich angezeigt.

Wir sind im Moment live auf Twitch!