Microtip - CSS Tooltip -kirjasto, jossa on natiivi esteettömyysominaisuudet
Voit tehdä nopean haun GitHubissa, jotta voit löytää kymmeniä mukautettuja työkaluvihjeitä. Ja näyttää siltä, että uudet osuvat verkkoon joka kuukausi.
Microtip on ainutlaatuinen resurssi, koska se toimii puhtailla CSS-työkaluvihjeillä, tarjoaa mukautetun estetiikan ja käyttää lähdekoodia täysin saatavilla kaikille käyttäjille.
Jos et ole koskaan ajatellut paljon esteettömyyttä, Microtip saattaa muuttaa mieltäsi. Se on täydellinen sekoitus puhtaasta muotoilusta kaikkien laitteiden, kaikkien selainten ja käyttäjien, joilla on suuria häiriöitä, toiminnallisuutta.
Kotisivulta löydät latauslinkin Microtip-kirjastoon sekä joukko koodia.
Voit saada tämän asennuksen pakettienhallinnan kautta, suoran latauksen avulla tai vetämällä sen suoraan CDN-levyltä. Se mukana tulee yksi CSS-tiedosto ja se on pohjimmiltaan kaikki mitä tarvitset.
Kun Microtip on lisätty sivullesi, voit lisätä työkaluvihjeitä sivuelementteihin. Nämä ovat WAI: n kanssa joten ne noudattavat täydellisesti nykyaikaisia esteettömyysstandardeja.
Tässä esimerkkityökalupiirikoodi, joka on liitetty painikkeeseen, jossa on mukautettu sijainti:
Ei paljon koodia oikein?
Tämä kirjasto on erittäin kevyt, yhteensä 1KB minified. Se on vain hullua ottaen huomioon, kuinka paljon saat näillä työkaluvihjeillä.
Mukautetut CSS-ominaisuudet voidaan siirtää HTML-määritteiden avulla, jotta voidaan määrittää fonttikoko, siirtymistiheys, helpotus ja paljon muita asetuksia.
Voit myös korvaa CSS suoraan, jotta voit tehdä työkaluvihjeitä värit tai fontit.
Tutustu pääsivun muokkausosioon lisätietoja varten. Kaikki kulkee HTML: n ja CSS: n kautta, joten et tarvitse mitään skriptaustietoa saada tämä työ.
Microtip on super helppo asentaa ja muokata joten jos ainakin tiedät perusliittymäkoodin, voit olla kunnossa.
Mutta tutustu GitHub-repoon saadaksesi lisää asetustietoja ja tarttuaksesi kopion tyylitaulukosta.
Jos sinulla on kysymyksiä tai ehdotuksia uusista ominaisuuksista, voit myös pudottaa rivin luojaan Twitterissä @_ighosh.
