Tippy.js - Knjižnica alata za pomoć pri laganoj vanilji
Opisi alata korisni su za prikazivanje malo bitova dodatnog sadržaja. Oni štede prostor na stranici i daju vam prostor da animirate nešto što privlači pozornost ljudi.
U prošlosti smo pokrivali skripte alata, ali mnogi programeri žele prilagođene knjižnice. Neki preferiraju jQuery, drugi žele jednostavan vanilin JS.
Tippy plugin najbolje radi za ovu drugu skupinu koji žele raditi s vanilinim JS kodom.
Uz Tippy.js dobivate potpuno funkcionalna biblioteka alata trčanje na vrhu Popper.js. To znači da dodatak dolazi s malom ovisnošću, ali je mnogo lakše upravljati od jQuery knjižnice.
Što je onda ljepota Tippy? Dodaje se na zadane Popper stilove za stvaranje dinamičnije opise alata s nevjerojatnim efektima.
Možete dodati fades, slajdove, wiggle, prilagođena trajanja, metode povratnog poziva, pa čak i dinamičke efekte kao što su automatske rotacije.
Stvarno ovaj dodatak će vaše opise alata podići na novu razinu s dobro definiranim značajkama upotrebljivosti. Možete zadržati opisi alata pričvršćeni za zaslon s određenim elementima stranice, ili neka se promijeni orijentacija ako zaslon postane premali.
On također podržava dodirne uređaje što ga čini savršenim za odgovarajući raspored. HTML alat opisuje se pomoću ARIA standarda za maksimalnu dostupnost. Ne mogu smisliti ništa loše za ovaj dodatak!
Ako želite isprobati ovo na vlastitoj web-lokaciji, jednostavno preuzmite kopiju izvornog koda tvrtke GitHub. To uključuje glavne datoteke dodataka zajedno s detaljima o tome kako ga instalirati pomoću npm.
Podrazumijevana datoteka skripte Tippy.js dolazi s Popper.js uključenima tako da ne morate čak ni preuzimati tu dodatnu knjižnicu. Sve što trebate je zadana datoteka JS / CSS i web-stranica za izvođenje opisa alata.
Ako želite istražiti neke primjere, pogledajte početnu stranicu Tippy.js koja sadrži uzorke uživo + isječke koda koje možete kopirati i ponovno koristiti.
