Wo wir sind ist Wunschkonzert

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

Feedback? Kommentar oder Mastodon.

Wir begeben uns in die Welt der (Web-)Standards und Best-Practices die wenig genutzt werden, unterschiedlich implementiert sind oder sich nie etabliert haben. Das führt über Registrierungen und Authentifizierungsmethoden über Formularstyling zu Bildformaten und Videoplayer-Usability. Nebenbei zeigen wir euch, wie man per CSS den Cursor in Regenbogenfarben blinken lassen kann und zeigen, dass VSCode auch im Browser laufen kann. Ein bunter Strauß Themen (Allergikerfreundlich!).

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

Retro

• Constantin: Kassetten (Folge 21) – [00:04:40]
  • „Er ist jetzt auf der anderen Seite“
  • Verdopplung der Kassetten-Verkäufe in Großbritannien 2020
  • C64 Datasetten-Sound auf YouTube
• Constantin: Nachtrag Folge 22 – SVG-Sprites mit CSS-Variablen – [00:08:49]
  • Demo SVG-Sprite mit CSS-Variablen

• Moritz:
  Demo bei CSS-Tricks – [00:15:08]

  • CSS-Tricks-Artikel
  • Demo
• Constantin: WordPress-Plugin-Veröffentlichungs-Prozedur – [00:24:06]
  • Plugin „Corona-Testergebnisse“ im WordPress-Directory
  • WordPress-Plugin „Corona-Testergebnisse“ Premium-Version
  • 136.000 Test-Ergebnisse ungeschützt im Netz
• Constantin: atob() und btoa() – wer hat sich das ausgedacht?! – [00:49:49]
  • atob() / btoa()
  • Strings in JavaScript – UTF-16 vs. Binary Strings
  • UTF-16 to Binary / Binary to UTF-16
  • StackOverflow-Post
• Moritz: Toasted Skin Syndrome (Erythema ab igne) – [00:54:00]
• Constantin: MediaStream, navigator.mediaDevices.getUsermedia(), chrome.desktopCapture.chooseDesktopMedia() – [00:56:55]
  • WWSIV auf Twitch folgen und keinen Stream verpassen!
• Moritz: Merchandise Umfrage-Ergebnisse – [01:03:02]

Property der Woche: caret-color – [01:10:46]

• caret-color: MDN / caniuse
• caret-shape: CSS-Tricks
• Demo

Tagesthema: Web-Standards und best-practices die es (noch) nicht gibt – [01:19:32]

• 1. Registrierungen mit E-Mail-Adresse – [01:20:17 ]
• 2. Login mit 2-Faktor-Authentifizierung (2FA) – [01:28:39]
• 3. Einheitliche UI von <input> date/time und <select> – [01:48:13]
• 4. AVIF und WebP statt Uralt-Grafikformaten – [02:04:38]
  • caniuse: JPEG2000 / WebP / AVIF
• 5. Einheitliche Videoplayer-Steuerung – [02:26:40]
• 6. Formulardesign für internationale Namen und Adressen – [02:38:52]
  • W3C: „Personal Names around the World“

GeilTeil

• Moritz: adnauseam – [02:49:37]
• Constantin: github1s – [02:53:46]

Verabschiedung – [03:00:28]