Mo.js - Knjižnica popolne grafične podobe za splet

Animacija na spletu je tu, da ostane kot JavaScript postaja vse močnejši in podpora brskalniku raste z vsakim letom.

Večina animacij, s katerimi se osredotočamo na vmesnik: spustni meniji, gumbi z zavihki in diaprojekcije so običajni primeri.

Toda Mo.js je drugačen. To je a Knjižnica JavaScript je izdelana za grafiko gibanja po meri da bi oblikovalcem pomagali ustvariti neverjetne animirane funkcije, ki presegajo preproste trike UI / UX.

Če obiščete domačo stran Mo.js, boste našli popolno dokumentacijo skupaj z veliko tutorial za začetnike.

Upoštevajte to s knjižnico je precej težko delati. Biti morate seznanjeni z osnovnim kodiranjem vmesnika pred samim spreminjanjem Mo.js. Vendar pa obstaja veliko, kar lahko pokličete samo s preučevanjem predstavitev v živo in kopanjem v nekaj izvorne kode.

Pokukajte na glavno reprezentanco GitHub, če želite videti nekaj demonstracij v akciji.

Obstaja celoten seznam povezav iz vsega CodePen-a z vsemi predstavitvami v živo Mo.js. Tej vključujejo polni zaslonski animatorji strani, mikrointerakcije »klikni za animacijo«, in ton manipulacij oblik.

Na primer, ta pero ustvarja precej noro mikrointerakcijo od uporabniškega vnosa (samo kliknite kjerkoli znotraj peresa, da ga vidite).

Nekateri od teh peres se lahko počutijo na vrhu, vendar to niso samo JS animacije. Res so kot umetniška dela.

Ti dokazili dokazujejo kako daleč smo prišli z animacijo na spletu. Dejstvo, da lahko vsakdo ustvari te učinke samo s kodo frontend, je enostavno neverjetno.

Če želite videti več od Mo.js, si poglejte demo na GitHub. Morda vam bo všeč tudi ta tutorski pouk, kako delati s knjižnico Mo.js korak za korakom.

Kakorkoli, to je ena izmed mojih najljubših animacijskih knjižnic do danes. Ponuja toliko nadzora, ki ga nikjer drugje ne najdete. Pomaga, da se mikrointerakcije iz mobilnih aplikacij prenesejo v spletno oblikovanje.