Webdesign – hrátky v CSS

Flexibilní box model ("flexbox") – CSS
Zkoušíte vytvářet vlastní webové stránky a základy jazyka HTML jste už zvládli?
Úprava vzhledu vašich stránek (stylování) pomocí tzv. kaskádových stylů CSS je důležitou součástí webdesignu.

Flexibilní box model neboli zkráceně flexbox je parádní způsob, jak na stránkách uspořádat spoustu věcí (třeba menu).
Flexbox je pružný a snadno se uzpůsobí různým zařízením.

Pro výuku flexboxů ve svých kroužcích používám netradiční výukovou hru Flexbox Zombies.

Hra je zcela zdarma (pouze je třeba provést registraci) a v angličtině, ale s tím samozřejmě pomůže překladač.
Po přihlášení plní hráč jednotlivé úkoly a postupně se tak učí pracovat s flexboxy.

Především však dávám k dispozici svoji vlastní přípravu na kroužek, která vytváření flexboxů podrobně vysvětluje.

Zájemci se tak z pohodlí domova mohou naučit ovládat tuto užitečnou techniku.



Autoři: Dům dětí a mládeže Stonožka Nové Město nad Metují