Semantic HTMHELL

10/18/20 • 126 min

Diese Sendung soll nie aufhören? Unterstütze uns mit einer Spende ♥

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]
- LiebeHeide
- Fontself
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]
- wp-shortcode-tree GitHub repository
- Hacktoberfest

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:

Diese Sendung soll nie aufhören? Unterstütze uns mit einer Spende ♥

Feedback? Kommentar oder Mastodon.

Begrüßung – [00:00:53]

Retro

Constantin: Follow-up Color Fonts – [00:04:42]
- LiebeHeide
- Fontself
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]
- wp-shortcode-tree GitHub repository
- Hacktoberfest

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:

Vorherige Episode

Webtypografie mit Gerrit van Aaken

Diese Sendung soll nie aufhören? Unterstütze uns mit einer Spende ♥

Feedback? Kommentar oder Mastodon.

Bäm! Zurück aus der Sommerpause begrüßen wir mit Gerrit van Aaken unseren ersten echten #WWSIV-Gast! Begebt euch mit uns auf eine Achterbahnfahrt durch die Typografie im Web, von PHP-Image-Replacement über sIFR und cufón bis hin zu @font-face und variablen Fonts. Nebenher sprechen wir über unicode-range, diverse Font-Features, Mate, Fahrräder und ihr werdet Zeuge unserer ersten Live-Podcast-Spende. Wie immer getreu unserem Motto: alles neu macht der September!

Begrüßung – [00:00:53]

Retro Gerrit: BEM (block element modifier) – [00:12:48]

Retro Moritz: Spenden, SpamSpot-Spende-Twitter-Block, Sticker – [00:15:59]
Spendier ein Bier!

Nachtrag Gerrit: Club Mate Post, dev-Domain – [00:19:08]

Retro Constantin: TV legt Internet lahm, pdfparser PHP library – [00:20:25]

„Alter Fernseher stört ADSL für ein ganzes Dorf“
PDF-Spezifikation: 1.4 / 1.7
smalot/pdfparser / https://www.pdfparser.org

Property der Woche: Font-Spezial – [00:25:22]

unicode-range: MDN / caniuse
https://jrgraphix.net/research/unicode_blocks.php
Progressive Font Enrichment: Google-Demo / Artikel auf rwt.io
Beispiel – Icon in input gelöst mit unicode-range: https://carsharing-deutschland.de
font-feature-settings: MDN / caniuse / css-tricks
font-variant: caniuse
font-variation-settings: MDN / caniuse
object-fit: MDN / caniuse

Tagesthema: Webtypografie

Geschichte der Webtypografie – [00:41:35]

Nächste Episode

The Holy State of CSS

Diese Sendung soll nie aufhören? Unterstütze uns mit einer Spende ♥

Feedback? Kommentar oder Mastodon.

Willkommen zum offiziellen #WWSIV-Audiokommentar von "The State of CSS"! Hier bleibt keine Wissenslücke verborgen und kein Feature unangetastet. Wir füllen gemeinsam die Umfrage aus, kommentieren, bewerten und entdecken die eine oder andere Perle.
Neben einem frisch dampfenden Spamspot erläutern wir noch die Tücken von :focus-visible und lassen uns in die WASM-Welt der singenden Münder entführen (aus der es kein Zurück gibt). Ein Heidenspaß für die ganze Familie (ab 18)!

Begrüßung: Dank für die Spenden, Geburtstagsständchen – [00:00:52]

Retro

Moritz: Twitter-Glocke drücken, OSC-Protokoll – [00:08:40]
- Open Sound Control
Constantin: Opentype.js / OpenType-Spezifikation / (Unit-)Tests – [00:13:26]
- opentype.js auf GitHub
- OpenType-Spezifikation
Moritz: AV-Receiver-Odyssee – [00:18:27]
Constantin: Kundenprojekt CoVID-19 Online-Testergebnisabfrage – [00:22:03]

Property der Woche: :focus-visible – [00:26:00]

MDN: :-moz-focusring / :focus-visible
CSS-tricks
Chromium Blog: Giving users and developers more control over focus
caniuse

Spam-Spot: Datierung – [00:41:37]

Hintergrundmusik: „Take Me Now!“ von Nick Chapman
aus dem Album „Wakka Chikka Wakka Chikka: Porn Music for the Masses, Volume 1“
Lizenz: CC BY-NC 2.0
Netlabels Collection des Internet Archive

Tagesthema: State of CSS 2020 – [00:45:04]

GeilTeil Constantin: Choir auf [adult swim] – [02:04:56]