Wo wir sind ist Wunschkonzert

Wo wir sind ist vorne.

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

Feedback? Kommentar oder Twitter.

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 date/time und – [01:48:13]4. AVIF und WebP statt Uralt-Grafikformaten – [02:04:38]caniuse: JPEG2000 / WebP / AVIF5. 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]

Kapitel

1. Intro (00:00:06)

2. Begrüßung (00:00:55)

3. Retro Constantin: Kassetten (00:04:40)

4. Constantin: Nachtrag Folge 22 - SVG-Sprites mit CSS-Variablen (00:08:49)

5. Moritz: Demo bei CSS-Tricks (00:15:08)

summary

6. Constantin: WordPress-Plugin-Veröffentlichungs-Prozedur (00:24:06)

7. Constantin: atob() und btoa() - wer hat sich das ausgedacht?! (00:49:49)

8. Moritz: Toasted Skin Syndrome (Erythema ab igne) (00:54:00)

9. Constantin: MediaStream, getUserMedia(), chooseDesktopMedia() (00:56:55)

10. Moritz: Merchandise Umfrage-Ergebnisse (01:03:01)

11. Property der Woche: caret-color (01:10:46)

12. Tagesthema: Web-Standards und best-practices die es nicht gibt (01:19:32)

13. 1. Registrierung ohne E-Mail-Adresse (01:20:17)

14. 2. Login mit 2-Faktor-Authentifizierung (2FA) (01:28:39)

15. 3. Einheitliche UI von date/time und (01:48:13)

select

16. 4. AVIF und WebP statt Uralt-Grafikformaten (02:04:38)

17. 5. Einheitliche Videoplayer-Steuerung (02:26:40)

18. 6. Formulardesign für internationale Namen und Adressen (02:38:52)

19. GeilTeil Moritz: adnauseam (02:49:37)

20. GeilTeil Constantin: github1s (02:53:46)

21. Verabschiedung (03:00:28)

22. Outro (03:02:04)