Ustvarite mehurčke govora na strani s funkcijo Popper.js

Vsi vedo opisov orodij Obstaja na ducate brezplačnih virov, ki vam bodo pomagali. Vendar pa, mehurčki sporočil po meri ali “poppers” zelo koristne.

Oni niso omejene na dogodke, ki se premikajo, tako da se lahko pojavijo na strani dosledno in delujejo okoli drugih vedenj uporabnikov.

Če želite ustvariti te govorni mehurček poppers potem na vašem spletnem mestu Popper.js je najboljša izbira. To je brezplačen odprtokodni vtičnik, ki ga gosti uradno spletno mesto js.org.

Te nasvete za mehurčke boste našli na številnih spletnih mestih, ki imajo kompleksne vmesnike. Včasih bodo ponudili hitri nasveti, walkthroughs, in nasvet za nove uporabnike vmesnika.

Pri Popper.js vam ni treba čakati, da uporabnik lebdi samo za ustvarjanje opisa orodja. Namesto tega lahko uporabite popper pojavijo kjerkoli, velikosti, vse barve, z dinamičnim pozicioniranjem.

Oglejte si demo stran Popper.js, da vidite, kaj mislim. Prihaja z široko paleto funkcij pozicioniranja ki vam omogočajo samodejno obračanje položaja popperja glede na lokacijo zaslona.

Ko se uporabnik pomakne po strani, lahko izgubi popper bubble. S tem vtičnikom lahko prisilite jo nazaj v pogled z obračanjem navzgor (ali navzdol), odvisno od smeri pomikanja uporabnika.

Imate popoln nadzor nad mejami, položaji puščic, barvami opisov orodij in še veliko več. Da ne omenjam tega plugin je krasen in popolnoma razširljiv če želite v svojo mešanico dodati svoje funkcije.

Vsa izvorna koda je na voljo brezplačno na GitHubu, če jo želite preveriti.

Za začetek si oglejte stran z dokumentacijo za popoln vodnik. To vam pove, katere skripte boste potrebovali, kako nastaviti popper po meri in kako konfigurirati različne možnosti prikaza. Čeprav je najboljši vir glavna stran Popper.js, z demonstracijami v izobilju in veliko kodnimi vzorci.

Če želite prebrati več o razvoju, si oglejte objavo na blogu ustvarjalca Federica Zivola.