Bygga färgglada plattformswebbplatser med CSS Mint UI Kit

Open-source frontend UI-kits är allt raseri i utvecklingsgemenskapen. De sparar tid på alla aspekter av att lägga ut nät, stilingsidaelement och lägga till dynamiska komponenter som dropdowns.

Det finns gott om kit med platt design men få kommer nära CSS Mint. Detta 100% gratis open-source UI-kit fungerar bra för alla projekt och vilken typ av webbplats du kan tänka dig.

I själva verket i CSS Mint finns det Normalisera biblioteket tillsammans med andra anpassade återställningar. Detta är tänkt att squash alla problem med cross-browser och buggar för att hålla kodbasen konsekvent över hela linjen.

All CSS-kod följer OOCSS principer, så du borde ha enkelt att lägga till (eller anpassa) den befintliga kodbasen.

För att komma igång, du bara lägg till CSS Mint stilark till ditt projekt. Detta kan installeras via Bower, eller via en CDN-länk, eller till och med värd lokalt om du laddar ner en kopia från GitHub.

När du skapar en ny webbsida följer du standarder som är kompatibla med HTML5. Ristsystem är baserade på behållare

element. De flesta standardelement som t.ex.

är fullt stylad, med valfria klasser för olika layouter.

Utanför rutan hittar du klasser för knappar, typografi, navigeringsmenyer, form inmatningar och rika sidelement till exempel kort. Du kan se massor av exempel på demoversidan som även innehåller kodfragment.

Ramverket är ständigt uppdateras med nya stilar och extrafunktioner, så kommer Mint sannolikt att vara runt för lång tid.

Det erbjuder inte lika mycket kontroll som Sass och Mindre ramar men Mintens skönhet ligger i sin enkelhet. Lägg bara till stilarket på din sida och du är bra att gå!

För att lära dig mer, besök GitHub repo för nedladdningslänkar och installationsanvisningar. Och du kan dela dina tankar med skaparen Arun Michael Dsouza på hans Twitter @ amdsouza92.