Webtypografie mit Gerrit van Aaken

Wo wir sind ist vorne.

Wir haben dich gut unterhalten? Unterstütze uns mit einer Spende ♥

Feedback? Kommentar oder Twitter.

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]

• https://praegnanz.de/
• https://webtypobuch.de/
• https://frontendhappyhour.com/

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]

• Gerrits Club Mate Post
• https://whitespace.gmbh
• https://nicht.live

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

1. Geschichte der Webtypografie – [00:41:35]
   • https://www.fontsquirrel.com/
2. Herausforderungen der Webtypografie heute – [00:56:29]
3. Variable fonts – [01:00:24]
   • MDN / caniuse
   • https://underware.nl
   • Inter variable font Demos: https://rsms.me/inter/
   • Jello-Demo von Mandy Michael
4. Lizenzierungsmodelle – [01:12:56]
   • Twitter-Konversation mit Gerrit
   • https://fontspring.com
   • https://typekit.com
5. Fragen an Gerrit: Lieblingsschrift? Häufige Fehler? – [01:22:23]

GeilTeil

• Gerrit: vanMoof E-Bike – [01:33:08]
• Moritz: Color Font LiebeHeide – [01:41:17]
• Constantin: Fontself Plugin für Illustrator – [01:44:46]

Verabschiedung – [01:46:43]

Kapitel

1. Intro (00:00:05)

2. Begrüßung: Vorstellung Gerrit (00:00:53)

3. Retro Gerrit: BEM (block element modifier) (00:12:48)

4. Retro Moritz: Spenden, SpamSpot-Spende-Twitter-Block, Sticker (00:15:59)

5. Nachtrag Gerrit: Club Mate Post, dev-Domain (00:19:08)

6. Retro Constantin: TV legt Internet lahm, pdfparser PHP library (00:20:24)

7. Property der Woche: Font-Spezial (00:25:22)

8. Tagesthema: Webtypografie / 1. Geschichte der Webtypografie (00:41:35)

9. 2. Herausforderungen der Webtypografie heute (00:56:29)

10. 3. Variable fonts (01:00:24)

11. 4. Lizenzierungsmodelle (01:12:56)

12. 5. Fragen an Gerrit: Lieblingsschrift? Häufige Fehler? (01:22:23)

13. GeilTeil Gerrit: vanMoof E-Bike (01:33:07)

14. GeilTeil Moritz: Color Font LiebeHeide (01:41:17)

15. GeilTeil Constantin: Fontself Plugin für Illustrator (01:44:46)

16. Verabschiedung (01:46:43)

17. Outro (01:48:57)