Milligram.css - Minimalistische Frontend-Bibliothek für Entwickler

Von Bootstrap bis Foundation gibt es keinen Mangel an benutzerdefinierten CSS-Bibliotheken. Aber was, wenn Sie eine sehr einfache, leichtgewichtige Option für neue Webprojekte benötigen? Viele vorhandene CSS-Bibliotheken sind schwer und voller übermäßiger Funktionen .

Aber Milligram ist eine superleichte Alternative mit insgesamt 8 KB in einer verkleinerten .css-Datei . Es kann über Bower, NPM oder direkt heruntergeladen lokal oder über ein CDN installiert werden.

Standardmäßig basiert die Bibliothek auf Normalize, daher müssen Sie diese Bibliothek ebenfalls einschließen . Auf der Homepage von Milligram gibt es jedoch einen praktischen Leitfaden, mit dem Sie sich schnell in Bewegung setzen können.

Wenn Sie es nur testen, versuchen Sie, die Dateien direkt von einem Live-CDN hinzuzufügen, anstatt sie lokal herunterzuladen. Auf diese Weise können Sie ein Beispielprojekt auf CodePen oder einer anderen cloudbasierten IDE einrichten.

Auch die Bibliothek verwendet die kostenlose Roboto-Schriftart, die von Google für seine Typografie gehostet wird. Sie können Milligram ohne Roboto verwenden, aber Sie werden nicht die gleichen glatten Schriftdesigns erhalten.

Die zusätzliche Normalisierungsbibliothek & Google Schriftart kann sich wie eine Last anfühlen. Sie können jedoch alle auf externen CDNs gehostet werden, sodass Sie sich keine Gedanken über die Ladezeiten von HTTP von Ihrem Server machen müssen . Und Milligramm wird mit Standardformatierung für alle grundlegenden Seitenelemente geliefert:

• Kopfzeilen und Absätze
• Geordnete und ungeordnete Listen
• Block Zitate
• Tabellen
• Formularfelder
• Bilder mit Bildunterschriften
• Und noch ein bisschen mehr!

Werfen Sie einen Blick auf die Homepage von Milligram.css, um Quellcode-Beispiele zu finden und die CDN-Links zu erhalten. Sie können auch eine Küchenwasch-Demo sehen, die unten mit allen benutzerdefinierten Milligramm-Seitenelementen eingebettet ist.