Bygg fargede flat-tema nettsteder med CSS Mint UI Kit

Open-source frontend UI-sett er alle raseri i utviklingssamfunnet. De sparer tid på alle aspekter ved å legge ut rister, stilingsideelementer og legge til dynamiske komponenter som dropdowns.

Det er mange sett med flat design, men få kommer nær CSS Mint. Dette 100% gratis open-source UI-settet fungerer bra for alle prosjekter og alle typer nettsider du kan forestille deg.

I selve kjerne av CSS Mint er det Normaliser biblioteket sammen med andre tilpassede tilbakestillinger. Dette er ment å squash alle problemer med nettleseren og feilene for å holde kodebase konsistent over hele linja.

Alle CSS-koden følger OOCSS prinsipper, så du bør ha en enkel tid å legge til (eller tilpasse) eksisterende kodebase.

For å komme i gang, bare du legg til CSS Mint stilark til prosjektet ditt. Dette kan installeres via Bower, eller via en CDN-kobling, eller til og med vert lokalt hvis du laster ned en kopi fra GitHub.

Når du oppretter en ny nettside, følger du standarder som er kompatible med HTML5. Rutenettet systemer er basert på container

elementer. De fleste standardelementer som

er fullt stylet, med valgfrie klasser for forskjellige oppsett.

Ut av boksen finner du klasser for knapper, typografi, navigasjonsmenyer, skjemainnganger og rike sideelementer for eksempel kort. Du kan se mange eksempler på demoversiden som også inneholder kodestykker.

Rammen er stadig oppdateres med nye stiler og ekstra funksjoner, så Mint er sannsynligvis å være rundt for lang tid.

Det gir ikke så mye kontroll som Sass og Mindre rammeverk, men Mintens skjønnhet ligger i sin enkelhet. Bare legg stilarket til siden din, og du er god til å gå!

For å lære mer, besøk GitHub repo for nedlastingskoblinger og installasjonsinstruksjoner. Og du kan dele tankene dine med skaperen Arun Michael Dsouza på hans Twitter @ amdsouza92.