Stvorite mjehuriće govora na stranici s Popper.js

Svi znaju opise i postoje deseci besplatnih resursa koji će vam pomoći da ih napravite. Međutim, mjehurići prilagođene poruke ili “trudnice” također su vrlo korisne.

Oni nisu ograničeni samo na događaje koji se hover, tako da se mogu pojaviti na stranici dosljedno i raditi oko drugih ponašanja korisnika.

Ako ih želite stvoriti poppers govora tada na vašoj web-lokaciji Popper.js je najbolji izbor. To je besplatni open-source plugin, koji se nalazi na službenim web stranicama js.org.

Ove savjete s mjehurićima pronaći ćete na mnogim web-lokacijama koje imaju složena sučelja. Ponekad će ponuditi brzi savjeti, Walkthroughs, i savjete o brodu za nove korisnike sučelja.

S programom Popper.js ne morate čekati da se korisnik pomakne samo da biste stvorili opis alata. Umjesto toga, možete prisiliti popera na pojavljuju se bilo gdje, bilo koje veličine, bilo koja boja, s dinamičkim pozicioniranjem.

Pogledajte demo stranicu Popper.js da biste vidjeli na što mislim. Dolazi s a širok raspon značajki pozicioniranja koji vam omogućuju automatsko okretanje popper položaja na temelju položaja zaslona.

Kako se korisnik pomiče prema dolje, može izgubiti popper mjehurić. S ovim dodatkom možete natjerati ga natrag u pogled okretanjem prema gore (ili prema dolje), ovisno o smjeru pomicanja korisnika.

Imate potpunu kontrolu nad granicama, položajima strelica, bojama alata i još mnogo toga. Da ne spominjem ovaj dodatak je prekrasna i potpuno proširiv ako želite dodati svoje značajke u kombinaciju.

Sav izvorni kod dostupan je besplatno na GitHubu ako ga želite provjeriti.

Da biste započeli, pogledajte stranicu s dokumentacijom za potpuni vodič. Ovo vam govori koje skripte trebate, kako postaviti prilagođeni popper i kako konfigurirati različite opcije prikaza. Iako, najbolji resurs je glavna stranica Popper.js, s demosima u izobilju i obilje uzoraka koda.

Ako želite pročitati više o razvoju, pogledajte ovaj blog koji je napisao kreator Federico Zivolo.