Šestiúhelník se stínem a hover efektem? No to snad…
Logo Cetorea je tvořeno šestiúhelníkem a tak se použití motivu šestiúhelníku přímo samo nabízelo. Ondra připravil grafický návrh, ve kterém jsou v hlavičce stránek dva aktivní odkazy v podobě šestiúhelníku (výchozí stav je decentní stín a po najetí se zobrazí tučný rámeček) s touto poznámkou: „Za to mě určitě nepochválíš :-) Ale ber to jako výzvu :-)“.
Výzva přijata! Po nemalé době googlení bylo jasné, že žádné takové řešení nikdo nepopisuje a tak jsme vytvořili řešení vlastní. Tadá, hlavička stránek odpovídá návrhu a je responzivní.
Plugin accordion vs. scrolling vs. menu
Pro zobrazení služeb v blocích Mentální zdraví a Osobní rozvoj jsme použili plugin accordion.
Accordion plugin je obdoba záložek (tabů), ale záložky nejdou horizontálně v jedné rovině, ale pod sebou. Při kliknutí na položku se rozbalí podrobnější text, hodně se používá pro FAQ (otázky a odpovědi).
Pokud uživatel stránek klikne na název služby v hlavním menu, provede se scrolling (odrolování) na požadované místo na stránce.
Scrolling je efekt, kdy při kliknutí na tzv. kotvu (v menu nebo kdekoliv jinde na stránce) neskončí stránka na hned, ale plynule se odroluje na žádané místo na stránce. Hodně se tohoto efektu využívá u one-page webů (vše na jedné stránce).
Přišlo nám, že by uživatele nemuselo hned napadnout, že pro zobrazení detailnějších informací musí kliknout na název služby v accordionu (tedy další klik) a tak jsme chování upravili tak, že se provede rovnou i rozbalení detailních informací o službě.
Tyhle JavaScriptový vychytávky nás prostě baví. Co na tom, že u toho člověk stráví půl dne :D A přitom to je taková blbost…
EDIT: Celá výše popsaná vychytávka byly při poslední zásadní změně struktury odstraněna, nicméně není problém takovou či podobnou funkcionalitu kdykoliv doplnit.
Dodané služby
25. 4. 2023