Αρχική σελίδα » Web Design » Ίδρυμα 6 - 10 εκπληκτικά νέα χαρακτηριστικά

    Ίδρυμα 6 - 10 εκπληκτικά νέα χαρακτηριστικά

    Οι προγραμματιστές του πλαισίου front-end του Ιδρύματος δεν έχουν μόνο κάθονται στις δάφνες τους ενώ η ομάδα Bootstrap εργάζεται για την εντυπωσιακή νέα μεγάλη κυκλοφορία τους. Πέρυσι πήγαν σε μια εκπληκτική περιοδεία στο Παγκόσμιο Συνέδριο για να μοιραστούν τις γνώσεις τους με τους χρήστες τους και να τους ρωτήσουν για το πώς χρησιμοποιούν το Ίδρυμα στην πραγματική ζωή τους.

    Αφού επέστρεψαν στα γραφεία τους, συγκέντρωσαν τις ανάγκες και τις επιθυμίες των χρηστών τους και ξεκίνησαν το σχεδιασμό της νέας μεγάλης έκδοσης του πλαισίου: Ίδρυμα 6.

    Είναι ακόμα υπό ανάπτυξη, αλλά τα σχέδια είναι πολύ ελπιδοφόρα. Τα επόμενα χαρακτηριστικά επικεντρώνονται σε 3 βασικούς τομείς: την απόδοση, την προσαρμοστικότητα και την προσβασιμότητα. Ας ρίξουμε μια ματιά σε 10 από αυτές τις δυνατότητες τώρα.

    1. Βελτιωμένη ροή εργασίας

    Με βάση τις εμπειρίες των χρηστών τους, η ομάδα του Ιδρύματος ανέπτυξε ένα νέο σύνθημα, δηλαδή “Πρωτότυπο στην παραγωγή”, για το Ίδρυμα 6. Αυτό σημαίνει μια νέα, βελτιωμένη ροή εργασίας που θα επιτρέψει στους σχεδιαστές και τους προγραμματιστές πηγαίνετε κατευθείαν από το πρωτότυπο στην παραγωγή.

    Ο στόχος του νέου Ιδρύματος 6 είναι να παράσχει ένα ευέλικτο και εύκολα προσαρμόσιμο πλαίσιο που να το καθιστά δυνατό γράψτε καθαρό και σημασιολογικό κώδικα από την αρχή. Η τρέχουσα έκδοση, το Ίδρυμα 5 επιτρέπει επίσης γρήγορο πρωτότυπο, αλλά μπορούμε περιμένετε περαιτέρω βελτιστοποίηση της ροής εργασίας στην ερχόμενη έκδοση.

    2. Απλοποιημένη διαδικασία εγκατάστασης για την έκδοση Sass

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

    Η διαδικασία εγκατάστασης του Sass υπήρξε λίγο εκφοβιστική για πολλούς χρήστες, οπότε η νέα μεγάλη κυκλοφορία θα γίνει λάβετε μια απλοποιημένη διαδικασία ρύθμισης για την έκδοση Sass. Αυτό σημαίνει ότι η εγκατάσταση του Sass θα γίνει απαιτούν πολύ λιγότερες εξαρτήσεις από πριν. Φυσικά, αν προτιμάτε την έκδοση CSS της βανίλιας, μπορείτε ακόμα να το επιλέξετε.

    3. Μια νέα στοίβα εγκατάστασης για τα μέγιστα

    Εκτός από την τακτική έκδοση Sass, το Ίδρυμα 6 θα έρθει με ένα souped επάνω Έκδοση Sass που θα παρέχει στους προγραμματιστές ισχυρές επιλογές προσαρμογής.

    Ο ZURB, ο δημιουργός του Ιδρύματος, θα ανοίξει τη δική του στοίβα ανάπτυξης για το κοινό, συμπεριλαμβανομένου του δικού του γεννήτρια στατικών τοποθεσιών, διακομιστή live-reload και φορτία εσωτερικών τεχνικών βελτιστοποίησης συμπεριλαμβανομένης της ενσωμάτωσης του UnCSS για την κατάργηση των αχρησιμοποίητων στυλ, και του UglifyJS για τη συμπίεση JavaScript.

    Έτσι, βασικά θα είμαστε σε θέση να εργαστούμε στο ίδιο αναπτυξιακό περιβάλλον που χρησιμοποιεί το ZURB εσωτερικά.

    4. Μειωμένος χρόνος φόρτωσης σελίδας

    Η ομάδα του Ιδρύματος αντιμετώπισε κάποιες εποικοδομητικές επικρίσεις που ισχυρίστηκαν ότι στα περισσότερα έργα του Ιδρύματος, περίπου το 90% του κώδικα CSS πηγαίνει αχρησιμοποίητο. Αυτό δεν ισχύει μόνο για το Ίδρυμα, αλλά και για άλλα σημαντικά πλαίσια CSS, όπως το Bootstrap και το TopCoat. Στο πλαίσιο της απάντησής τους, ο Zurb αποφάσισε να μειώσει σημαντικά το μέγεθος του αρχείου του CSS με την υλοποίηση ενός περίπου 40-50%.

    ΕΙΚΌΝΑ: Freepik.com

    Είναι ενδιαφέρον να σημειώσουμε ότι προσπαθούν να διακριθούν από το Bootstrap λέγοντας "Το Ίδρυμα δεν είναι ένα πλαίσιο που θα έχει περιθωριακές και στρογγυλές στυλιστικές τάξεις ή στρογγυλά και ακτίνα"(Για αναφορές, δείτε τις νέες κλάσεις χρησιμότητας του Bootstrap 4 στην προηγούμενη ανάρτησή μας).

    5. Στυλ βάσης ενεργώντας ως συρματοπλέγματα

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

    ΕΙΚΌΝΑ: Freepik.com

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

    6. Διευκολύνει την επιλεκτική εισαγωγή

    Το Ίδρυμα 5 επιτρέπει στους προγραμματιστές να επιλέγουν μόνο τα εξαρτήματα που θέλουν να χρησιμοποιήσουν. Το Ίδρυμα 6 θα καταβάλει αυτό το εγχείρημα στο επόμενο επίπεδο μετακινώντας τη λειτουργία επιλεκτικής εισαγωγής στο αρχείο _settings.scss Sass.

    ΕΙΚΟΝΑ: Zurb.com

    Αυτός ο τρόπος _settings.scss θα είναι a πραγματικά παγκόσμιο αρχείο ρυθμίσεων, καθώς δεν μπορούμε μόνο να προσαρμόζουμε με τη βοήθειά του χαρακτηριστικά, όπως πλάτος γραμμής ή προεπιλεγμένες γραμματοσειρές, αλλά και εύκολα αποχωρώντας από τα στοιχεία που δεν χρειαζόμαστε. Αν το κάνουμε αυτό, μπορούμε να επιτύχουμε μια περαιτέρω βελτίωση της απόδοσης.

    7. Leaner και καθαρότερο Sass

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

    ΕΙΚΟΝΑ: Zurb.com

    Στο Ίδρυμα 6 μπορούμε αναμένουν μειωμένη φωλιά και εξειδίκευση, βελτιστοποιημένα ερωτήματα των μέσων ενημέρωσης (συνένωσαν τον επαναλαμβανόμενο κώδικα), και αναμεμιγμένες συνιστώσες. Το τελευταίο σημαίνει ότι θα υπάρξουν λιγότερες συνιστώσες mixins, ενώ οι υπόλοιπες θα έχουν λιγότερες παραμέτρους, οι οποίες θα οδηγήσουν σε έναν απλούστερο και λογικότερο κώδικα

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

    8. Βελτιωμένα αναμικτήρια πλέγματος

    Ενώ μειώνετε τα συστατικά μίξερ, το Ίδρυμα 6 θα έρθει με ενισχυμένα αναμικτήρια πλέγματος που θα μας επιτρέψει δημιουργήστε ένα πιο προσαρμοσμένο πλέγμα.

    ΕΙΚΟΝΑ: Foundation.zurb.com

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

    9. Ομοιογενής ενσωμάτωση προσαρμοσμένων προσαρτημάτων JavaScript

    Το Ίδρυμα 5 έχει πολλές λειτουργίες JavaScript, όπως δροσερά διαλόγια για τρόπους, κουμπιά εργαλείων, κολλητική γραμμή πλοήγησης, κουτιά lightboxes και πολλά άλλα που χρειάζεται ένας σύγχρονος ιστότοπος, αλλά η επόμενη σημαντική κυκλοφορία θα μας επιτρέψει να γράψτε τα προσαρμοσμένα μας plugins JavaScript εκμεταλλευόμενοι τον πυρήνα του Ιδρύματος. Είναι ένα τεράστιο βήμα μπροστά και στα δύο φιλικότητα προς το χρήστη και απόδοση.

    ΕΙΚΟΝΑ: Foundation.zurb.com

    Στο μέλλον, θα είμαστε σε θέση να πρόσβαση στις ενσωματωμένες μεθόδους αρχικοποίησης, εναλλαγή ενεργοποιήσεων και ορια ΑΝΤΟΧΗΣ, και να κάνουν χρήση όλων των άλλων χαρακτηριστικών του παγκόσμιου JavaScript του Ιδρύματος.

    10. Πλήρης προσβασιμότητα

    Ίσως το πιο εκπληκτικό χαρακτηριστικό του νέου Ιδρύματος 6 είναι ότι θα είναι πλήρως προσβάσιμο. Κάθε απόσπασμα εξαρτήματος και κώδικα θα συνοδεύεται από τα κατάλληλα χαρακτηριστικά WAI-ARIA και τους ρόλους ορόσημο. Επιπλέον, οι προγραμματιστές θα είναι ακόμη με έναν οδηγό χρήστη σχετικά με πώς να χρησιμοποιήσετε τα πρότυπα διαδικτύου.

    ΕΙΚΟΝΑ: Τμήμα Εργασίας των ΗΠΑ

    Έτσι, αν θέλουμε να παρέχουμε στον πελάτη μας έναν πλήρως προσιτό ιστότοπο, δεν χρειάζεται να κάνουμε τίποτα άλλο παρά να οικοδομήσουμε το σχέδιό μας με το Ίδρυμα 6. Παρακαλώ σημειώστε ότι θα χρειαστεί ακόμα να προσθέστε τους κατάλληλους κανόνες ARIA στις σελίδες μας HTML ξεχωριστά, παρόλο που ο ερχόμενος οδηγός χρήστη του Zurb θα διευκολύνει σίγουρα τη διαδικασία μάθησης.