Mo.js - o bibliotecă de mișcare grafică completă pentru web
Animația de pe web este aici pentru a rămâne la fel JavaScript devine din ce în ce mai puternic și sprijinul pentru browser crește cu fiecare an care trece.
Majoritatea animațiilor pe care le cunoaștem cu accent pe interfață: meniurile drop-down, butoanele cu file și slideshow-urile sunt exemple comune.
Dar Mo.js este diferit. Acesta este un Bibliotecă JavaScript realizată pentru grafică personalizată pentru a ajuta designerii să creeze caracteristici uimitoare de animație care să depășească trucurile UI / UX simple.
Dacă vizitați pagina de pornire Mo.js veți găsi documentația completă împreună cu un tutorial excelent pentru începători.
Rețineți acest lucru biblioteca este destul de greu de lucrat. Ar trebui să fiți familiarizați cu codificarea frontală de bază înainte de a tenta cu Mo.js pe cont propriu. Cu toate acestea, există multe lucruri pe care le puteți lua doar studiind demo-urile vii și săpând în unele coduri sursă.
Aruncați o privire la replica principală GitHub dacă vreți să vedeți niște demo-uri în acțiune.
Există o întreagă listă de linkuri de la CodePen, toate reprezentând demonstrații live Mo.js. Acestea includ fullscreen încărcători de animație, microinterații click-to-animate, și de tone de manipulări de formă.
De exemplu, acest stilou crează o microinterație destul de nebună de la intrarea utilizatorului (faceți clic pur și simplu oriunde în interiorul stiloului pentru ao vedea).
Unele dintre aceste pixuri se pot simți peste partea de sus, dar acestea nu sunt doar animații JS. Sunt într-adevăr ca opere de artă.
Aceste demonstrații demonstrează cât de departe am ajuns cu animație pe web. Faptul că oricine poate crea aceste efecte folosind doar cod frontend este pur și simplu incredibil.
Dacă doriți să vedeți mai multe de la Mo.js, aruncați o privire asupra demo-urilor de pe GitHub. S-ar putea să vă placă, de asemenea, acest tutorial care să învețe cum să lucrați cu biblioteca Mo.js pas cu pas.
Oricum, asta este una dintre bibliotecile mele preferate de animație la zi. Oferă atât de mult control pe care nu îl puteți găsi în altă parte. Și ajută la aducerea microinterațiilor din aplicațiile mobile în designul web.
