Microtip - CSS Tooltip knihovna s nativními funkcemi usnadnění

Na GitHubu můžete rychle vyhledávat desítky vlastních knihoven nástrojů. A zdá se, že každý měsíc zasáhnou web.

Microtip je jedinečný zdroj, protože běží na čistých tipech CSS, nabízí vlastní estetiku a používá zdrojový kód, který je plně přístupné pro všechny uživatele.

Pokud jste nikdy příliš nepřemýšleli o přístupnosti, pak Microtip může změnit váš názor. Je to dokonalá směs čistého designu s funkčnost pro všechna zařízení, všechny prohlížeče a pro uživatele s vážnými poruchami.

Na domovské stránce najdete odkaz ke stažení do knihovny Microtip spolu se spoustou ukázek kódu.

Toto nastavení můžete získat prostřednictvím správce balíčků, přímého stažení nebo tažením přímo z CDN. To je dodáván s jedním souborem CSS a to je v podstatě vše, co potřebujete.

Jakmile přidáte Microtip na stránku, můžete začít přidávat popisky na elementy stránky. Tyto jsou plně kompatibilní s WAI dokonale splňují moderní standardy přístupnosti.

Zde je ukázkový kód popisku připojený k prvku tlačítka s vlastní polohou:

Není moc kódu správně?

Tato knihovna je super lehká s celkem 1KB minified. To je jen bláznivé uvažování o tom, jak moc se s těmito nástroji dostanete.

Vlastní vlastnosti CSS lze předávat prostřednictvím atributů HTML, aby se definovala velikost písma, styl přechodu, uvolnění a mnoho dalších nastavení.

Můžete také Přepsat CSS přímo, aby se popisky zvětšily s různými barvami nebo fonty.

Pro více informací se podívejte do sekce přizpůsobení na hlavní stránce. Vše běží přes HTML a CSS, takže to nepotřebujete veškeré znalosti skriptování dostat tuto práci.

Mikrotip je super snadné nastavení a přizpůsobení takže pokud alespoň víte, základní kódování frontend budete v pořádku.

Ale podívejte se na repo GitHub, kde najdete více informací o nastavení a uchopte kopii šablony stylů.

Máte-li dotazy nebo návrhy na nové funkce, můžete také napsat na autora na řádek @_ighosh řádek.