Znáte v CSS funkci clamp()? To a další triky z vývoje webů pro mobilní zařízení nám ukázal Dominik.
- CSS funkce
clamp()pro fluid typography a spacing bez media queries - Accessibility a clamp(): proč záleží na 200% zoomu (WCAG SC 1.4.4) a jak ji neporusit
- Touch targets: detekce dotikových zařízení pomocí
pointer: coarsemísto hardcoded breakpointů - Responzivní tabulky: negantivní margin + flexbox trik pro full-width scroll na mobilu
- CSS funkce
attr()– čtení HTML atributů přímo v CSS (užitelné v Blazoru) - CSS funkce
light-dark()– automatická podpora dark/light mode bez Bootstrap boilerplate
Vzdělávací okénko prezentoval Dominik Crha.