+++LIVE+++ #WWSIV heute gegen 20:00 Uhr LIVE auf Twitch! +++LIVE+++

4 eher unbekannte Properties

Folge №52 · Veröffentlicht am: · Spielzeit: 90 Minuten

Als kurze Verschnaufpause zwischen dem Trommelfeuer der HTML-Elemente präsentieren wir euch 4 eher unbekannte Properties. Darunter CSS margin-trim, leading-trim (+ text-edge), die JavaScript Local Fonts API und JavaScript Intl.Segmenter(). Dazu gibt es unter anderem unsere Faxnummer und das Geilteil ist diese Mal etwas zum Rumspielen. Flutschi plutschi bäng bäng!

Shownotes

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

Retro

  • Moritz: Faxnummer – 0721 47046487 – [00:04:28]
  • Constantin: Husky – [00:07:01]
  • Moritz: Bewertungen, Apple Podcasts Banner per Metatag – [00:08:45]
  • Constantin: Yoda Conditions – [00:12:15]
  • Moritz: Solarstrom – [00:15:36]
  • Constantin: caniuse jetzt mit Hinweis zu IE11 – [00:18:44]
  • Moritz: Danke für Spenden – [00:21:00]

Tagesthema – [00:21:46]

  1. Local Fonts API – [00:23:19]
  2. CSS margin-trim – [00:39:52]
  3. Einschub: esbuild & Dart Sass – [00:50:27]
  4. Intl.Segmenter() – [00:58:18]
  5. CSS leading-trim und text-edge – [01:09:21]

GeilTeil: Particle Love – [01:22:19]

Das Ende – [01:28:14]

Kommentare

Name

Jankommentierte

am

Yoda Conditions ist bei uns ein Coding Style um zu verhindern, dass man versehentlich statt einem Vergleich eine Zuweisung macht:
if ($variable = true) // wirft kein Fehler
if ($variable === true)

vs.
if (true = $variable) // wirft Fehler
if (true === $variable)

Name

Constantinkommentierte

am

Ach – interessant, dass das noch mehr Vorteile hat als nur schnellere Erfassung!

Name

vaupehkommentierte

am

Zum Thema Leading: Im Kontext von Typographie wird das tatsächlich wie „ledding“ ausgesprochen (kommt von „lead“ = „Blei“, was seinerseits „ledd“ gesprochen wird).
Siehe auch https://en.wikipedia.org/wiki/Leading

Insofern war die Medium Text-to-Speech tatsächlich korrekt unterwegs 🙂

Name

Constantinkommentierte

am

Wieder was gelernt, danke! 🙂

Kommentiere!
Folgendes HTML erlaubt
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> 

Die E-Mail-Adresse wird nicht öffentlich angezeigt.

Wir sind im Moment live auf Twitch!