Το πλαίσιο είναι ένα από τα χρήσιμα εργαλεία ανάπτυξης εργαλείων για την ταχύτερη και καλύτερη ανάπτυξη. Με τα πλαίσια μπορείτε να δημιουργήσετε μια καλά δομημένη, διατηρήσιμη και αναβαθμισμένη ιστοσελίδα . Επίσης, σας βοηθά να εξοικονομήσετε πολύ χρόνο, επειδή υπάρχουν πολλά εύκολα διαθέσιμα στοιχεία που μπορείτε να χρησιμοποιήσετε.
Σήμερα, ο αριθμός των πλαισίων έχει αυξηθεί σημαντικά, και όπως ίσως γνωρίζετε, το Bootstrap από το Twitter είναι στην κορυφαία κατάταξη. Για να σας βοηθήσουμε να επιλέξετε το πιο κατάλληλο πλαίσιο για να χρησιμοποιήσετε, έχουμε παραθέσει 21+ καλύτερα διαθέσιμα πλαίσια σήμερα για την εναλλακτική λύση Bootstrap . Προσφέρουν μοναδικά και πειράγματα που διαφέρουν μεταξύ τους. Ολοκλήρωση αγοράς!
1. Καθαρίστε
Αν σκοπεύετε να δημιουργήσετε μια εφαρμογή Ιστού που λειτουργεί τόσο σε επιτραπέζιους υπολογιστές όσο και σε κινητά, τότε θα πρέπει να εξετάσετε τη χρήση του Pure από το Yahoo. Το Pure έχει πολύ καλύτερες επιδόσεις όταν πρόκειται για κινητές συσκευές από το Bootstrap. Όπως υποδηλώνει το όνομά του, το Pure έρχεται ως καθαρό πλαίσιο CSS μόνο. Κατασκευάστηκε πάνω από το Normalize.css, το Pure έχει ένα εξαιρετικά μικρό μέγεθος αρχείου με μόλις 4.5KB (minified και gzip) .
2. Κιτ UI
Το UIkit είναι ένα ελεύθερο, ελαφρύ και αρθρωτό front-end πλαίσιο. Αναπτύχθηκε με λιγότερο, το UIkit έχει έναν καλά δομημένο, επεκτάσιμο και διατηρήσιμο κώδικα. Προσφέρει επίσης ένα σύστημα πλέγματος που είναι ευαίσθητο, ρευστό και σταθερό. Με το UIkit μπορείτε να δημιουργήσετε πλοήγηση, κουμπιά, modals, dropdown και πιο προσεκτικά. Η περιεκτική τεκμηρίωσή του θα σας διευκολύνει να ξεκινήσετε με το UIkit.
3. MontageJS
Το MontageJS είναι ένα ελεύθερο πλαίσιο front-end ανοιχτού κώδικα εξειδικευμένο για τη δημιουργία σύγχρονων εφαρμογών μιας σελίδας (SPA) . Χρησιμοποιώντας τα θεμέλια πολλών δοκιμασμένων εφαρμογών πλαισίου, το Montage θα απλοποιήσει την αναπτυξιακή σας διαδικασία, ενώ οι εκφραστικοί κώδικες HTML είναι ακόμα διατηρητέοι. Με το MontageJS, μπορείτε να συγχρονίσετε τις ενημερώσεις DOM για πιο ομαλή εμπειρία χρήστη, να δημιουργήσετε και να επεκτείνετε τα στοιχεία του UI που μπορούν να επαναχρησιμοποιηθούν και πολλά άλλα.
4. Βασικές εργασίες
Το Groundwork είναι ένα ελαφρύ, ευέλικτο και ευαίσθητο front-end πλαίσιο που δημιουργήθηκε και συντηρείται από τον Gary Hepting . Χτισμένο πάνω από το Sass και την Compass, το Groundwork προσφέρει ένα εξαιρετικό σύστημα πλέγματος το οποίο είναι ευέλικτο, ρευστό και σταθερό . Με το σύστημα πλέγματος, μπορείτε να δημιουργήσετε οποιοδήποτε τύπο διάταξης διάταξης που να ταιριάζει σε οποιοδήποτε μέγεθος οθόνης.
5. Gumby
Το Gumby είναι ένα ευέλικτο και ευέλικτο πλαίσιο που χτίστηκε με τη δύναμη του Sass για ταχύτερη ανάπτυξη ιστού. Το εργαλείο προσαρμογής του επιτρέπει να τροποποιήσετε εύκολα και να προσαρμόσετε το σύνολο του σχεδιασμού του κιτ UI για να ικανοποιήσετε τις καλύτερες προτιμήσεις σας. Το Gumby έχει πολλούς τύπους πλεγμάτων με διαφορετικές παραλλαγές στηλών, αλλά από προεπιλογή, το Gumby έρχεται με σύστημα πλέγματος 960.
6. Boilerplate HTML5
Όπως και το όνομά της, το HTML5 Boilerplate σάς παρέχει έτοιμο πρότυπο HTML5 το οποίο έχει βελτιστοποιηθεί ώστε να πληροί τα πιο πρότυπα νέων δυνατοτήτων HTML. Χρησιμοποιώντας αυτό το πρότυπο, μπορείτε να δημιουργήσετε έναν γρήγορο, ανθεκτικό και ευαίσθητο ιστότοπο που να μπορεί να προσαρμοστεί σε οποιοδήποτε πρόγραμμα περιήγησης, ακόμα και σε παλιούς, όπως στον Internet Explorer.
7. Σκελετός
Το Skeleton είναι ένα ελαφρύ πλαίσιο CSS που χρησιμοποιεί ένα σύστημα πλέγματος 12 στηλών. Σε αντίθεση με το Bootstrap ή το Ίδρυμα, το Skeleton σάς παρέχει μερικές βασικές συνιστώσες μόνο σαν κουμπιά, λίστες, πίνακες, φόρμες με στόχο να ξεκινήσετε την αναπτυξιακή διαδικασία.
8. Bootflat
Το Bootflat είναι ένα πλαίσιο CSS ανοικτού κώδικα που είναι χτισμένο με το ισχυρό Bootstrap 3. Το Bootflat έχει σχεδιαστεί για να δημιουργεί ένα εκπληκτικό επίπεδη σχεδίαση ιστοσελίδων με ταχύτερο, ευκολότερο και λιγότερο επαναλαμβανόμενο τρόπο . Ως εκ τούτου, το κιτ UI έρχεται με όμορφο πακέτο διεπαφής χρήστη PSD που μπορείτε να χρησιμοποιήσετε στην ιστοσελίδα σας, iOS ή Android.
9. Inuit
Το Inuit.css είναι μια άλλη μεγάλη φήμη CSS που επικεντρώνεται στην προσέγγιση Mobile First και αφήνει όλο το σχέδιο σε σας. Ενώ πολλά άλλα πλαίσια έρχονται με το δικό τους ενσωματωμένο σχεδιασμό CSS, το Inuit.css, ωστόσο, δεν το κάνει. Το Inuit.css λειτουργεί με τρόπο OOCSS (Object Oriented CSS), ο οποίος είναι μια γρήγορη, κλιμακούμενη και διατηρήσιμη μέθοδος γραφής CSS για επαναχρησιμοποίηση.
10. Σύστημα πλέγματος 960
Το 960 Grid System είναι ένα πλαίσιο front-end που μπορεί να εξομαλύνει τη ροή εργασιών σας στο Web που βασίζεται σε ένα δοχείο πλάτους 960px. Στη συνέχεια, ο περιέκτης μπορεί να τεμαχιστεί σε 12, 16 ή ακόμα και 24 στήλες για ευκολότερη τοποθέτηση περιεχομένου.
11. Υλοποίηση
Χτισμένο με βάση τις αρχές σχεδίασης υλικών της Google, η Materialalize έχει έρθει ως ένα μοντέρνο πλαίσιο άμεσης απόκρισης. Αυτό το πλαίσιο είναι πολύ κατάλληλο για όσους θέλουν να εφαρμόσουν την εμφάνιση και την αισθητική του σχεδιασμού υλικού στην ιστοσελίδα τους χωρίς καμία πολυπλοκότητα. Διαθέτει σχεδιασμό καρτών, κινούμενα σχέδια με κυματισμό, Sass mixin, μεταφορά από το μενού για κινητά και πολλά άλλα.
12. Jeet
Το Jeet είναι ένα γρήγορο, ευέλικτο και πιο προηγμένο σύστημα πλέγματος που είναι διαθέσιμο σήμερα. Το Jeet σας βοηθά να χτίσετε πλέγματα σε κίνηση με έναν πολύ διαισθητικό, καθαρό τρόπο. Υποστηρίζει σχεδόν όλα τα σύγχρονα και παλιά προγράμματα περιήγησης.
13. Susy
Το Susy είναι ένα αυτοματοποιημένο σύστημα πλέγματος που μπορεί να σας βοηθήσει να δημιουργήσετε διαμόρφωση ιστού σε οποιαδήποτε στήλη θέλετε. Σας δίνει την ελευθερία και την ευελιξία να χτίσετε το σχέδιο της επιλογής σας. Είναι σε θέση να χειριστεί αν το σχέδιό σας έχει 5, 12, 24, 48 ή άνισες στήλες.
14. UI του μετρό
Το Metro UI είναι ένα πλαίσιο βασισμένο σε 12 πλέγματα που εμπνέεται από τη διεπαφή στυλ των Windows 8 Metro. Είναι πολύ εύκολο στη χρήση και έχει στυλ με μια δέσμη κοινών στοιχείων όπως κουμπί, κεραμίδι, μενού, επιλογή ημερομηνίας και πολλά άλλα. Υπάρχει επίσης ένα πρότυπο πύλης ειδήσεων για να ξεκινήσετε εύκολα.
15. HTML KickStart
Το HTML KickStart είναι ένα εξαιρετικά λεπτό HTML, CSS και Javascript boilerplate για εξαιρετικά ταχύτερη ανάπτυξη ιστού. Το HTML KickStart αναπτύχθηκε με βάση το Twitter Bootstrap με την υποστήριξη από το Font Awesome. Με το έτοιμο μενού, τη λίστα, τους πίνακες, τα κουμπιά, το σύστημα πλέγματος και πολλά υπέροχα στοιχεία, θα αποθηκεύσετε τη διαδικασία της δημιουργίας του web έργου σας μέχρι και 10 ώρες ή και περισσότερο.
16. Απλό πλέγμα
Το απλό πλέγμα είναι ένα πολύ ελαφρύ, ευαίσθητο σύστημα πλέγματος. Δεν είναι όπως άλλα πλαίσια που έχουν αυτό το φανταχτερό κουμπί, μενού, τραπέζι, κλπ., Το Simple Grid προσφέρει μόνο ένα καθαρό πλέγμα. Η λειτουργία πλέγματος βασίζεται σε μέγεθος οθόνης 1140 px με 12 στήλες που μπορείτε να προσαρμόσετε για να έχετε την καλύτερη εμφάνιση.
17. Ίδρυμα
Ίδρυμα είναι πιθανότατα ο πιο σκληρός αντίπαλος για το Twitter Bootstrap. Είναι πολύ καλά τεκμηριωμένο, σταθερό, ευέλικτο και ανοικτού κώδικα front-end πλαίσιο. Διαθέτει πολλά χρήσιμα εργαλεία για την ταχύτερη δημιουργία ευαίσθητου, κινητού έργου πρώτου ιστού. Υποστηρίζει σχεδόν όλο το διαθέσιμο πρόγραμμα περιήγησης σήμερα, εκτός από τον IE7. Αν και πολλοί προγραμματιστές χρησιμοποιούν ως επί το πλείστον το Ίδρυμα για HTML και CSS μόνο, αλλά έχετε την επιλογή να το μεταφέρετε με το Sass και το Rails .
18. Υλικό υλικού
Το υλικό UI είναι ένα άλλο πλαίσιο που υλοποιεί την προδιαγραφή υλικών σχεδιασμού . Το μόνο που το διαφοροποιεί από το υλικοποιημένο είναι ότι είναι χτισμένο από την αγάπη της βιβλιοθήκης React Javascript από το Facebook. Έχει πολλά όμορφα στοιχεία UI που μπορείτε να χρησιμοποιήσετε ελεύθερα στην ιστοσελίδα σας.
19. Επίστρωση
Το TopCoat είναι ένα ισχυρό πλαίσιο front-end που δημιουργήθηκε από την ομάδα της Adobe για την ανάπτυξη εφαρμογών ιστού σχεδιασμένων με ταχύτητα στο μυαλό. Κάθε λεπτομέρεια στο TopCoat είναι βελτιστοποιημένη για την απόδοση προτεραιότητας. Σας προσφέρει επίσης προσαρμόσιμο θέμα, γραμματοσειρά ανοιχτού κώδικα και επίσης PSD UI Kit για χρήση με το έργο σας.
20. Μελάνη
Το Ink είναι ένα front-end πλαίσιο που αναπτύσσεται για ταχύτερη ανάπτυξη UI χρησιμοποιώντας HTML, CSS και Javascript, ακριβώς όπως το Bootstrap. Μπορείτε να δημιουργήσετε μοντέρνα διάταξη εύκολα με μερικά επαναχρησιμοποιήσιμα στοιχεία διεπαφής όπως πίνακας, καρτέλες, συλλέκτης δεδομένων, τροπικός, κατάλογος κατάλογο, δέντρο, γκαλερί, επικύρωση φόρμας και πολλά άλλα. Σας δίνει επίσης τη δυνατότητα να έχετε DOM χειρισμό, εγκαταστάσεις επικοινωνίας και φανταχτερά εφέ σελίδας με τον κινητήρα JS Core.
21. Ons UI
Το Onsen UI είναι ένα υβριδικό πλαίσιο που λειτουργεί καλά με το PhoneGap και το Cordova. Με το AngularJS, το jQuery, το Font Awesome και το TopCoat ως το ίδρυμα, το Onsen UI μπορεί να είναι πολλά υποσχόμενα εργαλεία για την ανάπτυξη εκπληκτικών εφαρμογών για κινητά. Το Ons UI μπορεί να σας βοηθήσει να δημιουργήσετε εύκολα εφαρμογές για κινητά χρησιμοποιώντας την έννοια των Web Components.
Ποια είναι η αγαπημένη σας εναλλακτική λύση Bootstrap; Ενημερώστε μας στα σχόλια παρακάτω.
