Microtip - CSS Tooltip raamatukogu koos ligipääsetavusega

Saate GitHubis kiiresti otsida, et leida kümneid kohandatud tööriista raamatukogusid. Ja tundub, et uued tabavad veebi iga kuu.

Microtip on ainulaadne ressurss, kuna see töötab puhta CSS-i tööriista, pakub kohandatud esteetikat ja kasutab lähtekoodi, mis on täielikult ligipääsetav kõigile kasutajatele.

Kui te pole kunagi kättesaadavuse kohta palju mõelnud, siis Microtip võib teie meelt muuta. See on suurepärane segu puhta disainiga kõigi seadmete, kõigi brauserite ja suuremate häiretega kasutajate funktsionaalsus.

Kodulehel leiate allalaadimislinki Microtipi raamatukogule koos kodeeritud demodega.

Selle seadistuse saate läbi paketthalduri, otsese allalaadimise või otse CDN-ilt tõmmates. See kaasas üks CSS-fail ja see on põhimõtteliselt kõik, mida vajate.

Kui olete oma lehele Microtipi lisanud, võite hakata leheküljeelementidele tööriistu lisama. Need on täielikult kooskõlas WAI-ga seega vastavad nad ideaalselt kaasaegsetele juurdepääsetavuse standarditele.

Siin on näite tööriista kood, mis on kinnitatud nuppelemendiga kohandatud positsiooniga:

Mitte palju koodi õigesti?

See raamatukogu on väga kerge, kokku 1KB-ga. See on lihtsalt hull, pidades silmas, kui palju sa neid tööriistu puudutavad.

Kohandatud CSS-i omadusi saab edastada HTML-atribuutide abil, et määratleda fondi suurus, ülemineku stiil, lihtsustamine ja palju muid seadeid.

Sa saad ka üle kirjutama CSS otse, et teha tööriistaid suuremaks erinevate värvide või fontidega.

Lisateabe saamiseks vaadake põhilehekülje kohandamise osa. Kõik jookseb läbi HTML-i ja CSS-i, nii et te ei vaja seda mis tahes skriptimise teadmised seda tööd teha.

Microtip on super lihtne seadistada ja kohandada nii et kui te teate vähemalt põhifaili kodeerimist, siis oled sa korras.

Kuid vaata rohkem GitHub repot, et saada rohkem seadistusteavet ja stiilitabeli koopiat.

Kui teil on uusi funktsioone puudutavaid küsimusi või soovitusi, saate ka ruudu loojale Twitteris @_ighosh langeda.