Semantic HTMHELL
Wir haben dich gut unterhalten? Unterstütze uns mit einer Spende ♥
Feedback? Kommentar oder Mastodon.
TAGS TAGS TAGS! Moritz hat sich an Spaghetticode verschluctk. Ein Anlass mit euch über semantisches HTML zu reden, frei nach dem Motto: 🎶 Wieso? Weshalb? Warum? Wer nicht fragt bleibt unedukiert. 🎵
Bonusmaterial: Die 5 hinreißendsten Text-Dekorationen von Constantin (🔥🔥🔥), die erotischsten HTML-Tags (vielleicht gelogen) und ein überaus maßvoller Spam-Spot.
Begrüßung – [00:00:53]
Retro
- Constantin: Follow-up Color Fonts – [00:04:42]
- Moritz: Firefox vs Chrome
– [00:09:15] - Constantin: Vue 3.0, InDesign Bug seit 2009 – [00:12:36]
- Moritz: -Aktion (Podcast-exklusiv)
– [00:18:39] - Constantin: wp-shortcode-tree, OpenSource, Hacktoberfest – [00:22:09]
Property der Woche: Font-Spezial Teil II – [00:28:23]
- CodePen-Demo
- text-decoration-style: wavy – caniuse
- text-decoration-color: – caniuse
- text-decoration-thickness: – caniuse (aktuell nur Firefox und Safari!)
- text-decoration-skip-ink: – caniuse
- text-underline-offset: – caniuse (aktuell nur Firefox und Safari!)
- Tweet von Julia Evans: Cheatsheet zu CSS-Einheiten
- ch-Unit: caniuse
- Schreibmaschinen-Effekt mit ch und steps():
Spam-Spot: LED-Maßband – [00:47:45]
Spontan-GeilTeil: cameo.com – [00:49:24]
Tagesthema: Semantisches HTML 
– [00:53:21]
- Wiktionary: „divitis“
- Duden-Definition „Semantik“
- Moritz’ Twitter-Thread
- Alle HTML-Elemente
- CodePen: semantische Kommentare / Sectioning Beispiel
- Microformats
- Microdata / Google Testtool für strukturierte Daten
- Schema.org
- Semantic Quiz: #1 / #2 / #3
- Semantic HTML CodePen Collection
- Moritz’ Accessibility Cheatsheet
- Artikel zu <hgroup>
- <hgroup> auf MDN
GeilTeil Constantin: Scammer-Abwehr mit Jim Browning – [01:46:45]
GeilTeil Moritz: htmhell.dev – [01:57:27]
Verabschiedung: Feedback!!!!11einself – [02:01:56]