CSS: prefers-reduced-motion

Media značke niso le “screen” in “print”, na voljo imamo tudi druge. Ena takšnih je CSS media značka “prefers-reduced-motion”, ki se uporablja za zaznavanje, če je uporabnik zahteval, da sistem zmanjša količino animacij ali gibanja, ki se uporablja na strani.

Beri naprej CSS: prefers-reduced-motion

CSS Scan 2.0

Pri razvoju spletnih strani oz. proučevanju posameznih elementov običajno uporabljamo orodja Dev Tools, ki nam omogočajo enostavno pregledovanje in kopiranje CSS kode. Uporabimo pa lahko tudi drugačen način, in sicer vtičnik CSS Scan 2.0.

Beri naprej CSS Scan 2.0

CSS: Scroll Snap

CSS Scroll Snap nam omogoča sidranje pogleda oz. določenih elementov na zaslonu. V praksi to pomeni, če uporabnik “scrola” po strani in se vstavi na določenem delu, kjer se vidijo dve vsebine se slednja prestavi ustrezno tako, da je vidna samo ena. Za lažjo predstavo si oglejmo spodnji primer.

Beri naprej CSS: Scroll Snap