Αλλάζουμε συνεχώς και ο τρόπος εκτέλεσης των πραγμάτων έχει απλοποιηθεί για τους προγραμματιστές εφαρμογών ιστού. Παρόλο που πολλοί προτιμούν να δημιουργούν τον δικό τους κώδικα, είναι αλήθεια ότι υπάρχουν εργαλεία που κάνουν τη ζωή μας ευκολότερη και μας επιτρέπουν να αναπτύξουμε γρήγορα ένα έργο.
Ίσως στο οικοσύστημα FrontEnd, το πιο δημοφιλές και χρησιμοποιημένο πλαίσιο CSS / JS τα τελευταία χρόνια είναι το Bootstrap με τον κατάλληλο λόγο. Το Bootstrap είναι πιθανώς το πιο ολοκληρωμένο σε σύγκριση με τον ανταγωνισμό και έχουν επιλογές για σχεδόν τα πάντα, αλλά δεν είναι το μόνο, και σε ζήτημα γούστου, ούτε καν το πιο όμορφο.
Αναζήτηση στο Διαδίκτυο για μένα Βρήκα μια καταχώριση με μερικά από τα πιο δημοφιλή και το πιο σημαντικό ανοιχτό κώδικα CSS / JS Frameworks που μπορούμε να χρησιμοποιήσουμε για τα προσωπικά μας έργα. Αλλά σε αυτήν την περίπτωση θα αναφέρω μόνο τα 5 που θεωρώ τα πιο ενδιαφέροντα. Ας αρχίσουμε:
Μπλούζα
Αυτός ιδιαίτερα δεν τον γνώριζε. Ξεκίνησε από την Adobe®, είναι ένα πλαίσιο που εστιάζει κυρίως στην παροχή όσων είναι απαραίτητες για τη δημιουργία εφαρμογών Ιστού για όλες τις συσκευές. Μεταξύ των κύριων χαρακτηριστικών του είναι:
- Είναι γρήγορο.
- Τα θέματα μπορούν να προσαρμοστούν.
- Ίδια εικονίδια.
- Source Sans Pro, μια πηγή OpenSource από την Adobe.
UIkit
Από ό, τι φαίνεται, το UIkit είναι ένας από τους ισχυρότερους αντιπάλους του Bootstrap και ως διαφορικά δεδομένα, προσθέτει μια σειρά στοιχείων που το πλαίσιο Twitter δεν προσθέτει από προεπιλογή ή απλώς τα βελτιώνει.
Σημασιολογική διεπαφή χρήστη
Ένας άλλος άξιος αντίπαλος Bootstrap που πρέπει να ληφθεί υπόψη, καθώς δεν παρέχει μόνο νέα στοιχεία, αλλά μπορούμε να επιλέξουμε ανάμεσα σε διάφορα στυλ / θέματα για αυτά. Μπορούμε να επιλέξουμε ότι τα κουμπιά για παράδειγμα είναι παρόμοια ή ίδια με αυτά των GMail, Github, Amazon, Google Material, Bootstrap, Twitter, μεταξύ άλλων.
INK
Ένας άλλος πολύ καλός υποψήφιος για εξέταση. Το INK μας παρέχει επίσης νέα στοιχεία ή σχεδιασμό και λειτουργικότητα λίγο διαφορετικό από αυτό που βρίσκουμε στο Bootstrap.
Metro UI
Εάν θέλουμε να κάνουμε κάτι πιο κοντά στους χρήστες των Windows, τότε το Metro UI είναι μία από τις παραλλαγές που έχουμε. Και το λέω, γιατί αν κοιτάξουμε λίγο βρίσκουμε άλλες επιλογές για το ίδιο το Bootstrap.
Συμπεράσματα
Ανάλογα με τις ανάγκες και τους στόχους μας, έχουμε πολλές εναλλακτικές λύσεις όπως έχουμε ήδη δει. Αν και ανέφερα μόνο τα 5 που θεωρώ, είναι τα πιο ολοκληρωμένα, υπάρχουν πολλά περισσότερα όπως μπορείτε να δείτε στη λίστα που ανέφερα στην αρχή. Μπορεί επίσης να φανεί ότι πολλοί από αυτούς έχουν πάρει ιδέες από το Bootstrap και μάλιστα τις βελτίωσαν και ότι εταιρείες όπως η Adobe συμμετέχουν στην πρωτοβουλία για τη δημιουργία αυτού του τύπου εργαλείου για τη βελτίωση της δουλειάς μας.
Εάν έχουμε τις απαραίτητες γνώσεις, ίσως θα μπορούσαμε ακόμη και να αναμειγνύουμε αρκετούς από αυτούς παίρνοντας αυτό που χρειαζόμαστε. Η επιλογή είναι δική σας ούτως ή άλλως.
Χάσατε τη συνεισφορά Yahoo: Pure CSS, εστιάζει στον μινιμαλισμό και την ελαφρότητα.
Το Pure είναι γελοία μικροσκοπικά. Ολόκληρο το σετ των ενοτήτων ρολογιών στα 4.0KB * ελαχιστοποιήθηκε και μεταφέρθηκε. Κατασκευασμένο με γνώμονα τις φορητές συσκευές, ήταν σημαντικό για εμάς να διατηρήσουμε τα μεγέθη των αρχείων μας μικρά και κάθε γραμμή CSS εξετάστηκε προσεκτικά. Εάν αποφασίσετε να χρησιμοποιήσετε μόνο ένα υποσύνολο αυτών των ενοτήτων, θα εξοικονομήσετε ακόμη περισσότερα byte.
http://purecss.io/
Ναι, το Pure είναι μια επιλογή, αλλά παρά το μέγεθός του, από τα πολύ συγκεκριμένα κριτήριά μου, δεν είναι τόσο πλήρης όσο αυτά που αναφέρθηκαν παραπάνω.
Αυτό που μου αρέσει στο Pure είναι ότι σας δίνει τα βασικά και είναι πολύ γρήγορο να μάθετε και να το εφαρμόσετε, μπορείτε να το χρησιμοποιήσετε σε έναν ιστότοπο και σας δίνει τη δυνατότητα να κάνετε κάτι πρωτότυπο, δεν είστε "bootstrapified" όπως οι περισσότεροι.
Φίλε, νομίζω ότι έχετε αφήσει έναν από τους μεγάλους αντιπάλους του Ιδρύματος Bootstrap… Foundation
Είναι αλήθεια ... Η χρηματοδότηση με πέρασε, κάτι που είναι ένας από τους μεγαλύτερους, πιθανώς ο μεγαλύτερος ανταγωνιστής της Bootstrap από αυτά που λένε.
Φίλε μου λείπεις ένα σημαντικό υλικό. Στην υγειά σας
Το Ίδρυμα είναι το καλύτερο πλαίσιο για τη σχεδίαση διεπαφής, το πληρέστερο και το πιο ευέλικτο, και είναι ένας μεγάλος ανταγωνιστής στο bootstrap, αν και το bootstrap δεν φτάνει στο πέλμα των παπουτσιών σας.
Πολύ ενδιαφέρον, δεν τους ήξερα. Με εξέπληξε επίσης που δεν είδα το ίδρυμα σε αυτόν τον κατάλογο.
στην πραγματικότητα ο ιστότοπος του συνδέσμου που αφήνει στην αρχή αυτό το θεμέλιο που χωρίς αμφιβολία είναι ένας από τους ισχυρότερους ανταγωνιστές.
Θα αρχίσω να σκέφτομαι περισσότερα για αυτά τα πλαίσια για κάποιες εξελίξεις, για τώρα γράφω όλους τους ιστότοπους που ανταποκρίνονται από το 0, εκατό ακόμη ευχαρίστηση όταν γράφω τα πάντα Xd
Στο τέλος της ημέρας είναι όλα ίδια. Μεγάλα καλά γράμματα σε άσπρο φόντο
Κανόνες BackEnd 😀
Η αλήθεια είναι ότι αυτή τη στιγμή, αυτή η ανάρτηση είναι πολύ καλή για μένα, ευχαριστώ 😉
Χρησιμοποιώ σημασιολογία ui και δεν είναι τόσο διαισθητικό να το πω
Χωρίς Υλικό, ή Ίδρυμα, αυτή η λίστα είναι μαζική.
Γιατί λέει ποιος; Πού είναι γραμμένο ότι αυτά τα δύο πρέπει να είναι συγκεκριμένα; Εάν διαβάσετε τα σχόλια (κάτι που προφανώς δεν έχετε κάνει) θα δείτε ότι παραδέχομαι ότι έλειψα το Ίδρυμα, αλλά η λίστα που βλέπετε σε αυτό το άρθρο βασίζεται στην εκτίμησή μου και δεν χρειάζεται να συμφωνήσετε με αυτό , αλλά δεν χρειάζεται να πεις ότι είναι σκουπίδια.
Γεια σας, πολύ καλό άρθρο. Αλλά ήθελα να σας πω ότι φαίνεται ότι κάποιος το έχει αντιγράψει στον ιστότοπό του χωρίς να αντικατοπτρίζει την αρχική πηγή. Δεν ξέρω πώς χειρίζεστε αυτά τα θέματα, αλλά σκέφτηκα ότι θα θέλατε να μάθετε. Ο σύνδεσμος είναι: http://blog.underc0de.org/2015/03/5-alternativas-bootstrap.html.
Ένα χαιρετισμό.
Ναι, είναι φυσιολογικό να συμβεί αυτό. Έχω ήδη επικοινωνήσει με αυτούς που είναι υπεύθυνοι για τον ιστότοπο 😉
Εξαιρετική συνεισφορά! Το Bootstrap άνοιξε σίγουρα τις πόρτες για άτομα σαν κι εμένα που είναι καλοί στο backend αλλά άσχημα στο frontend σε css για να προσφέρουν ένα αξιοπρεπές προϊόν. Ίσως δεν ήταν ο σωστός τρόπος με τον οποίο θα έπρεπε να το ανέφεραν, αλλά συμφωνώ ότι λείπει αυτή η λίστα από το MaterializeCSS. ένα ελαφρύ, ισχυρό πλαίσιο, με την εμφάνιση του σχεδιασμού υλικού και την πιο υπέροχη καμπύλη μάθησης. Σε 10 λεπτά μπόρεσα να δημιουργήσω μια πολύ ωραία διεπαφή χάρη σε αυτό το πλαίσιο. Η τεκμηρίωσή του είναι τόσο απλή που σε σύγκριση με το bootstrap το κάνει να μοιάζει με αεροδιαστημική μηχανική. Προτείνω λοιπόν να ρίξετε μια ματιά στο Materialize (materializecss.com). Στην υγειά σας!