Toto je 13. díl seriálu Začínáme s HTML, pokud se dostatečně neorientujete, zkuste předchozí díl či díl první.
Toto je 13. díl seriálu Začínáme s HTML, pokud se dostatečně neorientujete, zkuste předchozí díl či díl první.
Rok 2016 sebou přináší novinky v oblasti webdesignu a na ty se dnes podíváme.
Čím dál více jsou populární designy, kde je pozadí na celou šířku obrazovky. Design působí vzdušně. Ideální je kombinovat s obrázky na celou šířku webu.
Jeden z velmi znatelných trendů v oblasti vývoje www stránek. Full size obrázky ( obrázky přes celou šířku obrazovky ) se staly dominantou webových stránek. Velký tématický obrázek přitáhne pozornost návštěvníka. Důležité je, aby byl obrázek kvalitní. Tento trend se již začal objevovat v roce 2015.
Video prezentace se pomalu, ale jistě stávají součastí mnoha webových stránek. Pěkné produktové video nebo video, které v pár vteřinách představí vaší firmu vypoví víc, než odstavec textu. Video by samozřejmě mělo být responsivní. Stále populárnější je i video v hlavičce webu.
Moderní web by měl obsahovat plynulé přechody mezi běžným stavem a hover stavem. Pro tento účel se používá v CSS transition. Dále je vhodné, pokud na webu jsou grafy, progress bary a další ukazatele je mít animované.
Hezkou a moderní funkcí je postupné odkrývání a zobrazování textu pro scrollování webu. Animace probíhá za pomocí CSS a JS souboru. Texty mohou najíždět z různých stran, přibližovat se atd.
Parallax je funkce, která umožňuje, aby se obrázek roloval (animoval ) v rámci bloku se stránkou. Na obrazovce je stále vidět horní část obrázku, i když se posouváte k okraji elementu. Stránkám to přidává kreativitu.
Současným trendem je určitě tzv. Flat design. Minimalismus se ukazuje jako dobrá volba. Základem je snadný a rychlý přístup k informacím.
Proces registrace a následného přihlašování ke službám se zkracuje díky možnosti přihlášení přes sociální sítě. Vše zabere jen pár kliků a člověk je registrován, případně přihlášen.
Čím dál více jsou populární 3D modely výrobků. Výhoda 3D modelu je v tom, že si zákazník může zboží detailněji prohlédnout. Výrobek se vyfotí z více směrů a vytvoří se plastický model, který lze následně na webu otáčet různými směry.
