Microtip - CSS Tooltip könyvtár natív hozzáférhetőséggel
Gyors keresést végezhet a GitHub-on, hogy több tucat egyéni eszköztipp könyvtárat találjon. És úgy tűnik, mintha az újok havonta találkoznának az interneten.
A Microtip egyedülálló erőforrás, mivel tiszta CSS eszköztippeken fut, egyedi esztétikát kínál, és a forráskódot használja teljesen hozzáférhető minden felhasználónak.
Ha soha nem gondoltál sokat a hozzáférhetőségről, akkor a Microtip megváltoztathatja az elmédet. Ez a tiszta design tökéletes keveréke minden eszköz, minden böngésző és a jelentős károsodást okozó felhasználók számára.
A honlapon letölthető linket talál a Microtip könyvtárhoz, valamint egy csomó kód demót.
Ezt a beállítást egy csomagkezelő, egy közvetlen letöltés vagy közvetlenül a CDN-ről való húzásával érheti el. Azt egy CSS-fájlt tartalmaz és ez alapvetően minden, amire szüksége van.
Miután hozzáadta a Microtip-ot az oldalához, elkezdheti hozzáadni a szerszámtáblákat az oldalelemekhez. Ezek teljes mértékben megfelel a WAI-nak így tökéletesen megfelelnek a modern akadálymentesítési szabványoknak.
Itt van egy minta eszköztipp-kód, amely egy egyedi elemmel ellátott gombelemhez van csatolva:
Nem sok kód?
Ez a könyvtár rendkívül könnyű, összesen 1KB tömörítéssel. Ez csak őrült, figyelembe véve, hogy mennyit kapsz ezeknek az eszközöknek.
Az egyedi CSS tulajdonságok átadhatók a HTML attribútumokon, hogy meghatározzák a betűméretet, az átmeneti stílust, a könnyítést és a sok más beállítást.
Te is felülírja a CSS-t közvetlenül, hogy nagyobb szerszámtippeket készítsen különböző színekkel vagy betűtípusokkal.
További részletekért tekintse meg a főoldalon található testreszabási részt. Minden fut HTML és CSS-en keresztül, így nem kell bármilyen szkriptek ismerete ezt a munkát.
A mikrotip szuper könnyen beállítható és testreszabható így ha legalább ismeri az alapvető frontend kódolást, akkor jól leszel.
De nézd meg a GitHub repo-t, ha több beállítási információt szeretnél és megragadod a stíluslap másolatát.
Ha kérdése vagy javaslata van az új funkciókhoz, akkor a Twitter @_ighosh webhelyre is sorozhat.
