Microtip - CSS Tooltip knjižnica z značilnostmi domače dostopnosti

Na GitHubu lahko hitro poiščete več deset knjižnic po meri. In zdi se, kot da se novi pojavljajo vsak mesec.

Microtip je edinstven vir, saj deluje na čistem CSS opisu orodja, ponuja estetiko po meri in uporablja izvorno kodo. popolnoma dostopna za vse uporabnike.

Če še nikoli niste razmišljali o dostopnosti, lahko Microtip spremeni vaše mnenje. To je popolna mešanica čistega oblikovanja funkcionalnost za vse naprave, vse brskalnike in uporabnike z večjimi okvarami.

Na domači strani boste našli povezavo za prenos v knjižnici Microtip skupaj s kupom predstavitev kod.

To nastavitev lahko dobite prek upravitelja paketov, neposrednega prenosa ali tako, da ga povlečete neposredno iz CDN-ja. To prihaja z eno datoteko CSS in to je v bistvu vse, kar potrebujete.

Ko je Microtip dodan na vašo stran, lahko začnete dodajati opise orodij na elemente strani. To so popolnoma skladna z WAI zato se popolnoma ujemajo s sodobnimi standardi dostopnosti.

Sledi primer kode kode, ki je pripet na element gumba s položajem po meri:

Ni veliko pravilne kode?

Ta knjižnica je zelo lahka s skupno vrednostjo 1KB. To je samo noro glede na to, koliko dobite s temi opisi orodij.

Lastnosti CSS po meri se lahko prenesejo skozi atribute HTML, da določite velikost pisave, slog prehoda, popuščanje in veliko drugih nastavitev.

Lahko tudi neposredno prepišite CSS, da bodo opisi orodij večji z različnimi barvami ali pisavami.

Za več podrobnosti si oglejte razdelek za prilagajanje na glavni strani. Vse teče skozi HTML in CSS, tako da ne potrebujete katerokoli znanje skriptov da bi to delal.

Microtip je super Enostavna nastavitev in prilagoditev tako da, če vsaj poznate osnovno kodiranje frontendov, boste v redu.

Vendar pa si oglejte repo GitHub za več informacij o nastavitvah in zgrabite kopijo sloga.

Če imate vprašanja ali predloge za nove funkcije, lahko ustvarjalcu na Twitterju @_ighosh dodate tudi črto.