Spectre.css - Ελαφρύ πλαίσιο αναφοράς CSS με βάση το Flexbox
Αν θέλετε να βουτήξετε flexbox διατάξεις τότε τώρα είναι η καλύτερη στιγμή για να ξεκινήσετε. Τα σύγχρονα προγράμματα περιήγησης είναι αποδεχόμενοι τελικά ιδιότητες flexbox και περισσότεροι προγραμματιστές μπαίνουν στη δράση.
Αλλά, γιατί ξεκινάτε από το μηδέν, όταν μπορείτε οικοδομήσουμε πάνω από τον επαναχρησιμοποιήσιμο κώδικα? Spectre.css είναι ένα από τα καλύτερα πλαίσια για να αρχίσετε να χρησιμοποιείτε αν είστε νέοι στο flexbox.
Αυτό το ελεύθερο πλαίσιο ανοιχτού κώδικα έρχεται προ-κατασκευασμένο με ένα λειτουργικό σύστημα δικτύου και κοινές ιδιότητες flexbox. Το στηρίζεται στον Gulp για την κατάρτιση και εκτέλεση του CSS σε κίνηση, από οποιονδήποτε υπολογιστή.
Επίσης χρησιμοποιεί λιγότερο αντί του Sass, το οποίο μπορεί να κάνει το Spectre και μια καταπληκτική επιλογή για όλους τους ΜΕΙΩΜΕΝΟΥΣ χρήστες.
Μια λήψη από npm έρχεται με όλα όσα χρειάζεστε: CSS εικονίδια, mixins, μεταβλητές, και σχεδόν οτιδήποτε άλλο θα περιμένατε από ένα τυπικό πλαίσιο CSS.
Όλος ο κώδικας είναι πλήρως σημασιολογική και υποστηρίζει όλα τα στοιχεία κειμένου HTML, ακόμα και τα νεότερα . Στυλ κειμένου επίσης υποστηρίζουν γραμματοσειρές της Ανατολικής Ασίας με γλώσσες όπως τα κινέζικα, τα ιαπωνικά και τα κορεατικά.
Μπορείς να βρεις τόνοι παραδειγμάτων στο “Στοιχεία” σελίδα παραθέτει τα δείγματα του σχεδιασμού για κείμενο, κουμπιά, πίνακες, εικονίδια και φόρμες ιστού (μεταξύ άλλων).
Το Spectre έρχεται επίσης με τόνων εξαρτημάτων που μπορεί να σας εξοικονομήσει ώρες χρόνου που πέρασε την κωδικοποίηση από το μηδέν. Δυναμικά χαρακτηριστικά, όπως pop-overs και αναπτυσσόμενα μενού, είναι εξαιρετικά εύκολο να προσθέσετε σε οποιαδήποτε διάταξη, με μερικές μόνο γραμμές κώδικα.
Αυτό το πλαίσιο είναι ακόμα αρκετά νέα και πάντα υποβάλλονται σε αλλαγές. Τη στιγμή της γραφής, το Specter είναι μέσα v0.2 και έχει πολλά πειραματικά χαρακτηριστικά μπορείτε να δοκιμάσετε.
Όμως, τα κύρια στοιχεία, τα στοιχεία σελίδας και τα πλέγματα είναι πλήρως λειτουργικό και έτοιμο για ζωντανό χώρο παραγωγής. Το Spectre είναι ένα από τα καλύτερα πλαίσια CSS που εκτελούνται με λιγότερα δίκτυα flexbox.
Για να μάθετε περισσότερα και να ξεκινήσετε, επισκεφτείτε το σελίδα τεκμηρίωσης που καλύπτουν την εγκατάσταση και τη ρύθμιση.
Μπορείτε επίσης να κατεβάσετε ένα αντίγραφο του κώδικα από το GitHub το οποίο διαθέτει επίσης ένα μικρό τμήμα για τεκμηρίωση. Και αν θέλετε να μοιραστείτε τις σκέψεις σας, μπορείτε να τιτίσετε το επίσημο λογαριασμό @spectrecss.
