Mo.js - Täydellinen liikkeen grafiikkakirjasto verkolle

Animaatio verkossa on täällä pysyä JavaScript on vain voimakkaampi ja selaimen tuki kasvaa vuosittain.

Suurin osa animaatioista, joita olemme tutustuneet käyttöliittymän keskittymiseen: pudotusvalikot, välilehtipainikkeet ja diaesitykset ovat yleisiä esimerkkejä.

Mutta Mo.js on erilainen. Tämä on JavaScript-kirjasto on tehty mukautetuille liikkuville grafiikoille auttaa suunnittelijoita luomaan uskomattomia animoituja ominaisuuksia, jotka ylittävät yksinkertaiset UI / UX-temput.

Jos vierailet Mo.js: n kotisivulla, löydät sen täydelliset asiakirjat yhdessä erinomaisen opetusohjelman kanssa aloittelijoille.

Huomaa tämä kirjasto on melko vaikea työskennellä. Sinun pitäisi tuntea perusliittymien koodaus ennen kuin ryhdyt itsekseen Mo.js: n kanssa. On kuitenkin paljon, mitä voit poimia vain opiskelemalla live-demoja ja kaivamalla osan lähdekoodista.

Katsokaa GitHubin tärkeintä repoa, jos haluat nähdä joitakin demoja toiminnassa.

CodePenin kaikki linkit sisältävät kaikki elävät Mo.js-demot. Nämä sisältävät täyden näytön sivun animaatiolaitteet, napsauttamalla aktivoitavat mikrointeraktiot, ja tonnia muotokäsittelyjä.

Esimerkiksi tämä kynä luo melko hullun mikrointeraktion käyttäjän syötteistä (klikkaa mitä tahansa kynän sisällä nähdäksesi sen).

Jotkut näistä kynistä saattavat tuntua ylhäältä, mutta ne eivät ole vain JS-animaatioita. Ne ovat todella taideteoksia.

Nämä demot todistavat kuinka pitkälle olemme tulleet animaatiolla verkossa. Se, että kuka tahansa voi luoda nämä vaikutukset käyttämällä vain frontend-koodia, on yksinkertaisesti uskomatonta.

Jos haluat nähdä lisää Mo.js: sta, katso GitHubin demoja. Saatat myös pitää tästä opetusohjelmasta, jossa opetetaan, miten Mo.js-kirjastoa voidaan käyttää vaiheittain.

Joko niin, tämä on yksi suosikkini animaatiokirjastoista tähän mennessä. Se tarjoaa niin paljon valvontaa, jota et vain löydä missään muualla. Ja se auttaa tuomaan mobiilisovellusten mikrointeraktiot web-suunnitteluun.