Skapa minimalistiska responsiva layouter med Mini.css

en frontendramen borde vara lätt och lätt att använda. Bootstrap är den mest populära, även om det också är en av de tyngsta. Och i en värld med många alternativ till Bootstrap kan det vara svårt att hitta en du gillar.

Mini.css är en nyare ramar och det lever verkligen upp till sitt namn. För närvarande i version 2.x, syftar denna ram till att vara så liten som möjligt, för närvarande väger endast 7kb när gzipped.

Hela ramverket är mobil responsiv och borde fungera för alla layouter du behöver. Men målet är att hålla biblioteket smal som erbjuder de grundläggande benen för ditt arbete.

Du kan installera Mini.css med alla pakethanteringssystem såsom Garn, NPM eller Bower. Det kan också vara installeras direkt om du hämtar filerna från GitHub.

När det är lagt till på din webbsida, bara du markera webbplatsen som normal och du ska märka effekter omedelbart.

Typ, knappar, länkar, formulär, tabeller, alla dessa standardelement kommer med basstilar i Mini.css-biblioteket. För att skapa en responsiv layout, kommer du måste använda nätsystemet vilket inte är för svårt att hämta.

All dokumentation är skrivet i vanlig engelska, så det är lätt att förstå. Plus, de inkludera screencast-videor från Scrimba vilket gör det enklare att följa med kodexempel.

När du blir djupare in i det här biblioteket kan du kolla in deras riktlinjer för anpassning om du vill lägga till funktioner eller redigera befintliga.

Eller, om du vill starta ett projekt, kolla snabbt deras standardmallar, för. Dessa arbeta på kolonnerade layouter och hjälpa till att organisera din webbplats mycket bättre.

Jag gillar verkligen Mini.css-biblioteket eftersom det fungerar för att skapa en frontend-resurs som är både små och tillämpliga på varje projekt. Definitivt värt att testa på ditt nästa projekt om du vill ha något lätt och enkelt att hämta.