Témy
- Vizuálna hierarchia
- Veľkosť, kontrast, poloha a priestor
- Gestalt princípy a zoskupovanie prvkov
- Mriežka a rytmus rozloženia
- Zarovnanie, stĺpce, medzery a okraje
- Pravidlo vnútorného a vonkajšieho priestoru
- Mechanizmy CSS layoutu
- Normálny tok dokumentu a box model
- Flexbox, CSS Grid a Subgrid
- Responzívne rozloženie
- Plynulé rozmery a media queries
- Container queries
- Prístupnosť rozloženia
- Vizuálne a logické poradie obsahu
- Odolnosť pri zmene obsahu a veľkosti textu
Prezentácia
Zdroje
- Intuition: Gestalt principles and some other aspects of visual perception
- Bureau Gorbunov: The rule of the inner and the outer
- MDN Web Docs: Introduction to CSS layout
- MDN Web Docs: CSS flexible box layout
- MDN Web Docs: CSS Grid layout
- MDN Web Docs: Subgrid
- MDN Web Docs: CSS container queries
- W3C Web Accessibility Initiative: Understanding Meaningful Sequence