Lag Single-Element Spinners og Loaders med CSSPIN

Du kan bygge noen fantastiske ting med CSS3, fra egendefinerte inputfelter til dropdowns og til og med vektorgrafikk . Disse teknikkene overtar raskt JavaScript, noe som gjør det enklere for utviklere å lage bedre brukeropplevelser.

En av de vanskeligste tingene å bygge er en loading spinner animasjon, men moderne CSS animasjon gjør det ganske enkelt.

For å spare tid å bygge fra grunnen, kan du bruke et bibliotek som CSSPIN med tonnevis av forhåndsdefinerte tilpassede spinnere . Alle disse animasjonene er gratis å klone og helt åpen, så du har full tilgang til å redigere koden som du ønsker.

Det er en bris å sette opp en spinner med dette biblioteket. Du kopierer bare CSS-biblioteket til siden din, og legger til de egendefinerte HTML-elementene uansett hvor du vil at de skal vises.

Disse tilpassede spinnere bruker bare ett HTML-element for å lage animasjonseffekten. Dette er stort fordi grafikk- og animasjonseffekten blir gjort rent gjennom CSS-klasser .

Og siden du har tilgang til kildekoden, kan du erstatte former, farger, størrelser og animasjonshastigheter som passer best for dine prosjekter.

Bare vær oppmerksom på at koden bruker MINDRE syntaks, så du må være kjent med det preprocessing-språket for å gjøre noen større endringer.

Men du kan finne mange enkle CSS-eksempler på hoveddemosiden, sammen med enkle instruksjoner på GitHub-siden.

Hvis du er kjent med npm eller Bower, er det alternative metoder for å installere biblioteket.

Uansett hvordan du får det installert, er dette et flott CSS animasjonsbibliotek for å jobbe med. Det er ment å være fullt modulær med god plass til nye spinnere, nye animasjoner og tilpasninger fra andre utviklere.

For å lære mer og bla gjennom all dokumentasjon, sjekk ut CSSPIN-repo på GitHub . Skaperen gjorde også en liten oppsettvideo som du kan se nedenfor.

Oppdatering av Windows 10-skapere - Hva er nytt

Microsofts neste store og etterlengtede oppdatering for Windows 10, Creators Update, er nå tilgjengelig for manuell nedlasting for de som er interessert i å få oppdateringen tidlig. Alternativt vil nevnte oppdatering bli gjort tilgjengelig som en automatisk nedlasting fra og med 11. april .I likhet med jubileumsoppdateringen introduserer opphavsmannens oppdatering en rekke nye funksjoner til Microsofts nyeste operativsystem, og mens det meste er lett tilgjengelig, kan det være litt vanskeligere å finne noe av det.For

(Tekniske og design tips)

20 Gadgets og tilbehør til Superhero-fans

Enten du er et barn eller et barn i hjertet, har du din favoritt superhelt fra en populær film eller tegneserie. En av ulemperne med å være voksen er imidlertid at det blir ganske vanskelig å leke med leker eller handlingsfigurer . Men du kan alltid samle inn superhero-inspirerte gadgets og tilbehør, og få dem til å være en del av ditt hjeminnredning eller hverdagsliv .I innle

(Tekniske og design tips)