Lag Minimalist Responsive Layouts With Mini.css

EN frontend rammeverk bør være lett og enkel å bruke. Bootstrap er den mest populære, selv om det også er en av de tyngste. Og i en verden med mange alternativer til Bootstrap, kan det være vanskelig å finne en du liker.

Mini.css er en nyere rammeverk og det lever virkelig opp til navnet sitt. For tiden i versjon 2.x, har denne rammen som mål å være så lite som mulig, tiden veier bare 7KB når gzipped.

Hele rammen er mobil responsiv og skal fungere for enhver layout du trenger. Men målet er å holde dette biblioteket slank tilbyr bare-beinets essensielle for arbeidet ditt.

Du kan installer Mini.css med ethvert pakkehåndteringssystem for eksempel Garn, NPM eller Bower. Det kan også være installert direkte hvis du laster ned filene fra GitHub.

Når det er lagt til din nettside, bare du merk opp nettstedet som normalt og du vil legge merke til effekter umiddelbart.

Skriv, knapper, lenker, skjemaer, tabeller, alle disse standardelementene kommer med basestiler i Mini.css biblioteket. For å sette opp et responsivt oppsett, vil du må bruke rutenettet som ikke er for vanskelig å plukke opp.

Alt dokumentasjonen er skrevet på vanlig engelsk, så det er lett å forstå. Plus, de inkludere screencast-videoer fra Scrimba noe som gjør det enklere å følge med kodeeksempler.

Når du blir dypere inn i dette biblioteket, kan du sjekke ut deres retningslinjer for tilpasning hvis du vil legge til funksjoner eller redigere eksisterende.

Eller, hvis du vil starte et prosjekt, kan du raskt sjekke ut deres standard maler, også. Disse jobbe med kolonneoppsett og bidra til å organisere nettstedet ditt mye bedre.

Jeg liker virkelig Mini.css biblioteket fordi det jobber med å lage en frontend ressurs som er både små og gjeldende for hvert prosjekt. Definitivt verdt å teste på ditt neste prosjekt hvis du vil ha noe lett og enkelt å plukke opp.