Създайте мелодии с говор на страница с Popper.js

Всеки знае пояснения и има десетки свободни ресурси, които да ви помогнат да ги направите. въпреки това, балончета за персонализирано съобщение или “Попърс” също са много полезни.

Те не са ограничени до събития с навъртане, така че те могат да се появяват последователно на страницата и да заобикалят поведението на други потребители.

Ако искате да ги създадете реч балон попърс след това Popper.js е най-добрият избор. Това е безплатен плъгин с отворен код, хостван на официалния уебсайт на js.org.

Ще намерите тези съвети за балончета в много уебсайтове, които имат сложни интерфейси. Понякога те ще ви предложат бързи съвети, Запознай, и съвети за нови хора в интерфейса.

С Popper.js не е нужно да чакате да навигирате само, за да създадете подсказка. Вместо това можете да принудите popper да се появяват навсякъде, всякакъв размер, който и да е цвят, с динамично позициониране.

Вижте демо страницата Popper.js, за да видите какво имам предвид. Той идва с широка гама от функции за позициониране което ви позволява автоматично да преобърнете позицията на popper въз основа на местоположението на екрана.

Когато потребителят превърта надолу по страницата, те могат да загубят балончето с попър. С този плъгин можете накарайте го отново да се покаже като го завъртите нагоре (или надолу), в зависимост от посоката на превъртане на потребителя.

Имате пълен контрол над границите, позициите на стрелките, цветовете на подсказките и много други. Да не говорим за този плъгин е красива и напълно разтегателен ако искате да добавите свои собствени функции в микса.

Целият изходен код е достъпен безплатно в GitHub, ако искате да го проверите.

За да започнете, разгледайте страница с документация за пълно ръководство. Това ви казва кои скриптове ще ви трябват, как да настроите персонализиран popper и как да конфигурирате различните опции на екрана. Въпреки това, най-добрият ресурс е основна страница на Popper.js, с демонстрации в изобилие и изобилие от кодови образци.

Ако искате да прочетете повече за развитието, вижте този блог пост, написан от създателя Федерико Живоло.