Kernel.css - Lichtgewicht, semantisch en onopvallend frontend raamwerk
Ontwikkelaars kennen de pijn van opnieuw creëren van code. Gelukkig biedt de webontwikkelgemeenschap veel op het gebied van open source en frontend frameworks.
Populaire frameworks zoals Bootstrap werk goed maar kan ook voel me te opgeblazen. Gelukkig zijn er alternatieven en een van mijn nieuwste favorieten is Kernel.css.
Kernel noemt zichzelf een onopvallend kader, wat betekent dat het zal opereren als een dunne laag bovenop uw pagina. Het voelt niet vervelend of moeilijk aan te passen en de lessen zijn volledig compatibel met moderne HTML5-specificaties.
Frontend ontwikkelaarswerk zou dat moeten doen volg de juiste semantiek voor toegankelijkheid en het hoogste niveau van browserondersteuning. Het gebruik van een framework zoals Kernel bespaart veel tijd en frustratie bij het oplossen van veelvoorkomende problemen.
Hier zijn enkele van de best verkochte aspecten van Kernel:
- Het rastersysteem werkt op flexbox.
- Volledig responsief en mobiel-vriendelijke.
- Aangepaste overgangen via CSS en JavaScript
- Vooraf gestileerde elementen voor kaarten, tabellen en koppen.
- Eenvoudig kleurenschema gemodelleerd naar materiaalontwerp.
U kunt een voorbeeld bekijken alle Kernel-elementen op de belangrijkste demopagina die bevat voorbeeld broncodes, te.
U zult merken dat veel items zoals knoppen en koppen verschillende klassenamen aanbieden. Dit betekent dat je kunt verander eenvoudig de kleur van een knop gewoon door de klas te veranderen.
Het komt ook met standaardkennisklassen op knoppen voor bepaalde acties, zoals .btn-primaire voor een blauw “schoon” knop of .btn-waarschuwing met een helderder geel gevoel.
Het beste deel van Kernel is dat je het kunt gemakkelijk dit kader aanpassen om aan uw behoeften te voldoen. Wilt u Font Awesome aan uw knoppen toevoegen? Geen probleem. Hoe zit het met het toevoegen van Google Webfonts aan uw headers? Net overschrijf de stijlen in uw CSS-sheet en je bent klaar om te gaan.
Als je wilt lichtgewicht startpunt om fantastische lay-outs te structureren, is Kernel.css het raamwerk voor de taak.
