Mo.js - Μια ολοκληρωμένη βιβλιοθήκη γραφικών κινήσεων για το διαδίκτυο

Η κίνηση στο διαδίκτυο είναι εδώ για να μείνει όπως Το JavaScript γίνεται πιο ισχυρό και η υποστήριξη του προγράμματος περιήγησης αυξάνεται με κάθε παρελθόν έτος.

Τα περισσότερα από τα κινούμενα σχέδια που γνωρίζουμε εστιάζουν στη διασύνδεση: μενού με αναπτυσσόμενα μενού, κουμπιά με καρτέλες και slideshows είναι κοινά παραδείγματα.

Αλλά Mo.js είναι διαφορετική. Αυτό είναι ένα Η βιβλιοθήκη JavaScript δημιουργήθηκε για προσαρμοσμένες γραφικές κινήσεις για να βοηθήσει τους σχεδιαστές να δημιουργήσουν εκπληκτικά κινούμενα χαρακτηριστικά που ξεπερνούν τα απλά κόλπα UI / UX.

Εάν επισκεφθείτε την αρχική σελίδα του Mo.js, θα βρείτε το πλήρη τεκμηρίωση μαζί με ένα σπουδαίο φροντιστήριο για αρχάριους.

Σημειώστε αυτό βιβλιοθήκη είναι αρκετά δύσκολο να συνεργαστεί. Θα πρέπει να είστε εξοικειωμένοι με τη βασική κωδικοποίηση των frontend πριν από την ταλάντωση με Mo.js από μόνος σας. Ωστόσο, υπάρχουν πολλά που μπορείτε να πάρετε μόνο μελετώντας τα live demos και σκάβοντας σε κάποιο από τον πηγαίο κώδικα.

Ρίξτε μια ματιά στο κύριο GitHub repo εάν θέλετε να δείτε μερικά demos σε δράση.

Υπάρχει μια ολόκληρη λίστα από συνδέσμους από το CodePen που περιλαμβάνουν όλα τα demos Mo.js. Αυτά περιλαμβάνουν φορτωτές κινούμενων εικόνων σελίδας πλήρους οθόνης, μικροσυστοιχίες από click to animate, και τόνοι χειρισμών σχήματος.

Για παράδειγμα, αυτό το στυλό δημιουργεί μια πολύ τρελή μικροσύνθεση από την είσοδο του χρήστη (απλά κάντε κλικ οπουδήποτε μέσα στο στυλό για να το δείτε).

Μερικά από αυτά τα στυλό μπορεί να αισθάνονται πάνω από την κορυφή, αλλά αυτά δεν είναι μόνο JS animations. Είναι πραγματικά έργα τέχνης.

Αυτά τα demos αποδεικνύουν πόσο μακριά έχουμε έρθει με κινούμενη εικόνα στο διαδίκτυο. Το γεγονός ότι ο καθένας μπορεί να δημιουργήσει αυτά τα εφέ χρησιμοποιώντας μόνο τον κωδικό frontend είναι απλά απίστευτο.

Αν θέλετε να δείτε περισσότερα από το Mo.js, ρίξτε μια ματιά στα demos στο GitHub. Ίσως σας αρέσει επίσης αυτό το διδακτικό πρόγραμμα που θα σας διδάξει πώς να εργαστείτε με τη βιβλιοθήκη Mo.js βήμα προς βήμα.

Είτε έτσι είτε αλλιώς, αυτό είναι μία από τις αγαπημένες μου βιβλιοθήκες κινούμενων σχεδίων μέχρι σήμερα. Προσφέρει τόσο πολύ έλεγχο που απλά δεν μπορείτε να βρείτε πουθενά αλλού. Και βοηθά να φέρει μικροσυστοιχίες από κινητές εφαρμογές σε web design.