UX / HTML a CSS - úvod

Používateľské rozhrania a používateľský zážitok

HTML a CSS - praktická prednáška

Michaela Bačíková

Fokus doteraz

UX a rýchle prototypovanie
UX/usability testovanie

Fokus teraz (nasl. 2 prednášky)

Implementácia
Viac technologicky zamerané

Prečo web?

Relatívne rýchly a dostupný prostriedok pre implementáciu
Široko využívaný nástroj
Prístupnosť
Univerzálnosť
Prispôsobiteľnosť - možnosti pre jednotné rozhranie na všetkých platformách (responzívnosť)

Technológie a Témy

HTML a CSS
Čo robí rozhranie dobrým?

Táto prednáška

Praktické základy webu - HTML, CSS
Základná štruktúra HTML súboru
Základné elementy
Prehliadač ako nástroj
Oddelenie štrukúry a vzhľadu

Táto prednáška

Štýlovanie, základné prístupy k štýlovaniu
- CSS deklarácie, identifikátory, selektory
- Čo znamená kaskádovanie
Usporiadanie prvkov v zobrazení layouts
- Flexbox, Grid

Budúca prednáška

Tabuľky, formuláre
Responzívny dizajn
Atomický dizajn a CSS rámce
SASS & SCSS