Tippy.js - Knjižnica orodij za lahke Vanilla Javascript

Namigi so koristni za prikazovanje malo bitov dodatne vsebine. Prihranijo prostor na strani in vam omogočijo prostor za animacijo nečesa, kar pritegne pozornost ljudi.

V preteklosti smo zajemali skripte z opisi orodij, vendar veliko razvijalcev želi po meri knjižnice. Nekateri raje jQuery, drugi želijo preprosto vanilijo JS.

Vtičnik Tippy najbolje deluje za slednjo skupino ki želijo delati z vanilijevo kodo JS.

Z Tippy.js dobite popolnoma delujoča knjižnica z opisi orodij teče na vrhu Popper.js. To pomeni, da vtičnik prihaja z majhno odvisnostjo, vendar ga je veliko lažje upravljati kot knjižnico jQuery.

Kaj je torej lepota Tippyja? Doda na privzete sloge Popper za ustvarjanje več dinamičnih opisov orodij z neverjetnimi učinki.

Dodate lahko fades, diapozitive, wiggles, trajanja po meri, metode povratnega klica in celo dinamične učinke, kot so orodja, ki se samodejno vrti.

Resnično ta vtičnik bo vaše nasvete pripeljal na povsem novo raven z dobro opredeljenimi funkcijami uporabnosti. Lahko obdržiš opisi orodij, pritrjeni na zaslon z določenimi elementi strani, ali naj spremenijo orientacijo, če zaslon postane premajhen.

Podpira tudi naprave na dotik, zaradi česar je to idealno za odzivne postavitve. Orodna vrstica HTML je označena z uporabo standardov ARIA za največjo dostopnost. Ne morem se spomniti ničesar slabega za ta vtičnik!

Če želite to poskusiti na svoji spletni strani, preprosto prenesite kopijo izvorne kode od GitHub. To vključuje glavne datoteke vtičnikov in podrobnosti o tem, kako ga namestite z uporabo npm.

Privzeta skriptna datoteka Tippy.js je priložena Popper.js, tako da vam dodatne knjižnice ni treba prenesti. Vse, kar potrebujete, je privzeta datoteka JS / CSS in spletna stran za izvajanje opisov orodij.

Če želite preiskati nekaj primerov, si oglejte domačo stran Tippy.js, ki vključuje vzorce v živo + odrezke kode, ki jih lahko kopirate in ponovno uporabite..