Το Ίδρυμα 6 είναι σχεδόν έτοιμο να βγει από το beta, και είναι καλύτερο από τους προκάτοχούς του σχεδόν σε κάθε πιθανό τρόπο: είναι πιο εξορθολογισμένο, είναι απλούστερο και ακόμα πιο περίπλοκο. Zurb έχουν ξεπεράσει τον εαυτό τους.
Όπως θα δείτε για τον εαυτό σας όταν το εγκαθιστάτε τελικά - αρκετά απλό για OSX ή Linux, αλλά στα Windows, ο κόμβος μπορεί να είναι λεπτός - το Foundation 6 μπορεί να εγκατασταθεί μόνο μέσω του διαχειριστή πακέτων αυτές τις μέρες. Νιώθω ότι γερνάω, ονειρεύομαι τις παλιές καλές μέρες όταν τα πλαίσια CSS ήρθαν σε αρχεία .zip και όχι από μια εντολή τερματικού.
Ακόμα, δεν είμαι ψέματα όταν είπα ότι το Ίδρυμα 6 είναι φοβερό. Λοιπόν, θα έπρεπε να πω "Ίδρυμα για Sites", επειδή το Ίδρυμα δεν είναι μόνο ένα πλαίσιο πια. Εκτός από το Ίδρυμα για εφαρμογές, ο Zurb ήταν επίσης απασχολημένος κάνοντας μερικά εργαλεία για να επιταχύνει την ανάπτυξη.
Αυτή η έκδοση έχει να κάνει με την απόδοση ... μπορείτε να δημιουργείτε πιο γρήγορα τοποθεσίες, οι συγκεκριμένοι ιστότοποι θα κατεβάζουν ταχύτερα και η JavaScript θα τρέχει γρηγορότερα.
Πρώτον, υπάρχει το Ίδρυμα CLI , η οποία μπορεί να εγκαταστήσει οποιαδήποτε έκδοση του Ιδρύματος για εσάς, με έργα εκκίνησης. Το προεπιλεγμένο CSS στο Ίδρυμα για Sites θα είναι διαθέσιμο για λήψη ξεχωριστά μετά την τελική απελευθέρωση. Προς το παρόν, ωστόσο, ο CLI είναι ο τρόπος για να το αποκτήσετε και να είστε ενήμεροι με τυχόν αλλαγές πριν την τελική απελευθέρωση.
Τότε υπάρχει Πανίνη , έναν μεταγλωττιστή στατικών σελίδων με templating Handlebars και πολλά άλλα χαρακτηριστικά που θα σας βοηθήσουν να δημιουργήσετε γρήγορα στατικά πρωτότυπα ή / και τοποθεσίες. Συγκεντρώνει το Sass, βάζει όλα τα JavaScript σε ένα αρχείο, μπορεί να συμπιέσει όλο τον κώδικα και πολλά άλλα.
Τώρα, μην λάβετε την ιδέα ότι αυτή η έκδοση του Ιδρύματος είναι λιγότερο πλήρης - έχει ακόμα όλα όσα χρειάζεστε και πολλά άλλα - αλλά θα πρέπει να σημειωθεί ότι ορισμένα στοιχεία τα οποία ήταν καλύτερα προσαρμοσμένα σε εφαρμογές από ιστότοπους έχουν αφαιρεθεί. Αυτά τα στοιχεία είναι πλέον μέρος του Ίδρυμα για εφαρμογές .
Το υπόλοιπο έργο σε αυτή την έκδοση αφορούσε την απομάκρυνση του περιττού κώδικα και τον εξορθολογισμό όσων έμειναν.
Για παράδειγμα, αντί να δημιουργήσετε τρία διαφορετικά στοιχεία μενού για τρία διαφορετικά σχέδια μενού, υπάρχει μόνο ένα συστατικό μενού, με αρκετές παραλλαγές. Για το άτομο που γράφει το HTML, υπάρχει μικρή διαφορά: προσθέστε μια τάξη και έχετε ένα μενού. αλλάξτε μερικές τάξεις και έχετε ένα μενού που μοιάζει τελείως διαφορετικό.
Στην πραγματικότητα, για όλες τις διαφορές, πολλές κατηγορίες και σήματα θα φαίνονται πολύ οικεία, αν όχι το ίδιο. Είναι όλα χτισμένα στο Sass, ώστε να μπορείτε να το προσαρμόσετε όπως πάντα.
Αυτή η έκδοση έχει να κάνει με την απόδοση. Μόλις μάθετε πώς, μπορείτε να δημιουργήσετε ιστότοπους γρηγορότερα, οι ιστότοποι θα κατεβάζουν ταχύτερα και η JavaScript θα τρέξει γρηγορότερα. Ίδρυμα τώρα περίπου μισό τόσο βαρύ όσο ήταν από την άποψη του μεγέθους του αρχείου. Μισή .
Οι παλαιότερες εκδόσεις υποστηρίζουν RTL (δεξιά-αριστερά) γλώσσες, όπως η αραβική σε ένα βαθμό? αλλά χρειαζόταν κάποια μικροαλλαγές. Το Ίδρυμα 6 έχει ενσωματωμένο στηρίγμα δεξιά.
Το πλέγμα Flex είναι ακριβώς αυτό που νομίζετε ότι είναι: το στοιχείο Grid είναι εκ νέου κατασκευασμένο με το Flexbox. Από τη μία πλευρά, αυτό δίνει μια σειρά από δυνατότητες και επιλογές που ένα κανονικό πλέγμα που βασίζεται σε πλωτήρες δεν μπορεί να χειριστεί. Από την άλλη πλευρά, πιθανώς δεν είναι τόσο καλά υποστηριζόμενη, ειδικά από την IE. Είναι μια ανταλλαγή.
Δύο δροσερές βελτιώσεις συμπεριλήφθηκαν για την τυπογραφία του ιστότοπου. Συγκεκριμένα, υπάρχουν τάξεις βοηθών που έχουν σχεδιαστεί ώστε να κάνουν τις τυπογραφικές διατάξεις λίγο πιο εύκολο να αντιμετωπίσουν:
Όπως αναφέρθηκε παραπάνω, όλα τα προηγούμενα συστατικά πλοήγησης έχουν συγχωνευθεί σε ένα μεγάλο ευέλικτο στοιχείο. Αυτό σημαίνει ότι όλοι οι τύποι πλοήγησης θα παίζουν ωραία μεταξύ τους. Σημαίνει επίσης ότι μπορείτε να επιλέξετε διαφορετικά είδη πλοήγησης για διαφορετικά μεγέθη οθόνης.
Θέλετε πλοήγηση σε ένα έξυπνο τηλέφωνο και μια οριζόντια γραμμή σε μια επιφάνεια εργασίας; Εύκολα γίνεται με τις κλάσεις που σχετίζονται με το μέγεθος της οθόνης. Θέλετε να επιστρέψετε στο "Top bar"; Απλά προσθέστε ένα περιτύλιγμα div γύρω από τα προεπιλεγμένα στοιχεία του μενού.
Αλλά αν και είναι απλούστερη η χρήση του, είναι ακόμα φορτωμένο με χαρακτηριστικά. Βεβαιωθείτε ότι έχετε ελέγξει την τεκμηρίωση σχετικά με τα μενού και την πλοήγηση .
Ξέρετε εκείνους τους μικρούς κύκλους ή τα τετράγωνα - που συνήθως τοποθετούνται πάνω ή κοντά σε εικονίδια κάποιου είδους - με μικροσκοπικούς αριθμούς σε αυτά; Όπως και όταν έχετε ειδοποιήσεις στο Facebook; Αυτά ονομάζονται κονκάρδες.
Μπορείτε να μάθετε κάτι καινούριο κάθε μέρα. Επίσης, το Ίδρυμα τις έχει τώρα.
Πρέπει να κάνετε κάτι να παραμείνει στην οθόνη ενώ ο χρήστης μετακινείται; Θέλετε να σταματήσετε σε κάποιο σημείο; Το Sticky είναι το plugin σας! Αυτό είναι επίσης το πράγμα που πρέπει να χρησιμοποιήσετε εάν θέλετε να κάνετε το μενού Magellan να λειτουργεί όπως στο Ίδρυμα 5.
Σε περίπτωση που τα dropdowns, τα ακορντεόν, τα drilldowns, τα tooltips και τα modals δεν επαρκούν για εσάς, εδώ είναι ένας γενικός τρόπος να κάνετε τα πράγματα να εμφανίζονται ή να εξαφανίζονται. Είναι ένα απλό συμβάν εναλλαγής που βασίζεται στο JavaScript, το οποίο μπορεί να εφαρμοστεί σε βασικά οτιδήποτε.
Φαντάζομαι ότι είναι για εκείνες τις στιγμές που κανένα από τα άλλα συστατικά δεν ταιριάζει με το σκοπό, ή θα ήταν υπερβολικό. Ενσωματώνει τη βιβλιοθήκη Motion UI, ώστε να μπορείτε να ζωντανέψετε την πράξη εξαφάνισης σχεδόν με οποιονδήποτε τρόπο θέλετε.
Λοιπόν, το όνομα ακούγεται σαν ένα στοιχείο όπου μπορείτε να ενσωματώσετε ένα βίντεο ή ένα αντικείμενο Flash (yuck), και θα μπορούσατε να το κάνετε αυτό υποθέτω. Αυτό που πραγματικά σημαίνει για την εμφάνιση οποιουδήποτε αντικειμένου μέσων, όπως μια εικόνα, μαζί με πληροφορίες κειμένου.
Για παράδειγμα, μπορείτε να βάλετε το avatar ενός χρήστη δίπλα στο όνομα χρήστη και το σχόλιό του σε μια ενότητα σχολίων. Ή, μπορείτε να το χρησιμοποιήσετε για να τοποθετήσετε την ημερομηνία κυκλοφορίας μιας ταινίας, τους κύριους ηθοποιούς και άλλα μεταδεδομένα δίπλα σε μια ανασκόπηση της ταινίας. Ελέγξτε την τεκμηρίωση για παραδείγματα.
Κάθε δυνατότητα έχει ενημερωθεί ή ξαναγραφτεί. Ωστόσο, πολλοί λειτουργικά παραμένουν αμετάβλητοι. Ελέγξτε με βεβαιότητα την τεκμηρίωση για να βεβαιωθείτε ότι έχετε τα σωστά μαθήματα, δείτε μερικές από τις αναβαθμίσεις και πηγαίνετε. Εδώ είναι αυτά τα περισσότερα ή λιγότερο τα ίδια χαρακτηριστικά, με αλφαβητική σειρά:
Ναι. Η ανανεωμένη εστίαση στα εργοτάξια (σε αντίθεση με ένα πλαίσιο που προσπαθεί να καλύψει τις ανάγκες τόσο των χώρων όσο και των εφαρμογών) είναι αναζωογονητικό και το μειωμένο μέγεθος είναι πάντα ένα πλεονέκτημα.
Ανυπομονώ να το ζήσει πολύ σύντομα.