Vytvorte bubliny s rečou na stránke pomocou Popper.js

Každý o tom vie popisky a tam sú desiatky voľných zdrojov, ktoré vám pomôžu urobiť ich. však, bubliny vlastných správ alebo “poppers” sú tiež veľmi užitočné.

oni nie sú obmedzené na udalosti vznášania, takže sa môžu na stránke zobrazovať dôsledne a pracovať s iným správaním používateľov.

Ak ich chcete vytvoriť bubienka poppers na vašom webe potom Popper.js je najlepšou voľbou. Je to bezplatný open source zdroj, ktorý sa nachádza na oficiálnej webovej stránke spoločnosti js.org.

Tieto bublinové tipy nájdete na mnohých webových stránkach, ktoré majú zložité rozhrania. Niekedy ponúknu rýchle tipy, priechody, a poradenstvo na palube pre nových používateľov rozhrania.

Pomocou programu Popper.js nemusíte čakať, kým sa používateľ vznáša, aby vytvoril popisky. Namiesto toho môžete prinútiť popper sa objavujú kdekoľvek, akejkoľvek veľkosti, akákoľvek farba, s dynamickým polohovaním.

Pozrite sa na demo stránky Popper.js a uvidíte, čo mám na mysli. Dodáva sa s širokú škálu polohovacích funkcií ktoré umožňujú automatické preklopenie polohy poppera na základe umiestnenia na obrazovke.

Keď používateľ posúva stránku nadol, môže stratiť bublinu popper. Pomocou tohto pluginu môžete vynúte to späť do pohľadu preklopením (alebo nadol) v závislosti od smeru posúvania používateľa.

Máte plnú kontrolu nad hranicami, pozíciami šípok, farbami nástrojov a mnohými ďalšími. Nemyslím, že tento plugin je nádherný a plne roztiahnuteľné ak chcete pridať svoje vlastné prvky do mixu.

Všetok zdrojový kód je k dispozícii zadarmo pre GitHub, ak si to chcete pozrieť.

Ak chcete začať, pozrite sa na stránka dokumentácie pre úplný sprievodca. To vám povie, ktoré skripty budete potrebovať, ako nastaviť vlastný popper a ako nakonfigurovať rôzne možnosti zobrazenia. Aj keď najlepším zdrojom je hlavná stránka Popper.js, s ukážkami a množstvom vzoriek kódu.

Ak sa chcete dozvedieť viac o vývoji, pozrite si tento blogový príspevok, ktorý vytvoril autor Federico Zivolo.