Begrüßung – [00:00:55]
Retro
- Constantin: APCu Extension für PHP 8.2 unter Windows – [00:03:4]
- Moritz: Als PDF scannen mit OCR – Windows vs Mac – [00:07:48]
- Constantin: bestdayfinder.com – [00:19:55]
- Constantin: CSS Subgrid in Chrome 117 – [00:27:53]
Tagesthema: State of HTML – [00:31:08]
- GitHub: repo / Feature-Liste
- Forms – [00:35:28]
- autocomplete-Attribut: Folge 29: #season2::after { content: „Sommerpause“ }
- HTML Media Capture
- input.showPicker(): Demo
- FormData API: FormData() Demo
- <selectlist> (ehemals <selectmenu>): Folge 39: SELECT * FROM MENU
- contenteditable=“plaintext-only“: caniuse
- Form Validation: input.setCustomValidity()
- Interactivity – [00:53:21]
- details[name] Tabs Experiment
- Popover API: Folge 56: Lebenszeichen / Moritz‘ Demo
- inert-Attribut
- Element API – getAttributeNames(): MDN / replaceChildren(): MDN
- Content – [01:05:02]
- loading=“lazy“: Folge 2: CCC: Corona, Cloud und Chaos
- srcset and sizes Attribute (Responsive Images)
- Content-Security Policy (CSP): Folge 48: Policy, htaccess & HTTP – XSS, CSP, Olé Olé
- fetchpriority-Attribut: caniuse / -Property: MDN
- blocking=“render“: whatwg/html Issue
- <model> für AR/VR/3D Content: W3C Draft
- controlslist: WICG Explainer / Property (MDN) / caniuse
- Internationalization Features: Folge 4: A11Y I18N FTW! WTF? / Folge 52: 4 eher unbekannte Properties
- Accessibility – [01:29:28]
- focusgroup: Open UI Explainer / Was ist „roving tabindex“?
- <search role=“search“>: caniuse
- Native-like Web Apps – [01:34:41]
GeilTeil: StarLink Satellite Tracker – [01:44:50]
Das Ende – [01:49:12]
Kommentare
marcelkommentierte
am
Kommt des vielleicht aus Worms?
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.
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. 😄