Accessibility, Frontend und der ganze Rest mit Manuel Matuzović

Wo wir sind ist vorne.

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

Feedback? Kommentar oder Twitter.

Lobsteriooo, Lobsteriaaaaa! Mit Manuel Matuzović sprechen wir über seine Computergeschichte, Accessibility, HTMLHell, 100DaysOfCss, Motivation und wie man es schafft viele Dinge auf einmal zu machen. Dazu gibt’s eine CSS-Property die es schon lange gibt, aber uns dreien lange unbekannt war und das ganze Accessibility Toolset von Manuel. Achja. Fast vergessen: 🦞🦞🦞

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

Retro

• Moritz: auf Twitter geblockt: A dramatic turn of events. Twice. – [00:06:16]
• Constantin: User-Agent reduction in Chrome – [00:13:27]
  • Chrome Developers: Prepare for Chrome’s user‑agent reduction
  • Chromium Project updates: User-Agent Reduction
• Manuel: Outing als Lobster-Hasser – [00:17:46]
• Moritz: KA-Feedback App Feedback Feedback – [00:18:21]

Property der Woche: ::file-selector-button – [00:22:55]

• Manuels Blog-Beitrag: You can style the file selector button of file upload elements.
• Manuels CodePen-Demo: Styling the file selector
• caniuse ::file-selector-button / ::-webkit-file-upload-button / ::-ms-browse

Entscheide Dich! – [00:27:39]

Thema-Vorgeplänkel: Winamp, Typescript und schlechtes Markup – [00:34:03]

Tagesthema

1. Was hast du gegen Lobster? – [00:41:22]
   • Similar Fonts and Free Alternatives to Lobster
2. Wie kamst du zum Computer? – [00:47:10]
3. Und wie zur Accessibility? – [00:49:14]
4. Woher nimmst du all die Zeit und Motivation? – [00:55:27]
5. Wie kam die Idee zu HTMLHell zustande? – [01:00:40]
   • Folge: 15 Semantic HTMHELL
   • HTMhell.dev
6. 100 Days Of More Or Less Modern CSS – [01:03:50]
   • Day 82: value processing
7. Was vermisst du noch an CSS? – [01:11:32]
   • My CSS wish list
8. Treffen wir uns auf der btconf? – [01:15:49]
9. Wie sieht für dich ein typischer Accessibility Test aus? – [01:17:42]
10. Wie stellst du sicher, dass du nichts vergisst? – [01:21:27]
    • W3C Markup Validation Service
    • Axe Dev Tools
    • WCAG-EM-Report-Tool
    • Accessibility bei Miro
11. HTML first – [01:40:17]
    • Eleventy
    • Enhance
    • Astro
    • Alpine.js
    • petite-vue
    • htmx
    • Craft CMS
12. Wo unterrichtest du? / Kann man dich für Vorträge/Fortbildungen buchen? – [01:52:21]
    • matuzo.at
    • LeanDUS

GeilTeil

• Moritz: Randoma11y – [01:55:31]
• Manuel: Musikempfehlungen – [01:59:24]
  • El Michels Affair – Shimmy Shimmy Ya
  • Team Scheisse – ERFURT
  • Team Scheisse – KARSTADTDETEKTIV
  • Christopher Lauer auf Twitter zu Karstadt
  • Kurt Razelli
  • Rapper lesen Rapper: YouTube / Wikipedia
  • Dexter liest: „Bodak Yellow“

Das Ende – [02:06:37]

Kapitel

1. Begrüßung (00:00:54)

2. Retro Moritz: auf Twitter geblockt: A dramatic turn of events. (00:06:16)

3. Constantin: User-Agent reduction in Chrome (00:13:26)

4. Manuel: Outing als Lobster-Hasser (00:17:46)

5. Moritz: KA-Feedback App Feedback Feedback (00:18:21)

6. Property der Woche: ::file-selector-button (00:22:55)

7. Entscheide Dich! (00:27:39)

8. Thema-Vorgeplänkel: Winamp, Typescript und schlechtes Markup (00:34:03)

9. Tagesthema: 1. Was hast du gegen Lobster? (00:41:22)

10. 2. Wie kamst du zum Computer? (00:47:10)

11. 3. Und wie zur Accessibility? (00:49:14)

12. 4. Woher nimmst du all die Zeit und Motivation? (00:55:27)

13. 5. Wie kam die Idee zu HTMLHell zustande? (01:00:40)

14. 6. 100 Days Of More Or Less Modern CSS (01:03:50)

15. 7. Was vermisst du noch an CSS? (01:11:32)

16. 8. Treffen wir uns auf der btconf? (01:15:49)

17. 9. Wie sieht für dich ein typischer Accessibility Test aus? (01:17:42)

18. 10. Wie stellst du sicher, dass du nichts vergisst? (01:21:27)

19. 11. HTML first (01:40:17)

20. 12. Wo unterrichtest du? / Kann man dich buchen? (01:52:21)

21. GeilTeil Moritz: Randoma11y (01:55:31)

22. Manuel: Musikempfehlungen (01:59:24)

23. Das Ende (02:06:37)