Rozcestník k responzivnímu webdesignu

Obecně

• Základní principy responzivity
• Lidé a zařízení
• Weby vs. aplikace
• Mobile First
• Časté chyby a druhý díl
• Pojmy „adaptivní“ a „responzivní“
• Proč neříkat „pixel-perfect“?

Zařízení

• Testování webů
• Weby na Watch OS a chytrých hodinkách
• iPhone X a zařízení s kulatými okraji

Viewporty

• Jak je vytáhnout z Google Analytics?
• Jak zjistit velikost okna?
• Jak zjistit velikost displeje?
• Meta značka pro viewport

Design

• Breakpointy
• Breakpointy v kódu
• Responzivní grafy
• Responzivní tabulky
• Responzivní obrázky
• Pružné obrázky a média
• Responzivní SVG
• Element Queries
• Navigace: responzivní
• Navigace: mobilní a hamburgery
• Design webů v prohlížeči
• UX tipy
• UX tipy: pokročilé

CSS vlastnosti a řešení

• Media Queries
• Container Queries
• CSS pixel
• Jednotky v CSS
• Funkce minmax(), min-content, max-content, fit-content
• Elastická typografie

Knihy

• Responsive Design: Patterns & Principles
• Responzivní design profesionálně
• Vzhůru do (responziv­ního) webdesignu