CSS Starter Kit για προγραμματιστές - Shoelace.css
Οι προγραμματιστές της Frontend χρειάζονται όλους τους καλύτερους πόρους που μπορούν να αποκτήσουν. Συνήθως, αυτό σημαίνει που εργάζονται πάνω από ένα πλαίσιο όπως το Bootstrap επειδή έρχεται γεμάτο με τα πάντα.
Ωστόσο, υπάρχουν πολλές εναλλακτικές λύσεις και Shoelace.css είναι ένα τέτοιο παράδειγμα που πρέπει να γνωρίζετε.
Αυτό δωρεάν CSS kit δεν είναι πραγματικά ένα πλήρες πλαίσιο. Αντ 'αυτού, είναι περισσότερο σαν ένα εκκίνησης για προγραμματιστές που δεν θέλουν να δημιουργήσουν δεκάδες προσαρμοσμένα στυλ CSS από την αρχή.
Μπορείτε πάντα να χρησιμοποιήσετε μια επαναφορά CSS, αλλά μόνο μορφοποιεί κάθε πρόγραμμα περιήγησης ισότιμα. Μια επαναφορά είναι όχι ένα εξώφυλλο - όλα για το χειρισμό πιο σύνθετων εργασιών, και αυτό είναι ακριβώς το σημείο του Shoelace.
Έρχεται ως α πακέτου με CLI που εκτελείται στον κόμβο που μπορείτε να εγκαταστήσετε με οποιοδήποτε έργο. Αν και, επίσης έχει έκδοση CDN αν δεν θέλετε να χρησιμοποιήσετε npm.
Για να το ρυθμίσετε όλα, ελέγξτε το οδηγός εγκατάστασης στην επίσημη τεκμηρίωση. Παρόλο που η ετικέτα αυτή χαρακτηρίζεται ως βιβλιοθήκη CSS, αυτό έρχεται με τα στοιχεία JavaScript, πολύ. Αν και οι περισσότεροι από αυτούς τρέχουν στο jQuery, έτσι θα πρέπει να το συμπεριλάβετε ως εξάρτηση.
Αν σκάβετε περαιτέρω στα έγγραφα θα βρείτε το σελίδα προσαρμογής που σας δείχνει πώς να επεξεργαστείτε μεταβλητές στο CSS. Αυτά σας επιτρέπουν να δημιουργήσετε προσαρμοσμένα στοιχεία και να αλλάξετε τα προεπιλεγμένα στυλ Shoelace με ευκολία.
Κάθε στοιχείο έχει μια Bootstrap-y αίσθηση στο σχεδιασμό, έτσι Shoelace θα λειτουργήσει για σχεδόν οποιαδήποτε διάταξη.
Ωστόσο, επίσης έχει μια πιο απότομη καμπύλη μάθησης από την Bootstrap, αφού δεν είναι τόσο δημοφιλής, ούτε έχει τόσο μεγάλη υποστήριξη. Από αυτό το γράψιμο, το Shoelace είναι ακόμα στο v1.0 beta, οπότε έχει αρκετό χρόνο για να καλύψει τα μεγάλα πλαίσια.
Μια γρήγορη ματιά στα έγγραφα πρέπει να αποδείξει ότι είναι έτοιμο για μια τοποθεσία παραγωγής. Εξαρτάται από το αν το Shoelace αξίζει να μάθει και να εφαρμόσει.
Ρίξτε μια ματιά στο GitHub repo για να πάρετε ένα αντίγραφο και το ηλεκτρονικά έγγραφα για περισσότερες πληροφορίες εγκατάστασης. Εάν έχετε οποιεσδήποτε ερωτήσεις ή υποδείξεις για την Shoelace μπορείτε επίσης να αφήσετε μια γραμμή στο δημιουργό στο Twitter @ claviska.