(Αυτό είναι ένα βίντεο με χορηγία που δούλεψα μεταξύ μας στο CSS-Tricks και το Webflow. Νομίζω ότι το Webflow είναι ένα συναρπαστικό προϊόν για τη δημιουργία ιστότοπων που, κατά τη γνώμη μου, ανήκει σε μια κατηγορία από μόνη της αυτή τη στιγμή. Χρειάζεται λίγο για να ολοκληρώσετε το μυαλό σας, οπότε ελπίζω να σας βοηθήσει αυτό το βίντεο.)
1) Το Webflow δημιουργήθηκε για επαγγελματικά σχέδια και προγραμματιστές
Γνωρίζετε ήδη πώς να δημιουργήσετε ιστότοπους με κώδικα; Είναι υπέροχο. Δεν σημαίνει ότι η ροή Ιστού είναι κάτω από την ικανότητά σας. Η ροή Web είναι όλες οι ίδιες αφαιρέσεις με HTML και CSS, αλλά εκθέτει αυτές τις διεπαφές σε έναν οπτικό καμβά.
2) Τα επαναχρησιμοποιήσιμα στυλ βρίσκονται στην καρδιά του Webflow
Ο προγραμματιστής CSS σε εσάς πιθανώς λαχταρά να κάνει τα πάντα σε τάξεις. Η τάξη είναι το απόλυτο εργαλείο CSS για επαναχρησιμοποίηση. Καλά νέα, ό, τι στυλ στο Webflow είναι κυριολεκτικά μέσω ενός επιλογέα που είναι μια τάξη. Ούτε καν "αρέσει" μια τάξη. Είναι μια πραγματική τάξη κάτω από την κουκούλα. Η ροή Ιστού δεν πλαστοποιεί τον Ιστό, είναι ο Ιστός.
3) Το Webflow διαθέτει λειτουργίες όπως το Flexbox και το CSS Grid
Η εργασία με flexbox και πλέγμα σε έναν οπτικό καμβά χωρίς να χρειάζεται να σκεφτώ τη σύνταξη είναι πολύ ικανοποιητική. Αντί να θυμάστε τα ονόματα και τις τιμές της ιδιότητας, κάνετε κλικ στα κουμπιά για να αντιμετωπίσετε το διάστημα και την ευθυγράμμιση ή χρησιμοποιώντας εργαλεία απευθείας στον ίδιο τον καμβά.
Ανησυχείτε για την απόκριση του σχεδιασμού; Το Webflow το καλύπτει πλήρως. Καθώς αλλάζετε το μέγεθος και αλλάζετε σημεία διακοπής, ο ίδιος ο καμβάς αλλάζει μεγέθη και τα στυλ που ορίζετε ρέουν προς τα κάτω από μεγάλο σε μικρό.
4) Δημοσιεύστε γρηγορότερα, μην ανησυχείτε λιγότερο
Όταν τελειώσετε με το σχεδιασμό του ιστότοπου στο Webflow, τότε δεν το παραδίδετε σε κάποιον άλλο για να το δημιουργήσετε αλλού. Έχετε τελειώσει ήδη, έχετε δημιουργήσει τον ιστότοπο. Μπορείτε να πατήσετε το κουμπί δημοσίευσης και να το έχετε ζωντανά σε μια διεύθυνση URL σε δευτερόλεπτα. Στη συνέχεια, μπορείτε να αντιστοιχίσετε οποιονδήποτε άλλο τομέα σε αυτόν και έχετε διευθετήσει την κατάσταση φιλοξενίας και ανάπτυξης. Χωρίς SFTP. κανένα πρόβλημα ασφάλειας. Δεν πρέπει να χειριστείτε μόνοι σας ενημερώσεις λογισμικού.
5) Το Webflow CMS είναι εξαιρετικά ισχυρό και έχει σχεδιαστεί με γνώμονα τους πελάτες και τους εμπόρους
Το Webflow διαθέτει ενσωματωμένο CMS που είναι τόσο ισχυρό όσο οποιοδήποτε άλλο. Διαμορφώνετε ακριβώς το είδος του μοντέλου περιεχομένου που χρειάζεστε (προφανώς δεν απαιτείται κωδικοποίηση) και το έχετε. Σαν ένα εργαλείο δημιουργίας φορμών, κατά μία έννοια. Στη συνέχεια, αυτά τα πεδία μπορούν να χρησιμοποιηθούν στα πρότυπά σας εξίσου εύκολα με το στατικό περιεχόμενο.
Ίσως το καλύτερο είναι ότι τότε η δημιουργία και η επεξεργασία αυτών των δεδομένων γίνεται δυνατή μέσω μιας ελάχιστης διεπαφής απευθείας στον ίδιο τον ιστότοπο. Κάθε πεδίο που βρίσκεται στο CMS (και το έχετε επιτρέψει) μπορεί να επεξεργαστεί απευθείας στο front-end του live site. Υπάρχει επίσης μια γραμμή στο κάτω μέρος για τη δημιουργία και επεξεργασία περιεχομένου μέσω μιας διεπαφής διαχειριστή. Είναι το καλύτερο και από τους δύο κόσμους, την επεξεργασία στη σελίδα και την επεξεργασία τύπου φόρμας
6) Τα εργαλεία κινούμενων σχεδίων Webflow βρίσκονται στο επόμενο επίπεδο
Είναι πιθανό την πρώτη φορά που ακούσατε για το Webflow να κοιτάξετε ιστότοπους που είχε κατασκευάσει με απίστευτο σχεδιασμό αλληλεπίδρασης. Διασκεδαστικό, όλες οι σελίδες μάρκετινγκ του Webflow δημιουργούνται με το Webflow. Ρίξτε μια ματιά στη σελίδα του σχεδιαστή για μια γεύση.
Κινούμενες εικόνες βασισμένες σε κύλιση, όπως παράλλαξη, κινούμενα σχέδια σε συμβάντα όπως κλικ και αιωρούμενα, όλα έγιναν δυνατά μέσω ενός πίνακα αλληλεπίδρασης όπου τα συνδέετε με αλλαγές σε πράγματα όπως αδιαφάνεια, κινήσεις και περιστροφές. Υπάρχουν αριστοκρατικές προεπιλογές για να σας βοηθήσουν, καθώς και πράγματα επόμενου επιπέδου, όπως η ενσωμάτωση κινούμενων εικόνων Lottie.
7) Υπάρχει ένας τόνος μαθησιακού περιεχομένου και κοινότητας για εσάς
Η εκμάθηση της ροής ιστού δεν είναι καλή τύχη. Ελπίζω να βρείτε κάποιες αναρτήσεις ιστολογίου ή βίντεο στο YouTube. Το Webflow University είναι εντελώς δωρεάν και είναι απολύτως γεμάτο με ό, τι θα θέλατε ποτέ να μάθετε για τη δημιουργία ιστότοπων με το Webflow. Αυτό θα μπορούσε να είναι το bootcamp σας.
Δοκιμάστε τη ροή Web