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

1. Warum überhaupt Content Sectioning? – [00:37:44]
2. <address> – [00:44:47]
3. <article> – [00:48:36]
4. <aside> – [00:54:40]
5. <footer> – [00:58:39]
6. <header> – [01:01:58]
7. <h1>-<h6> – [01:08:31]
8. <main> – [01:17:26]
9. Einwurf WWSIF Shorts und AI – [01:25:17]
10. <nav> – [01:31:05]
11. <section> – [01:36:46]
12. 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?
  • How To Write Semantic CSS
• Moritz: IE11 ab 14. Februar nicht mehr verfügbar – [01:49:01]

Das Ende – [01:51:11]