Creëer minimalistische responsieve lay-outs met Mini.css
EEN frontend raamwerk zou moeten zijn lichtgewicht en gemakkelijk te gebruiken. Bootstrap is het populairst, hoewel het ook een van de zwaarste is. En in een wereld met veel alternatieven voor Bootstrap, kan het moeilijk zijn om er een te vinden die je leuk vindt.
Mini.css is een nieuwer kader en het doet zijn naam echt eer aan. Momenteel in versie 2.x wil dit raamwerk zijn zo klein mogelijk, momenteel weegt slechts 7KB wanneer gzipped.
Het volledige kader is mobiel responsief en zou moeten werken voor elke lay-out die je nodig hebt. Maar het doel is om deze bibliotheek slank te houden het aanbieden van de essentiële zaken voor je werk.
Jij kan installeer Mini.css met elk pakketbeheersysteem zoals garen, npm of prieel. Het kan ook zijn direct geïnstalleerd als u de bestanden van GitHub downloadt.
Zodra het is toegevoegd aan uw webpagina, hoeft u alleen maar markeer de site zoals normaal en je zult merk effecten onmiddellijk op.
Type, knoppen, koppelingen, formulieren, tabellen, al deze standaardelementen worden geleverd met basisstijlen in de Mini.css-bibliotheek. Om een responsieve lay-out in te stellen, zult u moet het rastersysteem gebruiken wat niet zo moeilijk is om op te pikken.
Alle documentatie is geschreven in gewoon Engels, dus het is gemakkelijk te begrijpen. Plus, zij inclusief screencast-video's van Scrimba waardoor het eenvoudiger is om te volgen met codevoorbeelden.
Naarmate je dieper in deze bibliotheek komt, kun je uitchecken hun richtlijnen voor maatwerk als je functies wilt toevoegen of bestaande wilt bewerken.
Of, als u snel een project wilt starten, bekijk dan hun standaard sjablonen, te. Deze werk aan kolomvormige lay-outs en helpen om uw site een stuk beter te organiseren.
Ik vind de Mini.css-bibliotheek erg goed omdat het werkt aan het maken van een frontend-resource beide klein en van toepassing op elk project. Zeker de moeite waard om te testen op je volgende project als je iets lichtgewicht wilt en gemakkelijk kunt ophalen.
