no.hideout-lastation.com
Paradis For Designere Og Utviklere


Opprett reduserte verktøytips i ren CSS med Wenk

Med et så merkelig navn, ville du ikke forvente mye fra Wenk, et gratis CSS-verktøytipsbibliotek . Likevel er det en av de minste biblioteker du kan få til å måle under 1KB når du gzipped.

Wenk bruker rent CSS med data-* attributter for å lage live verktøytips som du kan restylle og plassere til din smak. Best av alt, det er et helt gratis bibliotek med kildekoden tilgjengelig på GitHub.

Disse lette verktøytipsene er super enkle å legge til på nettstedet ditt. Du trenger bare Wenk.css filen lagt til i sidens overskrift, som du kan laste ned fra GitHub repo.

Eller du kan til og med legge til CDN-filen som er vert på GitHubs CDN. Her er koden for det:

Eller, hvis du er en npm / bower-fan, kan du installere denne pakken fra terminalen .

Standard verktøytip-koder har ikke mye tilpassede data. De lar deg velge posisjon og bredde, men du må manuelt endre CSS hvis du vil at de skal utformes annerledes.

For eksempel vil du kanskje ha en CSS-pil lagt til verktøytipset som vises over verktøytipselementet. Dette er ganske enkelt å lage, men du må skure Wenk-stilarket for å finne den eksakte CSS-klassen for å utvide.

Her er et eksempel på noen standardkode for Wenk-verktøytips:

 Vink til høyre! 

Den viktigste Wenk-destinasjonssiden inneholder levende demoer som du kan teste ved å svinge. Dette er de mest grunnleggende verktøytipsene du får, men de er perfekte for et bibliotek som veier mindre enn en kilobyte.

En viktig ting å vurdere er nettleserstøtte . Alle versjoner av Chrome og Firefox skal fungere fint . Samme med Opera 12+ og Opera Mini v8 +. Men IE8 og IE10 synes å ha problemer med å gjøre disse verktøytipsene. Heldigvis går markedsandelen raskt, men det er noe å vurdere før du bruker.

Jeg er fortsatt overrasket over hvor mye du kan gjøre med så få KBer. Wenk-biblioteket er et testament til moderne frontendutvikling, og det viser at litt kan gå langt.

Du kan grave gjennom hele kilden på GitHub, sammen med live demoer og kodestykker for å sette opp og lage disse verktøytipsene for ditt eget nettsted.

5 ganger Internett-tastaturkrigere lagret ikke dagen

5 ganger Internett-tastaturkrigere lagret ikke dagen

Det har vært flere ganger når Internett-fellesskap har bandet sammen for å gjøre utrolige mengder gode. Bare ta en titt på disse "Internet Acts" for noen få eksempler.Det er jevne tider når de prøver å bekjempe urettferdigheter og forbrytelser som skjer utenfor den virtuelle plassen, i den virkelige verden. Interne

(Tekniske og design tips)

10 nyttige Github funksjoner du trenger å vite

10 nyttige Github funksjoner du trenger å vite

Github er nå stedet der programmerere og designere jobber sammen. De samarbeider, bidrar og retter feil. Det er også vert for mange åpne kildeprosjekter og koder for ulike programmeringsspråk . I tillegg har Github også gitt ut et skrivebordsprogram for både Windows og OS X som gjør det mulig for alle å integrere Github i arbeidsflyten sømløst.Men det e

(Tekniske og design tips)