Mo.js - Une bibliothèque complète de graphiques de mouvement pour le Web

L'animation sur le web est là pour rester JavaScript devient de plus en plus puissant et la prise en charge du navigateur augmente d'année en année.

La plupart des animations que nous connaissons se concentrent sur l'interface: les menus déroulants, les boutons à onglets et les diaporamas sont des exemples courants..

Mais Mo.js est différent. C'est un Bibliothèque JavaScript conçue pour les graphiques animés personnalisés pour aider les concepteurs à créer des fonctionnalités animées étonnantes qui vont au-delà des simples trucs UI / UX.

Si vous visitez la page d'accueil de Mo.js, vous trouverez le documentation complète avec un excellent tutoriel pour les débutants.

Notez ceci la bibliothèque est assez difficile à travailler avec. Vous devez être familiarisé avec le codage frontal de base avant de bricoler seul avec Mo.js. Cependant, vous pouvez en apprendre beaucoup en étudiant les démos en direct et en fouillant dans une partie du code source..

Jetez un coup d'œil au dépôt principal de GitHub si vous voulez voir des démos en action.

Il y a toute une liste de liens de CodePen contenant tous des démonstrations en direct de Mo.js. Ceux-ci inclus Chargeurs d'animation de page plein écran, microinteractions click-to-animer, et des tonnes de manipulations de forme.

Par exemple, ce stylo crée une microinteraction assez folle à partir de la saisie de l'utilisateur (il suffit de cliquer n'importe où dans le stylo pour le voir).

Certains de ces stylos peuvent sembler excessifs, mais il ne s'agit pas uniquement d'animations JS. Ils sont vraiment comme des œuvres d'art.

Ces démos prouvent à quel point nous sommes venus avec animation sur le web. Le fait que tout le monde puisse créer ces effets en utilisant uniquement du code frontal est tout simplement incroyable..

Si vous voulez en savoir plus sur Mo.js, jetez un coup d'œil aux démos sur GitHub. Vous aimerez peut-être aussi ce tutoriel qui explique pas à pas comment utiliser la bibliothèque Mo.js.

De toute façon, c'est une de mes bibliothèques d'animation préférées à ce jour. Il offre tellement de contrôle que vous ne pouvez trouver nulle part ailleurs. Et cela aide à intégrer les micro-interactions d'applications mobiles dans la conception Web..