Vital CSS - Ένα ελάχιστα επεμβατικό περιβάλλον ιστού

Μετακινήστε το Bootstrap γιατί υπάρχει ένα νέο πλαίσιο CSS στην πόλη. Λέγεται Ζωτικής σημασίας και λυγίζει την ανάπτυξη frontend μέχρι τα βασικά στοιχεία.

Vital έρχεται με μόνο CSS και έχει μηδενικές βιβλιοθήκες ή εξαρτήσεις JavaScript. Και το φύλλο στυλ Vital.css είναι μόνο 31KB minified, συμπεριλαμβανομένων των γραμματοσειρών εικονιδίων.

Μόνο το αρχείο CSS του Bootstrap ανέρχεται συνολικά σε 118 KB. Το Vital είναι σχεδόν το 1/4 του μεγέθους του Bootstrap! Είναι χτισμένο για προγραμματιστές που μόλις χρειάζονται μια γρήγορη λύση για το επόμενο έργο τους.

Το ζωτικό είναι α πλήρως ανοικτού κώδικα με όλο τον κώδικα που είναι διαθέσιμο στο GitHub για να το διαβάσετε.

Ολα είναι κατασκευασμένο με Sass για CSS και Slim για HTML. Αλλά αυτό είναι μόνο για ανάπτυξη, οπότε αν χρησιμοποιείτε το Vital για παραγωγή τότε μπορείτε απλά εξαγάγετε απευθείας το καθαρό CSS.

Οι τελευταίες εκδόσεις είναι διαθέσιμα για λήψη στο κυκλοφορεί σελίδα και αυτές περιλαμβάνουν το Κωδικό CSS μαζί με προσαρμοσμένες γραμματοσειρές εικονιδίων. Θα βρείτε επίσης πολλά demo HTML & CSS και κάποια βασικά έγγραφα στη σελίδα GitHub.

Αλλά τα πραγματικά καλά πράγματα μπορούν να βρεθούν στο σελίδα των στοιχείων. Αυτό παραθέτει όλα όσα παίρνετε με το Vital, όπως πλέγματα, τυπογραφία, κουμπιά, φορτωτές, πίνακες, καρτέλες, εισόδους φόρμας και πολλά άλλα.

Καμία από αυτές τις λειτουργίες δεν βασίζεται σε JavaScript, που είναι ένα τεράστιο επίδομα. Χορηγείται ότι μπορείτε να κάνετε περισσότερα με το JavaScript, αλλά είναι ωραίο να μην ανησυχείτε για το JS ενώ σχεδιάζετε το front end.

Μπορείς αναδημιουργία οποιουδήποτε στοιχείου από τη σελίδα των συστατικών ακριβώς δίπλα χρησιμοποιώντας μια κλάση CSS. Αυτές οι κατηγορίες μπορούν να είναι κάπως αυτοματοποιημένη εάν χρησιμοποιείτε Slim, έτσι υπάρχει ένα μικρό πλεονέκτημα για τους χρήστες Sass / Slim.

Αλλά το Vital μπορεί να λειτουργήσει καλά για κάθε προγραμματιστή με κάποια εμπειρία HTML / CSS. Είναι ένα εντελώς δωρεάν πλαίσιο και είναι πολύ ελαφρύτερο από τις εναλλακτικές λύσεις.

Για να μάθετε περισσότερα, ανατρέξτε στην αρχική σελίδα του Vital ή μεταβείτε σε αυτό το άρθρο, που γράφτηκε από τους δημιουργούς του Vital Discussion γιατί δημιούργησαν το πλαίσιο και τα προβλήματα που έχει να επιλύσει.