„Microtip“ - „CSS Tooltip“ biblioteka su vietinėmis prieinamumo funkcijomis

GitHub galite atlikti greitą paiešką, kad rastumėte dešimtis pasirinktinių įrankių bibliotekų. Ir atrodo, kad nauji pateko į internetą kas mėnesį.

„Microtip“ yra unikalus šaltinis, nes jis veikia tik „CSS“ įrankių patarimais, siūlo individualią estetiką ir naudoja šaltinio kodą. visiškai prieinama visiems vartotojams.

Jei niekada nesigalvojote apie prieinamumą, „Microtip“ gali pakeisti jūsų mintis. Tai puikus švaraus dizaino derinys su visų prietaisų, visų naršyklių ir didelių sutrikimų turinčių vartotojų funkcionalumas.

Pagrindiniame puslapyje rasite „Microtip“ bibliotekos atsisiuntimo nuorodą kartu su kodo demo krūva.

Šią sąranką galite gauti naudodami paketų tvarkyklę, tiesioginį atsisiuntimą arba traukdami jį tiesiai iš CDN. Tai ateina vienas CSS failas ir tai iš esmės viskas, ko jums reikia.

Kai „Microtip“ pridėsite prie puslapio, galite pradėti pridėti įrankių patarimus į puslapio elementus. Sitie yra visiškai atitinka WAI todėl jie puikiai atitinka šiuolaikinius prieinamumo standartus.

Toliau pateikiamas pavyzdinio įrankio kodo kodas, prijungtas prie mygtuko elemento su pasirinktine pozicija:

Ne daug kodo?

Ši biblioteka yra itin lengva, iš viso 1KB. Tai tiesiog beprotiška, atsižvelgiant į tai, kiek jūs gaunate su šiais įrankiais.

Custom CSS savybės gali būti perduodamos per HTML atributus, kad būtų galima nustatyti šrifto dydį, perėjimo stilių, palengvinimą ir daug kitų nustatymų.

Tu taip pat gali perrašyti CSS tiesiogiai, kad padidintumėte įrankių patarimus su skirtingomis spalvomis ar šriftais.

Išsamesnės informacijos ieškokite pagrindinio puslapio tinkinimo skyriuje. Viskas eina per HTML ir CSS, todėl jums nereikia bet kokias skriptų žinias gauti šį darbą.

Microtip yra super lengva nustatyti ir pritaikyti taigi, jei bent jau žinosite pagrindinį frontendo kodavimą, jums bus gerai.

Tačiau pažvelkite į „GitHub“ repo, kad gautumėte daugiau sąrankos informacijos ir paimkite stiliaus lapo kopiją.

Jei turite klausimų ar pasiūlymų dėl naujų funkcijų, taip pat galite palikti eilutę į kūrėją „Twitter @_ighosh“.