Anime.js - Et lett JavaScript-animasjonsbibliotek

Web animasjon har kommet langt. Ikke bare kan utviklere gjøre noen animasjoner ved hjelp av en kombinasjon av CSS / SVG / JS, men det finnes dusinvis av gratis biblioteker for å spare tid i prosessen.

En av mine favoritter er Anime.js, et helt gratis, åpen kildekode- JavaScript-animasjonsbibliotek .

Dette biblioteket kan gjøre alt . Det er bygget på JavaScript, men det er også avhengig av CSS-animasjoner . Du kan målrette mot individuelle sideelementer via DOM, eller du kan til og med målrette tilpassede SVGer .

All dokumentasjon er selvbetjent på GitHub, så du må kanskje bla for å finne akkurat det du leter etter. Men hver animasjonsfunksjon kommer med noen få parametere som forsinkelse, varighet og lettelse.

Merk at dette biblioteket ikke kommer med mange standard animasjonsstiler. Anime.js er laget for utviklere som vil tilpasse animasjonene sine uten å skrive verbose kode .

For et levende eksempel, sjekk ut kodepenna nedenfor. Koden er overordentlig enkel, men du får en troverdig animasjon med squash og strekk pluss forventning, begge grunnleggende for animasjon.

En rettferdig advarsel: Biblioteket Anime.js er tett . Det er ikke så vanskelig å lage en egendefinert animasjon, men du trenger å forstå noen grunnleggende elementer som lettelse og vanlig JavaScript-syntaks for tilbakeringinger og alternativer.

Men all informasjon du trenger er på repo siden, inkludert mange kodeksempler og detaljerte dokumentasjonstabeller . Og du kan bla gjennom åpne feilrapporter eller sjekke nettleserstøtte som for øyeblikket inneholder alle de største nettleserne og IE 10+ .

Dette er lett en av de beste animasjonsbiblioteker for webutviklere, og det bør være din go-to løsning for en kompleks web animasjon .

For å se en rekke levende eksempler, sjekk ut denne samlingen av Anime.js-demoer som er hostet på CodePen. Nedenfor har jeg lagt inn min favoritt som animerer hele logoen fra bunnen av, med ekte livskraft.

Fang leserne dine: 8 tips for å skrive engasjerende blogginnlegg

Husk hvordan Ratatouille Chef Gusteau sa: "Alle som kan lage mat, men bare de fryktløse kan være gode"? Du kan enkelt skrive sine inspirerende ord som, "Alle kan skrive et blogginnlegg, men bare de fryktløse bloggerne kan være flotte."Se, en god ide eller et emne, anstendig stavemåte og grammatikk, og en sterk beherskelse av essayformen er nok for et godt blogginnlegg. Men

(Tekniske og design tips)

Gi 13-tommers MacBook Air en berøringsskjerm med AirBar

Apple introduserte en berøringslinje til sin nye MacBook Pro, men berøringsskjermen forblir fortsatt uklar på Mac-datamaskinene. For brukerne som venter på en berøringsbasert MacBook, ble det innført en perifer på CES, kalt AirBar, som vil gi MacBook Air en pseudo-berøringsskjerm av forskjellige typer .Laget s

(Tekniske og design tips)