Εάν δεν γράφετε πολλούς CSS μόνοι σας, ίσως να σκεφτείτε το CSS Grid ως εκείνο το πράγμα Ρέιτσελ Άντριου κρατά tweeting περίπου. Λοιπόν, είναι α όλο το νέο σύστημα για τη διάταξη , και η Zurb προφανώς ακολουθεί την τροφή της. Έτσι είναι οι περισσότεροι πωλητές του προγράμματος περιήγησης.

Τη στιγμή της γραφής, το CSS Grid υποστηρίζεται στα ακόλουθα προγράμματα περιήγησης:

  • Χρώμιο. Ενεργοποιήθηκε από προεπιλογή από την έκδοση 57.
  • Firefox. Ενεργοποιήθηκε από προεπιλογή από την έκδοση 53.
  • Internet Explorer. Ενεργοποιήθηκε από προεπιλογή από το IE10
  • ΛΥΡΙΚΗ ΣΚΗΝΗ. Ενεργοποιήθηκε από προεπιλογή από την έκδοση 44.
  • Σαφάρι. Ενεργοποιήθηκε από προεπιλογή από την έκδοση 10.1.

Σωστά. Ο Internet Explorer πήρε πρώτα. Είναι πάντα λίγο αδέξιος όταν συμβαίνει αυτό. Τέλος πάντων, αυτές οι πληροφορίες προέρχονται από τους ίδιους τους Zurb, οι οποίοι ανακοίνωσαν την ένταξη του CSS Grid στο ίδρυμα στο δικό τους τελευταία δημοσίευση στο blog . Έχουν τρεις λόγους για τον διακόπτη:

Θέλουν να παραμείνουν μπροστά από το πακέτο

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

Για αυτούς, αυτή η αρκετά πρώιμη αλλαγή είναι συνήθης, παρά μια ριζική απομάκρυνση από τον κανόνα.

Το CSS Grid είναι μόνο καλύτερο για τα μεγάλα πράγματα

Στην επιφάνεια, φαίνεται ότι το Flexbox ικανοποιεί τις ίδιες ανάγκες με το CSS Grid και η υποστήριξη είναι ήδη εδώ. Λοιπόν, δεν είναι τόσο απλό όσο όλα αυτά.

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

Το CSS Grid φαίνεται να έχει σχεδιαστεί με μεγαλύτερη διάταξη σελίδας. Κάνει ευκολότερη τη δημιουργία, τη διαχείριση και την "ευθύνη" σε μεγάλες διατάξεις με λιγότερες γραμμές CSS από άλλες επιλογές. Δεδομένου ότι οι εύκολες διατάξεις είναι ένα είδος συμφωνίας του Ιδρύματος, είναι λογικό να ενσωματώσουν το CSS Grid.

Πιστεύουν ότι πρέπει να αποκόψουμε τη μεταφορά της σελίδας ούτως ή άλλως

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

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

Ο δρόμος προς τα εμπρός είναι στρωμένος με Building Blocks

Είναι καλό αυτό για τον web des ... ναι δεν πρόκειται να ολοκληρώσω αυτό το θέμα. Το CSS Grid εκπέμπει μεγάλο χρόνο. Το Ίδρυμα που την υιοθετεί σημαίνει ότι είναι, για το άμεσο μέλλον, λίγο επίσημο: το CSS Grid είναι ένα πράγμα . Και hey, μπορεί να χρειαστεί κάποιο να συνηθίσει, αλλά μου αρέσει.

Εκτός αυτού, ο Zurb δεν σταματά εκεί. Η υιοθέτηση του CSS Grid οδήγησε τον Zurb ακόμα πιο κάτω στη διαδρομή του αρθρωτού κώδικα. Απλά κυκλοφόρησαν ένα νέο σύνολο προ-κωδικοποιημένων στοιχείων UI που καλούν Δομικά στοιχεία . Τα δομικά στοιχεία δεν θα αποτελούν μέρος του πυρήνα του Ιδρύματος. Είναι επεκτάσεις. Κατεβάστε τα, αφήστε τα στο έργο σας και πηγαίνετε.

Μέχρι στιγμής, αποτελούνται από μεμονωμένα στοιχεία UI που κωδικοποιούνται από το Zurb - καθώς και κώδικα πρότυπα που δημιουργούνται από την κοινότητα - ειδικά για να συνεργαστεί με το Ίδρυμα. Στη συνέχεια υπάρχουν επιμελημένα σύνολα δομικών μονάδων που ονομάζονται κιτ, τα οποία έχουν σχεδιαστεί για να διευκολύνουν την κατασκευή ενός συγκεκριμένου είδους τοποθεσίας. Υπάρχουν κιτ για ιστότοπους ηλεκτρονικού εμπορίου, ιστότοπους χαρτοφυλακίου, πίνακες ελέγχου admin και πολλά άλλα.

Οι αναγνώστες με αναμνηστικές μνήμες μπορεί να θυμούνται ότι ο Ράφι Μπενκουάλ μίλησε για αυτή την ιδέα τη συνέντευξη μας μαζί του και ο Kevin Ball. Λοιπόν, το έχουν κάνει. Φαίνεται ότι ο Zurb είναι αποφασισμένος να διευκολύνει τους σχεδιαστές να επικεντρωθούν στις ανησυχίες και την αισθητική του UX, χωρίς να κάνουν τα ίδια το έργο τους. Και σπρώξτε τον ιστό προς τα εμπρός.

Μπορώ να πάρω πίσω από αυτό.