CSS: Oblikovanje dropdown okna

Pri izdelavi različnih spletnih obrazcev se velikokrat srečamo z izbirnimi meniji (select menu). Zanje je še posebej značilno, da jih je izredno težko oblikovati. Vendar lahko z določenimi CSS značkami in hitremu napredku v razvoju brskalnikov dosežemo dobre rezultate.

Beri naprej CSS: Oblikovanje dropdown okna

Empathy Map

Zemljevid empatije (Empathy map) nam omogoča generiranje raziskovalnih podatkov za boljše razumevanje uporabnikov. Zemljevidi empatije so tako odlični za ustvarjanje “person”, ki identificirajo uporabnike z različnim “mindsetom”.

Beri naprej Empathy Map

CSS: scroll-behavior

Scrollanje po strani oz. skoki na strani se običajno izvajajo s pomočjo t.i. sider. Skoki po strani s pomočjo sider pa so brutalni oz. hitri, brez animacije. Animacijo smo običajno dosegli s pomočjo JavaScripta oz. knjižnic. S pomočjo CSSja pa lahko ta efekt dosežemo precej lažje.

Beri naprej CSS: scroll-behavior

Ikone za navigacijo

V spletnem oblikovanju srečamo pri navigaciji oz. elementih, ki označujejo navigacijo precej različnih ikon. Najbolj razširjena ikona pa je t.i. hamburger ikona – “☰”. Za boljšo razumevanje UX/UI si pobližje poglejmo nekaj primerov.

Beri naprej Ikone za navigacijo