Bouw kleurrijke websites met een plat thema met behulp van de CSS Mint UI-kit
Open-source frontend UI-kits zijn allemaal woede in de ontwikkelingsgemeenschap. Ze besparen tijd op alle aspecten van het leggen van rasters, het opmaken van pagina-elementen en het toevoegen van dynamische componenten zoals vervolgkeuzemenu's.
Er zijn veel kits met een plat ontwerp, maar er zijn maar een paar in de buurt CSS Mint. Deze 100% gratis open-source UI-kit werkt geweldig voor alle projecten en elk type website dat u maar kunt bedenken.
In de kern van CSS Mint is er de Bibliotheek normaliseren samen met andere aangepaste resets. Dit is de bedoeling squash alle cross-browser problemen en bugs om de codebasis consistent over het bord te houden.
Alle CSS-code volgt OOCSS-principes, dus je zou een eenvoudige tijd moeten hebben om de bestaande codebase toe te voegen (of aan te passen).
Om te beginnen, jij gewoon voeg het CSS Mint-stylesheet toe naar uw project. Dit kan worden geïnstalleerd via Bower, of via een CDN-koppeling, of zelfs lokaal worden gehost als u een kopie van GitHub downloadt.
Wanneer u een nieuwe webpagina maakt, volgt u HTML5-code die voldoet aan de standaarden. Rastersystemen zijn gebaseerd op een container Out of the box, je vindt klassen voor toetsen, typografie, navigatiemenu's, vorm invoer en rijke pagina-elementen zoals kaarten. Je kunt op de demopagina veel voorbeelden zien, inclusief codefragmenten. Het raamwerk is constant worden bijgewerkt met nieuwe stijlen en extra functies, dus Mint zal er waarschijnlijk zijn voor de lange termijn. Het biedt niet zoveel controle als de Sass en Less-kaders, maar de schoonheid van Mint ligt in zijn eenvoud. Voeg de stylesheet toe aan uw pagina en u bent klaar om te gaan! Ga voor meer informatie naar de GitHub repo voor downloadlinks & installatie-instructies. En je kunt je gedachten delen met de maker Arun Michael Dsouza op zijn Twitter @ amdsouza92.
