Revision 503: CSS-, HTML-, und Accessibility-Kleinkram
Vanessa und Peter tauschen sich in dieser Revision überraschend ausgiebig zu diversen CSS-, HTML- und Accessibility-Problemchen/Features aus.
Schaunotizen
- [00:00:00] Kleinkram
- Vanessa hat festgestellt, dass Viewport-relative Einheiten und vor allem
vh
nur bedingt existieren – zumindest in mobilen Browsern. Browser-Heuristiken und bestimmte Verhaltensweisen von (mobilen) Browsern treiben uns in Sachen horizontalem Scrolling, Accessible Dialog-Design und:focus-visible
um. Wir quatschen kurz über Safari-Bugs und Selektor-Hacking, agitieren für die Verwendung voninput[type=email]
sowie die Nicht-Verwendung vonautofocus
. Über Peters Geheimtipp PostHTML (wie PostCSS, nur für HTML) kommen wir zur Frontend-Gretchenfrage, zur Digital Ocean App Platform, Mobilfunktarifen und G’schichten aus’m Zug. Themenrelevant geht es weiter mit unserer (erfolglosen) Suche nach Use Cases für fit-content undinline-flex
(zu finden in Tailwind UI), CSS Debugging, noch mehr Scrolling/Overflow-Problemen Emoji-Bugs in Chrome, Can I Include, Inclusive Card Components und CSS Modules.