Latenight-Frontend-Talkshow rund um Webdesign und Entwicklung. Es reden sich um ＜HEAD＞ und Kragen: HTML-Fundamentalist Moritz Gießmann und JavaScript-Jongleurin Sarah Groß. Dabei geht es bei N+1 Kaltgetränken um die ganze Welt des Frontend-Developments: UX, HTML, CSS, JavaScript, Tooling, Frameworks, uswusf. Füße hoch und Ohren auf für "Wo wir sind ist vorne"!
https://wowirsindistvorne.show
episode 51: HTML von a bis z-z II: Inhaltszerstückelung
Wir haben dich gut unterhalten? Unterstütze uns mit einer Spende ♥
Feedback? Kommentar oder Twitter.
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?
- How To Write Semantic CSS
- Moritz: IE11 ab 14. Februar nicht mehr verfügbar – [01:49:01]
Das Ende – [01:51:11]