Looge Popper.js-iga lehekülje kõnepallid

Kõik teavad tööriista ja seal on kümneid vaba ressursse, mis aitavad teil neid teha. Kuid, kohandatud sõnumimullid või “poppers” on ka väga kasulikud.

Nad ei piirdu hover-sündmustega, et nad saaksid leheküljel järjepidevalt ilmuda ja töötada teiste kasutajate käitumise ümber.

Kui soovite neid luua kõne mullid siis saidil Popper.js on parim valik. See on tasuta avatud lähtekoodiga plugin, mis asub ametlikul js.org veebilehel.

Leiad need mullide näpunäited paljudes veebisaitides, millel on keerulised liidesed. Mõnikord nad pakuvad kiireid nõuandeid, läbipääsud, ja nõuandeid inimestele uue liidese jaoks.

Popper.jsiga ei pea te ootama, kuni kasutaja lihtsalt tööriista loomiseks liigub. Selle asemel võite popperi sundida ilmuvad kõikjal, mis tahes suurusega, mis tahes värvi, dünaamilise positsioneerimisega.

Vaadake Popper.js demo lehekülge, et näha, mida ma mõtlen. Kaasas on mitmesuguseid positsioneerimisfunktsioone mis võimaldavad teil avada popperi asukoha ekraani asukoha põhjal.

Kuna kasutaja sirvib lehekülge alla, võivad nad kaotada popper-mull. Selle pluginaga saate sundida seda tagasi vaatama sõltuvalt kasutaja sirvimissuunast liigutades seda üles (või alla).

Sul on täielik kontroll piiride, noolepositsioonide, tööriista värvide ja palju muud üle. Rääkimata sellest pluginast on gorgeous ja täielikult laiendatav kui soovite oma segusse lisada oma funktsioone.

Kogu lähtekood on tasuta saadaval GitHubis, kui soovite seda kontrollida.

Alustamiseks vaadake dokumentatsiooni leht täieliku juhendi saamiseks. See ütleb teile, milliseid skripte vajate, kuidas seadistada kohandatud popper ja kuidas erinevate vaateava valikuid seadistada. Kuigi parim ressurss on peamine Popper.js leht, demode hulga ja rohkete koodiproovidega.

Kui soovite rohkem teada saada arengu kohta, vaadake seda blogi postitust, mille on kirjutanud Federico Zivolo.