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.

Selvlæringslærer du kan lære av tyske studenter

Jeg har bodd i Tyskland i fem år, og jeg har samhandlet med folk fra nesten alle samfunnslag. Da jeg kom her for et masterprogram, har min mest omfattende eksponering vært med tyske studenter.Denne interessante gruppen mennesker som blåser nesen høyt i klassen og viser sin takknemlighet til læreren ved å banke på pulten når forelesningen avsluttes, har også skarpe selvorganiserende ferdigheter som er innebygd i sine personligheter .Kommer f

(Tekniske og design tips)

10 beryktede hackere som gjorde overskrifter

Når folk hører ordet "hacker", tenker de vanligvis på de som anses som svarthatt hackere. I motsetning til hvite hat hackere, hvem hacke datasystemer for å hjelpe patch feil i sikkerheten hackere hackere hack for mer ulovlige gevinster . Uansett om det er for penger, personlig informasjon eller bare for spenningen av det, utfordrer svarthattbrukerne ødeleggelse på datasystemer og lar vanligvis en spor av ofre bak.I det

(Tekniske og design tips)