Gradient Magic

Ustvarjanje CSS gradientov iz nič je lahko zastrašujoče. Na srečo imamo na spletu veliko orodij, ki nam omogočajo lažjo izgradnjo CSS gradientov. Eno novejših orodij je tudi Gradient Magic, ki predstavlja galerijo CSS odštekanih gradientov.

Beri naprej Gradient Magic

CSS: attr()

CSS značka attr() nam omogoča, da določenemu nizu dodamo dodatno pojasnilo oz. opis. Običajno smo takšno funkcionalnost imenovali z besedo “tooltip”, prikaže pa se z prehodom miške na desktop računalniku ali klikom na mobilni napravi.

Beri naprej CSS: attr()

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