HTML von a bis z-z II: Inhaltszerstückelung
Wo wir sind ist vorne.
German - February 12, 2023 11:30 - 1 hour - 105 MBTechnology Homepage Download Google Podcasts Overcast Castro Pocket Casts RSS feed
Entwickler*innen, Entwickler*innen, Entwickler*innen! Semantische Inhaltssektionierungselemente sind das Thema. Weil so keiner bei Google findet: wir sprechen über die HTML-Elemente die den Inhalt grob strukturieren, wie header, footer, main, section, article etc. Dabei geht’s auch mal in die eine oder andere Untiefen der impliziten roles. Dazu servieren YouTube CSS-Tutorials und zeigen was man mit der Shape-Detection API so anstellen kann. Wer in der HTMHölle lebt, wird diese Sendung lieben!
Wir haben dich gut unterhalten? Unterstütze uns mit einer Spende ♥
Feedback? Kommentar oder Mastodon.
Entwickler*innen, Entwickler*innen, Entwickler*innen! Semantische Inhaltssektionierungselemente sind das Thema. Weil so keiner bei Google findet: wir sprechen über die HTML-Elemente die den Inhalt grob strukturieren, wie header, footer, main, section, article etc. Dabei geht’s auch mal in die eine oder andere Untiefen der impliziten roles. Dazu servieren YouTube CSS-Tutorials und zeigen was man mit der Shape-Detection API so anstellen kann. Wer in der HTMHölle lebt, wird diese Sendung lieben!
Begrüßung – [00:00:54]
Retro
Retro Constantin: Custom-Input-A11Y-Rabbit-Hole & CSS-Wünsche – [00:07:11]
CSSWG: Do we need :focus-visible-within?
caniuse: :focus-within / :focus-visible
Moritz: Kommentare zur letzten Folge – [00:26:50]
Property der Woche: Shape Detection API – [00:33:22]
Shape Detection API bei Chrome Developers
Shy Blob Face Detection CodePen („Experimental Web Platform Features“-Flag in Chrome!)
Tagesthema: Content Sectioning
Warum überhaupt Content Sectioning? – [00:37:44]
<address> – [00:44:47]
<article> – [00:48:36]
<aside> – [00:54:40]
<footer> – [00:58:39]
<header> – [01:01:58]
<h1>-<h6> – [01:08:31]
<main> – [01:17:26]
Einwurf WWSIF Shorts und AI – [01:25:17]
<nav> – [01:31:05]
<section> – [01:36:46]
Accessibility und aria-label – [01:40:52]
GeilTeil
Constantin: CSS-Tutorials von KevinPowell – [01:45:01]
Can I create Netflix’s video carousel with CSS only?
Moritz: IE11 ab 14. Februar nicht mehr verfügbar – [01:49:01]
Das Ende – [01:51:11]