Stylie - Ένας ελεύθερος δημιουργός ζωτικότητας CSS Web
Εάν αγωνίζεστε με τη σύνταξη CSS3 και θέλετε a απλός τρόπος για να δημιουργήσετε κινούμενα σχέδια Stylie είναι ένα εξαιρετικό εργαλείο για να σώσει.
Αυτό είναι ένα από τα πολλά δωρεάν γεννήτριες κώδικα με έμφαση σε καθαρά κινούμενα εφέ CSS. Το Stylie είναι απόλυτα ελεύθερο και ανοιχτό, που φιλοξενείται στο GitHub και τροφοδοτείται από μια βιβλιοθήκη βασικών καρέ που ονομάζεται Rekapi.
Η βιβλιοθήκη Rekapi χρησιμοποιεί JavaScript, έτσι είναι μια εναλλακτική λύση για το καθαρό CSS. Και ευτυχώς, η εφαρμογή Stylie web υποστηρίζει και τις δύο μεθόδους, έτσι μπορείτε κωδικό εξαγωγής σε καθαρό CSS ή JavaScript.
Από προεπιλογή, η πρώτη σελίδα φορτώνει μια συνεχή απεικόνιση κινούμενης εικόνας με ένα γραμμικό κινούμενο σχέδιο. Μπορείτε να παίξετε με αυτό με την επεξεργασία του προεπιλεγμένες ρυθμίσεις στο Καρτέλα κίνησης ή με την επεξεργασία του Καρτέλα βασικών κειμένων.
Στη λίστα βασικών καρέ, μπορείτε προσθέστε νέα βασικά καρέ, να επεξεργαστείτε τη συνολική διάρκεια τους, και αλλάξτε τα στυλ κίνησης, συμπεριλαμβανομένων των κινήσεων που βασίζονται στον άξονα Χ / Υ.
Πρώτον, αυτό θα φαίνεται εξαιρετικά σύγχυση, ειδικά αν δεν έχετε κάνει ποτέ κινούμενα σχέδια βασικών καρέ πριν. Ωστόσο, όσο περισσότερο παίζετε με αυτήν την εφαρμογή τόσο πιο λογικό είναι.
Από προεπιλογή, θα έχετε έναν τόνο διαφορετικές επιλογές χαλάρωσης να χάσετε και είναι όλα εξαιρετικά εύκολο να προσαρμόσετε.
ο Γραφή κίνησης είναι πολύ πιο δύσκολο να μάθει, αλλά σας δίνει πολύ περισσότερο έλεγχο της χαλάρωσης animation σας. Το Stylie σάς επιτρέπει ακόμα Αποθηκεύστε εφέ κίνησης και επαναχρησιμοποιήστε αυτά στην καρτέλα Κύρια καρέ για άλλες κινούμενες εικόνες.
Αν θα μπορούσα να παραπονεθώ για ένα πράγμα είναι η εφαρμογή του web έλλειψη ανταποκρινόμενου σχεδιασμού.
Δεν μπορώ να βρώ ολόκληρη την εφαρμογή για να ταιριάζει στην οθόνη 13 "του MacBook Pro, ακόμη και όταν το πρόγραμμα περιήγησης είναι πλήρως μεγιστοποιημένο. Αυτό μπορεί να είναι ένα πρόβλημα επειδή η σελίδα δεν διαθέτει μια κάθετη γραμμή κύλισης και πολλές από τις επιλογές (όπως ο εξαγόμενος κώδικας) κάτω στο παράθυρο ρυθμίσεων.
Αλλά εκτός από αυτή τη μικρή ενόχληση, το έκανα να λειτουργεί καλά στην μεγαλύτερη οθόνη μου. Και το ποιότητα εξαγωγής είναι σαν τίποτα άλλο που θα βρείτε στο διαδίκτυο.
Ρίξτε μια ματιά στην εφαρμογή Stylie για να δείτε πώς λειτουργεί και δοκιμάστε να παίζετε με μερικές από τις επιλογές. Μόλις κάνετε το κινούμενο σχέδιο, μπορείτε εξαγωγή του CSS ή του JavaScript και να το χρησιμοποιήσετε για κάθε έργο που σας αρέσει.
Αν αντιμετωπίζετε προβλήματα με τη μάθηση του περιβάλλοντος εργασίας, μπορείτε επίσης να παρακολουθήσετε αυτό το σύντομο φροντιστήριο μήκους περίπου 9 λεπτών και καλύπτοντας όλα τα σημαντικά χαρακτηριστικά.