Byg farverige fladtemasker med CSS Mint UI Kit

Open-source frontend UI-kits er alle raseri i udviklingssamfundet. De sparer tid på alle aspekter af at lægge grids, styling sideelementer og tilføje dynamiske komponenter som dropdowns.

Der er masser af kits ved hjælp af fladt design, men få kommer tæt på CSS Mint. Dette 100% gratis open-source UI-kit fungerer godt til alle projekter og enhver form for hjemmeside, du kan forestille dig.

I selve kernen i CSS Mint er der Normaliser biblioteket sammen med andre brugerdefinerede nulstiller. Dette er meningen at squash alle cross-browser problemer og fejl at holde kodebasen ensartet over hele linjen.

Alle CSS-koder følger OOCSS principper, så du bør have en nem tid at tilføje til (eller tilpasse) den eksisterende kodebase.

For at komme i gang, du bare Tilføj CSS Mint stylesheet til dit projekt. Dette kan installeres via Bower eller via et CDN-link eller endda hostet lokalt, hvis du downloader en kopi fra GitHub.

Når du opretter en ny webside, følger du standarder, der er kompatible med HTML5. Rutenettet systemer er baseret på container

elementer. De fleste standardelementer som f.eks

er fuldt stylet, med valgfrie klasser til forskellige layouter.

Ud af boksen finder du klasser for knapper, typografi, navigationsmenuer, form input og rige sideelementer såsom kort. Du kan se mange eksempler på demoversiden, som også indeholder kodestykker.

Rammen er konstant opdateres med nye stilarter og ekstra funktioner, så Mint er sandsynligvis at være rundt for det lange træk.

Det giver ikke så meget kontrol som Sass og Mindre rammer, men Mintens skønhed ligger i sin enkelhed. Tilføj blot stilarket til din side, og du er god til at gå!

For at lære mere, besøg GitHub repo for download links og installationsvejledning. Og du kan dele dine tanker med skaberen Arun Michael Dsouza på hans Twitter @ amdsouza92.