Kernel.css - Ελαφρύ, Σημασιολογικό και Αδιάφορο Πλαίσιο Frontend
Οι προγραμματιστές γνωρίζουν τον πόνο του αναδημιουργία κώδικα από το μηδέν. Ευτυχώς, η κοινότητα ανάπτυξης ιστοσελίδων προσφέρει πολλά μέσα στο πλαίσιο των ανοιχτών πηγών και των πλαισίων front-end.
Δημοφιλή πλαίσια όπως Bootstrap καλή δουλειά αλλά μπορεί επίσης αισθανθείτε υπερβολικά φουσκωμένο. Ευτυχώς, υπάρχουν εναλλακτικές λύσεις και ένα από τα νεότερα αγαπημένα μου είναι Kernel.css.
Ο πυρήνας αποκαλεί το ίδιο μη ενοχλητικό πλαίσιο, που σημαίνει ότι θα λειτουργούν σαν ένα λεπτό στρώμα στην κορυφή της σελίδας σας. Δεν αισθάνεται ενοχλητική ή δύσκολη η προσαρμογή και οι τάξεις πλήρως συμβατό με τις σύγχρονες προδιαγραφές HTML5.
Οι εργασίες για τους προγραμματιστές του Frontend πρέπει ακολουθήστε την σωστή σημασιολογία για την προσβασιμότητα και το υψηλότερο επίπεδο υποστήριξης του προγράμματος περιήγησης. Η χρήση ενός πλαισίου όπως ο Kernel εξοικονομεί χρόνο και απογοήτευση για την επίλυση κοινών προβλημάτων.
Ακολουθούν μερικές από τις πτυχές του Kernel με τις καλύτερες πωλήσεις:
- Το σύστημα του δικτύου τρέχει σε flexbox.
- Πλήρως απόκριση και φιλικό προς το κινητό.
- Προσαρμοσμένες μεταβάσεις μέσω CSS & JavaScript
- Προ-στυλ στοιχεία για κάρτες, πίνακες και κεφαλίδες.
- Απλό χρωματικό σχέδιο διαμορφώθηκε μετά το σχεδιασμό του υλικού.
Μπορείτε να κάνετε προεπισκόπηση όλα τα στοιχεία του Kernel στην κύρια σελίδα επίδειξης που περιλαμβάνει δείγμα πηγαίου κώδικα, πολύ.
Θα παρατηρήσετε ότι πολλά στοιχεία, όπως κουμπιά και κεφαλίδες, προσφέρουν διαφορετικά ονόματα τάξεων. Αυτό σημαίνει ότι μπορείτε αλλάζει εύκολα το χρώμα ενός κουμπιού απλώς αλλάζοντας την τάξη.
Έρχεται επίσης με προεπιλεγμένες κατηγορίες κοινοποίησης στα κουμπιά για ορισμένες ενέργειες, όπως .btn-primary για ένα μπλε “ΚΑΘΑΡΗ” κουμπί ή .btn-προειδοποίηση με μια πιο φωτεινή κίτρινη αίσθηση.
Το καλύτερο μέρος του Kernel είναι ότι μπορείτε εύκολα να προσαρμόσετε αυτό το πλαίσιο για να ταιριάζει στις ανάγκες σας. Θέλετε να προσθέσετε το Font Awesome στα κουμπιά σας; Κανένα πρόβλημα. Πώς να προσθέσετε το Google Webfonts στις κεφαλίδες σας; Μόλις αντικαταστήστε τα στυλ στο φύλλο CSS και είστε καλό να πάτε.
Αν θέλετε ένα ελαφρύ σημείο εκκίνησης για να δομήσετε φανταστικές διατάξεις, τότε το Kernel.css είναι το πλαίσιο για την εργασία.
