Milligram.css - Minimalistische Frontend-Bibliothek für Entwickler
Von Bootstrap bis Foundation gibt es keinen Mangel an benutzerdefinierten CSS-Bibliotheken. Was aber, wenn Sie für neue Webprojekte eine sehr einfache, leichtgewichtige Option benötigen? Viele vorhandene CSS-Bibliotheken sind vorhanden schwer und randvoll mit übermäßigen Eigenschaften.
Aber Milligram ist ein Superleichte Alternative mit insgesamt ca. 8 KB in einer minimierten .css-Datei. Es kann über Bower, NPM oder direkter Download, lokal oder über ein CDN, installiert werden.
Standardmäßig ist die Bibliothek auf Normalize aufgebaut Sie müssen auch diese Bibliothek hinzufügen. Auf der Milligram-Homepage finden Sie jedoch einen praktischen Einführungsleitfaden, mit dem Sie sich schnell bewegen können.
Wenn Sie es nur testen, dann Fügen Sie die Dateien direkt von einem Live-CDN hinzu, anstatt sie lokal herunterzuladen. Auf diese Weise können Sie ein Beispielprojekt in CodePen oder einer anderen Cloud-basierten IDE einrichten.
Auch die Bibliothek verwendet die von Google gehostete kostenlose Roboto-Schriftart für alle ihre Typografie. Sie können Milligram ohne Roboto verwenden, aber Sie erhalten nicht dieselben schlanken Schriftdesigns.
Die zusätzliche Normalisierungsbibliothek und die Google-Schriftart können sich wie eine Last anfühlen. Aber sie können alle sein auf externen CDNs gehostet so du Sie müssen sich keine Gedanken über HTTP-Ladezeiten von Ihrem Server machen. Milligram verfügt über eine Standardformatierung für alle grundlegenden Seitenelemente:
- Überschriften & Absätze
- Bestellte und ungeordnete Listen
- Block Zitate
- Tabellen
- Formularfelder
- Bilder mit Bildunterschriften
- Und noch einiges mehr!
Werfen Sie einen Blick auf die Homepage von Milligram.css, um Quellcode-Beispiele zu finden und die CDN-Links zu erhalten. Unten sehen Sie eine eingebettete Küchenspüle mit allen benutzerdefinierten Milligram-Seitenelementen.