Erstellen Sie minimalistische Responsive Layouts mit Mini.css

EIN Frontend-Framework sollte sein leicht und einfach zu bedienen. Bootstrap ist das beliebteste, obwohl es auch eines der schwersten ist. In einer Welt mit vielen Alternativen zu Bootstrap kann es schwierig sein, eine zu finden, die Sie mögen.

Mini.css ist ein neuere Rahmenbedingungen und es macht seinem Namen wirklich alle Ehre. In der aktuellen Version 2.x soll dieses Framework sein so klein wie möglich, derzeit nur 7 kB wiegen, wenn gezippt.

Der gesamte Rahmen ist mobil ansprechbar und sollte für jedes Layout funktionieren, das Sie benötigen. Das Ziel ist jedoch, diese Bibliothek schmal zu halten das Wesentliche für Ihre Arbeit anbieten.

Sie können Installieren Sie Mini.css mit einem beliebigen Paketverwaltungssystem wie Yarn, npm oder Bower. Es kann auch sein direkt installiert wenn Sie die Dateien von GitHub herunterladen.

Sobald es zu Ihrer Webseite hinzugefügt wird, müssen Sie nur noch Markieren Sie die Site wie gewohnt und du wirst Auswirkungen sofort bemerken.

Typ, Schaltflächen, Links, Formulare, Tabellen, alle diese Standardelemente werden mit Basisstilen in der Mini.css-Bibliothek geliefert. Um ein responsives Layout einzurichten, müssen Sie müssen das Gittersystem verwenden das ist nicht zu schwer zu holen.

Die gesamte Dokumentation ist in reinem Englisch geschrieben, so ist es leicht zu verstehen. Plus sie enthalten Screencast-Videos von Scrimba Das macht es einfacher, Codebeispielen zu folgen.

Wenn Sie sich tiefer in diese Bibliothek einarbeiten, können Sie auschecken ihre Richtlinien für die Anpassung wenn Sie Funktionen hinzufügen oder vorhandene bearbeiten möchten.

Oder, wenn Sie ein Projekt schnell starten möchten, überprüfen Sie deren Standardvorlagen, auch. Diese arbeiten an Spaltenlayouts und helfen Sie, Ihre Website viel besser zu organisieren.

Ich mag die Mini.css-Bibliothek wirklich, weil sie daran arbeitet, eine Frontend-Ressource zu erstellen klein und für jedes Projekt anwendbar. Es lohnt sich auf jeden Fall, Ihr nächstes Projekt zu testen, wenn Sie etwas Leichtes und Leichtes suchen möchten.