Bouw kleurrijke websites met een plat thema met behulp van de CSS Mint UI-kit
Open-source frontend UI-kits zijn allemaal rage 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 weinigen komen in de buurt van 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 Normalize samen met andere aangepaste resets. Dit is bedoeld om alle problemen en bugs tussen verschillende browsers weg te werken om de codebase overal consistent te houden.
Alle CSS-code volgt de OOCSS-principes, dus u moet gemakkelijk de bestaande codebase toevoegen (of aanpassen).
Om aan de slag te gaan, voegt u eenvoudig de CSS Mint-stylesheet toe aan uw project. Dit kan worden geïnstalleerd via Bower, of via een CDN-link, of zelfs lokaal worden gehost als u een kopie van GitHub downloadt.
Wanneer u een nieuwe webpagina maakt, volgt u HTML5-code die aan de standaarden voldoet. Rastersystemen zijn gebaseerd op een container
Standaard hebt u klassen voor knoppen, typografie, navigatiemenu's, formulierinvoer en uitgebreide pagina-elementen zoals kaarten. Je kunt op de demopagina tal van voorbeelden zien die ook codefragmenten bevatten.
Het raamwerk wordt voortdurend 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 schuilt in zijn eenvoud. Voeg eenvoudig het stylesheet toe aan uw pagina en u bent klaar om te beginnen!
Ga voor meer informatie naar de GitHub-repo voor downloadlinks en installatie-instructies. En je kunt je gedachten delen met de maker Arun Michael Dsouza op zijn Twitter @ amdsouza92.
20 Creatieve "grote kop" fotomanipulaties
Het is allemaal begonnen bij Christopher Huet, een getalenteerde manipulatiemaster die serieus plezier wil maken op het hoofd van de mens, en hij deed het heel goed door het groter te maken, ja, gewoon groter. En wat echt schokkend is, is gewoon door het hoofd groter te maken, het is echt genoeg om iemand te laten lachen
20 eigenzinnige Monospaced-lettertypen voor persoonlijk en commercieel gebruik
In tegenstelling tot proportionele lettertypen bestaan monospaced lettertypen uit tekens die allemaal dezelfde breedte hebben . Deze unieke eigenschap van monospaced-lettertypen maakt het gemakkelijk om snel het aantal tekens in een regel te vermelden, wat overigens een van de voordelen is van monospaced-lettertypen met proportionele lettertypen . Mo