Microtip - CSS Tooltip knjižnica s izvornim značajkama pristupačnosti

Možete brzo pretraživati ​​na GitHubu da biste pronašli desetke prilagođenih biblioteka tooltipa. Čini se kao da su se novi pojavljivali svaki mjesec.

Microtip je jedinstveni izvor jer radi na čistim CSS alatima, nudi prilagođenu estetiku, a koristi izvorni kod koji je potpuno pristupačan za sve korisnike.

Ako nikada niste razmišljali o pristupačnosti, Microtip bi se mogao predomisliti. To je savršen spoj čistog dizajna funkcionalnost za sve uređaje, sve preglednike i za korisnike s većim oštećenjima.

Na početnoj stranici pronaći ćete vezu za preuzimanje knjižnice Microtip zajedno s hrpom demo datoteka.

Ovo podešavanje možete dobiti putem upravitelja paketa, izravnim preuzimanjem ili povlačenjem izravno s CDN-a. To dolazi s jednom CSS datotekom i to je zapravo sve što vam treba.

Nakon što ste Microtip dodali na svoju stranicu, možete početi dodavati opise na elemente stranice. Ovi su potpuno u skladu s WAI tako da se savršeno uklapaju u moderne standarde pristupačnosti.

Evo primjera koda alata koji je priložen elementu gumba s prilagođenom pozicijom:

Nema puno koda?

Ova knjižnica je super lagana s ukupno 1KB minificiranim. To je jednostavno ludo s obzirom na to koliko dobivate s ovim opisima alata.

Custom CSS svojstva mogu se prenijeti kroz HTML atribute za definiranje veličine fonta, prijelaznog stila, olakšavanja i mnogih drugih postavki.

Također možete izravno prepišite CSS kako bi se alati povećali s različitim bojama ili fontovima.

Više pojedinosti potražite u odjeljku za prilagodbu na glavnoj stranici. Sve prolazi kroz HTML i CSS tako da vam ne treba bilo koje znanje skriptiranja da bi ovo radio.

Microtip je super jednostavno postavljanje i prilagodba tako da ako barem znate osnovno frontend kodiranje bit ćete u redu.

Ali pogledajte GitHub repo za više informacija o podešavanju i zgrabite kopiju stila.

Ako imate pitanja ili prijedloge za nove značajke, također možete ispustiti liniju autoru na Twitteru @_ighosh.