Lav minimalistiske responsive layouter med Mini.css

EN frontend ramme burde være letvægts og nem at bruge. Bootstrap er den mest populære, selv om det også er en af ​​de tyngste. Og i en verden med mange alternativer til Bootstrap kan det være svært at finde en du kan lide.

Mini.css er en nyere rammer og det lever virkelig op til sit navn. I øjeblikket i version 2.x har denne ramme sig at være så lille som muligt, i øjeblikket vejer kun 7KB når gzipped.

Hele rammen er mobil lydhør og skal arbejde for ethvert layout, du har brug for. Men målet er at holde biblioteket slank tilbyder de knogler, der er nødvendige for dit arbejde.

Du kan installer Mini.css med ethvert pakkehåndteringssystem såsom Garn, NPM eller Bower. Det kan også være installeret direkte hvis du downloader filerne fra GitHub.

Når det er tilføjet til din webside, er du bare Marker webstedet som normalt og du vil mærke effekter øjeblikkeligt.

Type, knapper, links, formularer, tabeller, alle disse standardelementer leveres med basestile i Mini.css biblioteket. For at oprette et responsivt layout, vil du skal bruge nettet system som ikke er for svært at afhente.

Al dokumentationen er skrevet på almindeligt engelsk, så det er let at forstå. Plus, de inkludere screencast videoer fra Scrimba hvilket gør det nemmere at følge med kodeeksempler.

Som du bliver dybere ind i dette bibliotek, kan du tjekke ud deres retningslinjer for tilpasning hvis du vil tilføje funktioner eller redigere eksisterende.

Eller, hvis du vil starte et projekt, skal du hurtigt tjekke deres standardskabeloner, også. Disse arbejde på kolonneformede layouts og hjælpe med at organisere dit websted meget bedre.

Jeg kan virkelig godt lide Mini.css biblioteket, fordi det arbejder på at skabe en frontend ressource, der er både små og gældende for hvert projekt. Absolut værd at teste på dit næste projekt, hvis du vil have noget let og nemt at hente.