Μετακινηθείτε και κινήστε εύκολα τη σελίδα σας με το Force.js

Web animation είναι πιο εύκολη από ποτέ, με καθαρά κινούμενα γραφικά CSS3 να γίνει ο κανόνας. Αλλά, Το JavaScript εξακολουθεί να είναι εξαιρετικά πολύτιμο και είναι μία από τις λίγες αξιόπιστες γλώσσες για τεχνικές κινήσεις.

ο Force.js βιβλιοθήκη είναι ένα ελεύθερο σενάριο ανοιχτού κώδικα που είναι χτισμένο γύρω δυναμικές κινήσεις σελίδας.

Μπορείτε να δημιουργήσετε κινούμενα σχέδια με άλματα κύλισης μέσα στην ίδια τη σελίδα, ή μπορείτε να ζωντανέψετε στοιχεία γύρω από τη σελίδα. Και οι δύο είναι εξίσου απλές στη δημιουργία και η βιβλιοθήκη έρχεται με έναν τόνο χαρακτηριστικών.

Από προεπιλογή, Force.js βασίζεται σε μεταβάσεις CSS όποτε είναι δυνατόν. Αυτά τα να εργάζονται σε όλα τα σύγχρονα προγράμματα περιήγησης και ο κώδικας είναι πολύ απλούστερος, συν προσφέρει ευρύτερη υποστήριξη για τους χρήστες που δεν επιτρέπεται JavaScript.

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

Και, Force.js είναι μια βιβλιοθήκη βανίλιας, έτσι δεν απαιτεί εξαρτήσεις όπως το jQuery. Αλλά, αν αγαπάτε το jQuery, μπορείτε να εκτελέσετε αυτή τη σύνταξη μέσω της Force και θα εξακολουθεί να λειτουργεί καλά. Εξαιρετική για ευελιξία με διαφορετικούς ιστότοπους.

Οι δύο μεγάλες τεχνικές κινούμενης εικόνας είναι άλματα και κινήσεις. Μπορείτε να καθορίσετε πού κινείται το στοιχείο, πόσο γρήγορα κινείται και ποια είδη μεθόδων χαλάρωσης.

Η βιβλιοθήκη έχει επίσης μια δέσμη προσαρμοσμένων επιλογών μπορείτε να τσιμπήσετε για ακόμα μεγαλύτερο έλεγχο των κινούμενων εικόνων. Μπορείς επεξεργαστείτε τους στόχους συνδέσεων αγκύρωσης και ρυθμίστε τις διευκολύνσεις που χρειάζεστε-ακόμα κι αν θέλετε διαφορετικές διευκολύνσεις στην ίδια σελίδα!

Όλα τα έγγραφα είναι διαθέσιμη στο GitHub, μαζί με τα αρχεία.

Ή, αν προτιμάτε npm / Bower μπορείτε τραβήξτε απευθείας τα αρχεία Με αυτόν τον τρόπο. Απλά πρέπει συμπεριλάβετε τη μία force.js αρχείο στην κεφαλίδα σας και θα είναι καλό να πάτε.

Προτείνω επίσης να απομακρυνθεί η τεκμηρίωση επειδή είναι γεμάτη παραδείγματα για το άλμα() και κίνηση() μεθόδων.

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