no.hideout-lastation.com
Microtip - CSS Tooltip Library med innfødte tilgjengelighetsfunksjoner
Du kan gjøre et raskt søk på GitHub for å finne dusinvis av tilpassede verktøytipsbiblioteker. Og det ser ut til at nye treffer nettet hver måned.
Microtip er en unik ressurs siden den kjører på rene CSS verktøytips, tilbyr tilpasset estetikk, og den bruker kildekoden som er fullt tilgjengelig for alle brukere.
Hvis du aldri har tenkt mye om tilgjengelighet, kan Microtip endre deg. Det er den perfekte blandingen av ren design med funksjonalitet for alle enheter, alle nettlesere og for brukere med store funksjonsnedsettelser .
På hjemmesiden finner du en nedlastingskobling til Microtip-biblioteket sammen med en rekke kodedemoer.Du kan få dette oppsettet via en pakkebehandling, en direkte nedlasting, eller ved å trekke den direkte fra en CDN. Den leveres med en CSS-fil, og det er egentlig alt du trenger.
Når du har lagt til Microtip på siden din, kan du begynne å legge til verktøytips på sideelementer. Disse er helt kompatible med WAI, slik at de er i overensstemmelse med moderne tilgjengelighetsstandarder.
Her er en sample tooltip-kode knyttet til et knappelement med en egendefinert posisjon:
Ikke mye kode riktig?
Dette biblioteket er super lett med totalt 1KB minifisert. Det er bare galt med tanke på hvor mye du får med disse verktøytipsene.
Egendefinerte CSS-egenskaper kan sendes gjennom HTML-attributter for å definere skriftstørrelse, overgangsstil, lettelse og mange andre innstillinger.
Du kan også overskrive CSS direkte for å gjøre verktøytips større med forskjellige farger eller skrifter.
Ta en titt på tilpasningsdelen på hovedsiden for mer informasjon. Alt går gjennom HTML og CSS, slik at du ikke trenger noen skriptkunnskap for å få dette til å fungere.
Microtip er super enkel å konfigurere og tilpasse, så hvis du i det minste kjenner grunnleggende frontend koding, vil du ha det bra.
Men ta en titt på GitHub-repoen for mer oppsettinfo og ta en kopi av stilarket.
Hvis du har spørsmål eller forslag til nye funksjoner, kan du også sende en linje til skaperen på Twitter @_ighosh.
Mobil Betalingssystemer: Era Of A Cashless Future
Denne artikkelen er en del av vår "Mobile Payment Systems-serien" - der vi ser på hvordan mobil teknologi er rettet mot et kontantløst samfunn. Klikk her for å se flere artikler i samme serie I denne stadig mer digitale verden er det ikke overraskende at pengene også følger med. Nylige trender viser at digitale penger som holdes i lommebøker, snart erstatter fysiske kontanter og til og med kredittkort . Noen
20 gratis PowerPoint-maler for å spice opp presentasjonen din
Du har sikkert sett fantastiske TED-konferanser med kjempebra og kjeve-slippende videoer som gjør at du sitter opp, og legger seg til høyttalerens hvert ord. Vel, i de fleste konferanser er ting sjelden så interessante. Presentasjonene de fleste av oss må sitte gjennom er oftere enn ikke, bestående av tekst og bilder pusset over en standard (noen ganger for lett gjenkjennelig) Powerpoint-tema .Hvis
