TIL: TTL (Tagged Template Literals)

11/15/20 • 78 min

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

Befeuert von leckerem HörerInnenbier tauchen wir ein in die Untiefen der (Tagged) Template Literals und erklären, warum sie der derzeit coolste Weg sind, in JavaScript Strings und Variablen miteinander zu verheiraten. Dabei sprechen wir auch über die XSS-Sicherheit von JS-Strings im Allgemeinen. Nebenher lernt ihr, wie man PC-Shortcuts auf dem Mac verwenden kann und mit welchen Hacker-Tools ihr vor euren FreundInnen angeben könnt. Eine runde Sache. So wie Käse.

Begrüßung: Bier-Spende – [00:00:53]

Biere vom Rüsselsheimer Brauhaus, gespendet von @carlosreithofer

Retro

Moritz: – [00:04:58]
- Karabiner Elements: MacOS Keyboard Customizer
- Karabiner Konfigurationen
Constantin: Opentype.js contextual substitution gemerged – [00:12:04]
Moritz: Container Queries in Chromium – [00:14:08]
- Ticket

Property der Woche: navigator.sendBeacon() – [00:17:32]

MDN: sendBeacon / unload Event / visibilitychange Event
caniuse: sendBeacon / visibilitychange
Webkit-Bug

Spontan-Live-Spam-Spot: Hartes B(r)ett – [00:25:33]

Tagesthema: (Tagged) Template Literals – [00:27:23]

Template Literals a.k.a. Template Strings: MDN / caniuse
hurz()
CodePen-Demo zu Tag-Argumenten
Anwendungsbeispiele (umfangreiche Sammlung)
MDN: Spread Operator (...)
VS Code Syntax Highlighting in Template Literals
Sicherheit

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

Feedback? Kommentar oder Mastodon.

Begrüßung: Bier-Spende – [00:00:53]

Biere vom Rüsselsheimer Brauhaus, gespendet von @carlosreithofer

Retro

Moritz: – [00:04:58]
- Karabiner Elements: MacOS Keyboard Customizer
- Karabiner Konfigurationen
Constantin: Opentype.js contextual substitution gemerged – [00:12:04]
Moritz: Container Queries in Chromium – [00:14:08]
- Ticket

Property der Woche: navigator.sendBeacon() – [00:17:32]

MDN: sendBeacon / unload Event / visibilitychange Event
caniuse: sendBeacon / visibilitychange
Webkit-Bug

Spontan-Live-Spam-Spot: Hartes B(r)ett – [00:25:33]

Tagesthema: (Tagged) Template Literals – [00:27:23]

Template Literals a.k.a. Template Strings: MDN / caniuse
hurz()
CodePen-Demo zu Tag-Argumenten
Anwendungsbeispiele (umfangreiche Sammlung)
MDN: Spread Operator (...)
VS Code Syntax Highlighting in Template Literals
Sicherheit

Vorherige 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]

Choir Tech-Demo/-Spielerei auf adultswim
Korrektur: Cartoon Network, nicht Comedy Central

Verabschiedung: – [02:10:01]

Nächste Episode

48 Dinge, die du (nie) über Selbständigkeit wissen wolltest

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

Feedback? Kommentar oder Mastodon.

Selbständigkeits-Spezial! Mit unserem Gast Fabian Groß besprechen wir was man als Anfänger über Selbständigkeit wissen sollte: Rechtsformen, was in eine ordentliche Rechnung gehört, Steuern, Stundensätze, Akquise, IHK, Künstersozialkasse und wer am Ende alles noch die Hand aufhält und Geld von einem will. Die Häppchen schmieren sich schließlich nicht von alleine!

Begrüßung: Hörer:innenfeedback – [00:00:53]

Retro

Fabian: Internetstörung Vodafone – [00:04:25]
Moritz: AV-Receiver (again), Moritz im t3n-Magazin – [00:07:18]
- t3n-Tweet
Constantin: Play Music Zwangsumstellungsfail zu YouTube Music – [00:09:31]
- Google Cemetary
Moritz: Unity-Engine – [00:16:54]
- Unity-Engine
- Godot-Engine
Constantin: iOS Kiosk-Modus / Guided Access – [00:22:36]
Moritz: HTML Sanitizer API / das Web neu erfinden – [00:28:09]

Property der Woche: animation-delay mit Negativwert – [00:31:22]

Spam-Spot: Kratzermörder – [00:36:53]

Tagesthema: Selbstständigkeit und Freelancertum – [00:39:39]

Disclaimer: Wir dürfen und können keine Rechts- oder Steuerberatung leisten, es handelt sich hier ausschließlich um Erfahrungswerte!

Künstlersozialkasse – [00:40:58]
Rechnungsstellung und Buchhaltungstools – [00:52:52]
Mehrwertsteuer, Umsatzsteuer, Freibeträge und Rücklagen – [01:09:02]
Steuerberater – [01:15:55]
Gesellschaftsformen, Gründungsprozess – [01:24:50]
IHK-Pflichtmitgliedschaft – [01:30:10]
Wer will sonst noch Geld? / Registereinträge / Betrügerei – [01:34:53]
Stundensatz, Verwaltungsaufwand, Produktivanteil, Zeittracking – [01:40:13]
- Zeittracking-Würfel auf Kickstarter
Preisverhandlungen, Kundengespräche, Akquise – [01:59:23]
Freelancing vs Selbstständigkeit, Scheinselbständigkeitsfalle – [02:13:30]
Nebenkosten, Auflagen, Haftung – [02:20:21]