Accessibility, Frontend und der ganze Rest mit Manuel Matuzović

03/19/23 • 128 min

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

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

Was hast du gegen Lobster? – [00:41:22]
- Similar Fonts and Free Alternatives to Lobster
Wie kamst du zum Computer? – [00:47:10]
Und wie zur Accessibility? – [00:49:14]
Woher nimmst du all die Zeit und Motivation? – [00:55:27]
Wie kam die Idee zu HTMLHell zustande? – [01:00:40]
- Folge: 15 Semantic HTMHELL
- HTMhell.dev
100 Days Of More Or Less Modern CSS – [01:03:50]
- Day 82: value processing
Was vermisst du noch an CSS? – [01:11:32]
- My CSS wish list
Treffen wir uns auf der btconf? – [01:15:49]
Wie sieht für dich ein typischer Accessibility Test aus? – [01:17:42]
Wie stellst du sicher, dass du nichts vergisst? – [01:21:27]
HTML first – [01:40:17]
- Eleventy
- Enhance
- Astro
- Alpine.js
- petite-vue

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

Feedback? Kommentar oder Mastodon.

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

Was hast du gegen Lobster? – [00:41:22]
- Similar Fonts and Free Alternatives to Lobster
Wie kamst du zum Computer? – [00:47:10]
Und wie zur Accessibility? – [00:49:14]
Woher nimmst du all die Zeit und Motivation? – [00:55:27]
Wie kam die Idee zu HTMLHell zustande? – [01:00:40]
- Folge: 15 Semantic HTMHELL
- HTMhell.dev
100 Days Of More Or Less Modern CSS – [01:03:50]
- Day 82: value processing
Was vermisst du noch an CSS? – [01:11:32]
- My CSS wish list
Treffen wir uns auf der btconf? – [01:15:49]
Wie sieht für dich ein typischer Accessibility Test aus? – [01:17:42]
Wie stellst du sicher, dass du nichts vergisst? – [01:21:27]
HTML first – [01:40:17]
- Eleventy
- Enhance
- Astro
- Alpine.js
- petite-vue

Vorherige Episode

4 eher unbekannte Properties

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

Feedback? Kommentar oder Mastodon.

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!

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

Retro

Moritz: Faxnummer – 0721 47046487 – [00:04:28]
Constantin: Husky – [00:07:01]
- Folge 25: Oh Git oh Gott! mit Michael van Engelshoven
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]

Local Fonts API – [00:23:19]
CSS margin-trim – [00:39:52]
- caniuse
- Moritz’ Demo
Einschub: esbuild & Dart Sass – [00:50:27]
Intl.Segmenter() – [00:58:18]
CSS leading-trim und text-edge – [01:09:21]
- Leading-Trim: The Future of Digital Typesetting
- W3C Spec CSS Inline Layout Module Level 3: leading-trim / text-edge

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

Das Ende – [01:28:14]

Nächste Episode

HTML von a bis z-z III: Text Content

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

Feedback? Kommentar oder Mastodon.

HTML, HTML, immer nur HTML! In unserer beliebten Reihe besprechen wir heute alles was mit HTML-Listen zu tun hat (menu, ol, ul, dl etc.) inklusive einiger Tricks die ol auf Lager hat. Dazu kommen die Klassiker p und div (is not a button) und erklären, warum letzteres nur verwendet werden soll, wenn einem gar nichts anderes einfällt. Dazu servieren wir den Termin für unser Hörer*innentreffen, versuchen iFrames ohne Reload zu verschieben und lernen mit welchem Tool man Bilder neu ausleuchten kann.
Tsching·de·ras·sa·bum! 🥁

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

Retro

Moritz: Hörer*innen-Treffen – [00:04:22]
- Anmeldung zum btconf Warmup
Constantin: iframe-Reload beim Verschieben im DOM – [00:07:32]
- Bug-Tickets: Mozilla / Webkit / WHATWG
Moritz: DJ-Namen Abstimmung – [00:16:08]