Milligram.css - Μινιμαλιστική βιβλιοθήκη Frontend για προγραμματιστές

Από το Bootstrap έως το Ίδρυμα δεν υπάρχει έλλειψη προσαρμοσμένων βιβλιοθηκών CSS. Αλλά τι γίνεται αν χρειάζεστε μια πολύ απλή, ελαφριά επιλογή για νέα έργα web; Πολλές υπάρχουσες βιβλιοθήκες CSS είναι βαρύ και γεμάτο με υπερβολικά χαρακτηριστικά.

Αλλά το Milligram είναι α εξαιρετικά ελαφριά εναλλακτική λύση συνολικού ύψους περίπου 8 KB σε αρχείο miniaturization .css. Μπορεί να εγκατασταθεί μέσω Bower, NPM ή απευθείας λήψη που φιλοξενείται τοπικά ή μέσω CDN.

Από προεπιλογή, η βιβλιοθήκη είναι βασισμένη στο Normalize θα πρέπει να συμπεριλάβετε και αυτή τη βιβλιοθήκη. Αλλά υπάρχει ένας εύχρηστος οδηγός για την εκκίνηση στην αρχική σελίδα του Milligram που μπορεί να σας βοηθήσει να κινηθείτε γρήγορα.

Αν το δοκιμάζετε μόνο τότε δοκιμάστε να προσθέσετε τα αρχεία απευθείας από ένα ζωντανό CDN αντί να τα μεταφορτώσετε τοπικά. Με αυτόν τον τρόπο μπορείτε να ρυθμίσετε ένα δείγμα έργου στο CodePen ή σε άλλο IDE που βασίζεται σε σύννεφο.

Επίσης, η βιβλιοθήκη χρησιμοποιεί τη δωρεάν γραμματοσειρά Roboto που φιλοξενείται από την Google για όλη τη τυπογραφία της. Μπορείτε να χρησιμοποιήσετε το Milligram χωρίς Roboto αλλά δεν θα έχετε τα ίδια κομψά σχέδια γραμματοσειράς.

Η επιπλέον βιβλιοθήκη Normalize και το Google Font μπορούν να αισθάνονται σαν ένα φορτίο. Αλλά μπορούν όλοι να είναι φιλοξενείται σε εξωτερικά CDN Άρα εσύ δεν χρειάζεται να ανησυχείτε για τους χρόνους φόρτωσης HTTP από τον διακομιστή σας. Και το Milligram έρχεται με προεπιλεγμένη μορφοποίηση για όλα τα βασικά στοιχεία της σελίδας:

• Κεφαλίδες και παραγράφους
• Επιλεγμένες & μη ταξινομημένες λίστες
• Blockquotes
• Πίνακες
• Πεδία φόρμας
• Εικόνες με λεζάντες
• Και πολύ περισσότερο!

Ρίξτε μια ματιά στην αρχική σελίδα του Milligram.css για να βρείτε δείγματα πηγαίου κώδικα και να αρπάξετε τους συνδέσμους CDN. Μπορείτε επίσης να δείτε μια επίδειξη νεροχύτη κουζίνας ενσωματωμένη κάτω από όλα τα προσαρμοσμένα σε στυλ στοιχεία σελίδας Milligram.