Πιθανότατα γνωρίζετε ότι το CSS Grid Layout είναι επιτέλους εδώ στις πιο πρόσφατες εκδόσεις του Firefox και του Chrome. Οι προγραμματιστές μπορούν τώρα να απολαμβάνουν την εκπληκτική διάταξη πλέγματος, μια από τις πιο αναμενόμενες λειτουργίες στην ιστορία του CSS. Αλλά αν ψάχνετε για λύση που θα σας βοηθήσει να διαχειριστείτε το περιεχόμενό σας χωρίς μεγάλη ταλαιπωρία, εδώ είναι 10 Οι καλύτερες βιβλιοθήκες διάταξης πλέγματος Javascript που κάνει τη δουλειά σας πολύ πιο εύκολη και πιο γρήγορη.
Κατηγοριοποιήστε, ταξινομήστε και φιλτράρετε ένα αποκριτικό πλέγμα στοιχείων.
Είναι μια βιβλιοθήκη Javascript που καθιστά εξαιρετικά απλή τη δημιουργία διατάξεων πλέγματος Με το Magic Grid, το μόνο που έχετε να κάνετε είναι να καθορίσετε ένα κοντέινερ και να ακούσετε για αλλαγές. Μερικές άλλες επιλογές διαμόρφωσης είναι διαθέσιμες για ευκολία, αλλά όλα είναι πολύ απλά
Είναι μια μηχανή διάταξης JavaScript που σας επιτρέπει να δημιουργήσετε όλα τα είδη διατάξεων και να τις κάνετε αποκρίσιμες, με δυνατότητα ταξινόμησης, φιλτραρίσματος, μεταφοράς ή/και κινούμενων σχεδίων.
Είναι ένα ισχυρό σύστημα πλέγματος ενσωματωμένο σε PostCSS που λειτουργεί με οποιονδήποτε προεπεξεργαστή, ακόμη και με βανίλια CSS.
Σύρετε και αποθέστε τη βιβλιοθήκη για μια δισδιάστατη λίστα αντικειμένων με δυνατότητα αλλαγής μεγέθους και απόκριση.
Είναι μια βιβλιοθήκη JavaScript και ένα πρόσθετο jQuery που κάνει διατάξεις χωρίς κενά και με δυνατότητα μεταφοράς. Χρησιμοποιεί έναν αλγόριθμο συσκευασίας bin-packing για να συμπληρώσει τα κενά. Οι διατάξεις συσκευασιών μπορούν να παραγγελθούν έξυπνα ή οργανικά άγρια. Τα στοιχεία μπορούν να σφραγιστούν στη θέση τους, να χωρέσουν σε ένα συγκεκριμένο σημείο ή να σύρονται γύρω. Είναι ιδανικό για συρόμενο ταμπλό και απρόσκοπτες γκαλερί εικόνων τοιχοποιίας.
Ελάχιστη διάταξη πλέγματος μηδενικής εξάρτησης 2 kb χωρίς πόνο.
Αποκριτικό σύστημα πλέγματος React κατασκευασμένο με σύστημα στυλ.
Βαρεθήκατε να χρησιμοποιείτε ανατριχιαστικά hacks ή βαρείς τρόπους για να αποκτήσετε ένα πλέγμα με βάση το Pinterest; Αυτή η ερώτηση έχει ένα καλό σημείο. Ναι, υπάρχουν τρόποι CSS για να το λύσετε αυτό, χρησιμοποιώντας το flexbox ή την τεχνική στήλης, αλλά αυτό δεν λειτουργεί καλά όταν δεν γνωρίζετε τα δεδομένα/δομή σας. Πρέπει λοιπόν να χρησιμοποιήσουμε JavaScript. Η πρόκληση είναι να δημιουργήσετε έναν αξιοπρεπή αλγόριθμο όπου η δομή δεν έχει σημασία: Το Waterfall θα λειτουργήσει.
Ένα δομοστοιχείο που χρησιμοποιείται για την τακτοποίηση στοιχείων κάρτας, συμπεριλαμβανομένου περιεχομένου, άπειρα ανάλογα με τον τύπο διάταξης. Με αυτήν την ενότητα, μπορείτε να εφαρμόσετε διάφορες διατάξεις που αποτελούνται από διαφορετικά στοιχεία κάρτας των οποίων τα μεγέθη ποικίλλουν. Εγγυάται την απόδοση διατηρώντας τον αριθμό των DOM που χειρίζεται η μονάδα υπό οποιαδήποτε περίσταση
Αυτό είναι ένα πρόσθετο PostCSS που στοχεύει να αντικαταστήσει τις 24 νέες ιδιότητες που έφερε το CSS Grids με ένα μόνο που καταλαβαίνετε αμέσως μόλις το δείτε.
