Izveidojiet lapu runas burbuļus ar Popper.js

Visi zina rīku padomi un ir vairāki desmiti bezmaksas resursu, lai palīdzētu jums tos izdarīt. Tomēr, pielāgotu ziņojumu burbuļi vai “poppers” arī ir ļoti noderīgi.

Viņi nav ierobežoti ar lidmašīnas notikumiem, lai viņi varētu parādīties lapā konsekventi un strādāt citu lietotāju uzvedību.

Ja jūs vēlaties tos izveidot runas burbulis tad jūsu vietnē Popper.js ir labākā izvēle. Tas ir bezmaksas atvērtā koda spraudnis, kas tiek uzturēts oficiālajā js.org tīmekļa vietnē.

Šos burbuļu padomus atradīsiet daudzās vietnēs, kurās ir sarežģītas saskarnes. Dažreiz viņi piedāvās ātri padomi, walkthroughs, un padomu cilvēkiem, kas ir jauni saskarnē.

Izmantojot Popper.js, jums nav jāgaida, kamēr lietotājs veicis tikai, lai izveidotu rīku padomu. Tā vietā jūs varat piespiest popperu parādās jebkur, jebkura izmēra, jebkura krāsa, ar dinamisku pozicionēšanu.

Skatiet Popper.js demonstrācijas lapu, lai redzētu, ko es domāju. Tas nāk ar plašas pozicionēšanas funkcijas kas ļauj automātiski pārslēgt popper pozīciju, pamatojoties uz ekrāna atrašanās vietu.

Tā kā lietotājs ritina lapu uz leju, viņi var zaudēt popperu burbuli. Ar šo spraudni varat piespiediet to atpakaļ skatā atverot to uz augšu (vai uz leju), atkarībā no lietotāja ritināšanas virziena.

Jums ir pilnīga kontrole pār robežām, bultiņu pozīcijām, darbarīka krāsu un daudz vairāk. Nemaz nerunājot par šo spraudni ir krāšņs un pilnībā paplašināms ja jūs vēlaties pievienot sev savas funkcijas.

Viss avota kods ir pieejams bez maksas GitHub, ja vēlaties to pārbaudīt.

Lai sāktu darbu, apskatiet dokumentācijas lapa pilnu rokasgrāmatu. Tas stāsta jums, kādi skripti jums būs nepieciešami, kā iestatīt pielāgotu popperu un kā konfigurēt dažādas skatu loga opcijas. Lai gan labākais resurss ir Galvenā lapa Popper.js, ar demo bagātību un daudziem koda paraugiem.

Ja vēlaties uzzināt vairāk par attīstību, pārbaudiet šo bloga rakstu, ko rakstījis autors Federico Zivolo.