Microtip - CSS Tooltip bibliotēka ar vietējām pieejamības funkcijām

Jūs varat veikt ātru meklēšanu GitHub, lai atrastu desmitiem pielāgotu rīku tipu bibliotēku. Un šķiet, ka jauni katru mēnesi skāra tīmekli.

Microtip ir unikāls resurss, jo tas darbojas ar tīriem CSS rīkiem, piedāvā pielāgotu estētiku un izmanto avota kodu, kas ir pilnībā pieejama visiem lietotājiem.

Ja jūs nekad neesat daudz domājis par pieejamību, Microtip var mainīt jūsu prātu. Tas ir lielisks tīra dizaina maisījums ar visām ierīcēm, visām pārlūkprogrammām un lietotājiem ar lieliem traucējumiem.

Mājaslapā jūs atradīsiet lejupielādes saiti uz Microtip bibliotēku kopā ar koda demo ķekaru.

Šo iestatījumu var iegūt, izmantojot pakotņu pārvaldnieku, tiešu lejupielādi vai vilkšanu tieši no CDN. Tā nāk ar vienu CSS failu un tas būtībā ir viss, kas jums nepieciešams.

Kad esat pievienojis Microtip savai lapai, varat sākt pievienot rīku padomus lapu elementiem. Šie ir pilnībā atbilst WAI tāpēc tie lieliski atbilst mūsdienu pieejamības standartiem.

Šeit ir parauga rīku padeves kods, kas pievienots pogas elementam ar pielāgotu pozīciju:

Nav daudz kodu labi?

Šī bibliotēka ir ļoti viegla ar kopējo summu 1KB. Tas ir tikai crazy, ņemot vērā, cik daudz jūs saņemsiet ar šiem rīkiem.

Pielāgotos CSS rekvizītus var nodot HTML atribūtos, lai definētu fonta lielumu, pārejas stilu, atvieglojumus un daudzus citus iestatījumus.

Jūs varat arī pārrakstīt CSS tieši, lai padarītu rīkus lielākus ar dažādām krāsām vai fontiem.

Plašāku informāciju skatiet galvenās lapas pielāgošanas sadaļā. Viss iet caur HTML un CSS, tāpēc jums nav nepieciešams jebkuras skriptu zināšanas lai iegūtu šo darbu.

Microtip ir super viegli uzstādīt un pielāgot tāpēc, ja jūs vismaz zināt pamata frontend kodēšanu, jums būs labi.

Bet paskatieties uz GitHub repo, lai iegūtu vairāk iestatīšanas informācijas un savāktu stilu.

Ja jums ir jautājumi vai ieteikumi jaunām funkcijām, varat arī nomest rindu pie autora Twitter @_ighosh.