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.
Hvordan leie og bygge et fantastisk team
På et tidspunkt i din design karriere, vil du sannsynligvis bli plassert i ansvaret for andre mennesker. Disse kan inkludere forfattere, markedsførere, programmerere, ingeniører og andre bedriftsmedarbeidere. Dette kan være en utrolig givende opplevelse som kan forbedre både prosjektet du jobber med, samt din overordnede karriere som en kreativ profesjonell. Ell
Slik zoomer du dette nært til Google Maps
Det er nesten umulig å forestille seg dagsturer eller reise til et nytt sted uten å sjekke det ut på Google Maps. Dessverre begrenser det å zoome inn etter et visst nivå.Det er imidlertid et triks for å omgå denne begrensningen, dvs. zoome inn nesten på ubestemt tid i Google Maps. Og det er det jeg skal dele i dette innlegget. To tri
