Tippy.js - lehká Vanilla Javascript knihovna nástrojů

Popisky jsou užitečné pro zobrazování malých kousků extra obsahu. Šetří místo na stránce a dá vám prostor k animaci něčeho, co upoutá pozornost lidí.

V minulosti jsme se zabývali skripty nástrojů, ale mnoho vývojářů chce vlastní knihovny. Někteří dávají přednost jQuery, jiní chtějí jednoduchou vanilku JS.

Tippy plugin funguje nejlépe pro druhou skupinu kteří chtějí pracovat s vanilkovým kódem JS.

S Tippy.js získáte plně funkční knihovna nástrojů běží na vrcholu Popper.js. To znamená, že plugin je dodáván s malou závislostí, ale je mnohem snazší jej spravovat než knihovna jQuery.

Takže jaká je krása Tippyho? Přidá na výchozí styly Popper, které chcete vytvořit dynamičtější popisky s neuvěřitelnými účinky.

Můžete přidat fade, snímky, kroutí, vlastní doby trvání, metody zpětného volání a dokonce i dynamické efekty, jako jsou automatické otáčení..

Opravdu tento plugin bude mít vaše tooltipy až na zcela novou úroveň s dobře definovanými vlastnostmi použitelnosti. Můžeš to udržet popisky na obrazovce s určitými prvky stránky, nebo nechat změnit orientaci, pokud je obrazovka příliš malá.

Podporuje také dotykové zařízení, které je ideální pro citlivé rozložení. Popis HTML kódu je označen pomocí standardů ARIA pro maximální přístupnost. Nemohu myslet na nic špatného, ​​co bych o tomto pluginu řekl!

Pokud si to chcete vyzkoušet na svých vlastních stránkách, stáhněte si kopii zdrojového kódu z GitHubu. To zahrnuje hlavní soubory pluginů spolu s podrobnostmi o instalaci pomocí npm.

Výchozí soubor skriptu Tippy.js je dodáván s verzí Popper.js, takže nemusíte stahovat ani tuto knihovnu navíc. Vše, co potřebujete, je výchozí soubor JS / CSS a webová stránka ke spuštění popisů nástrojů.

Pokud chcete vložit další příklady, podívejte se na domovskou stránku Tippy.js, která obsahuje živé ukázky + fragmenty kódu, které můžete kopírovat a znovu použít..