Kernel.css - Leichtes, semantisches und unauffälliges Frontend-Framework
Entwickler kennen den Schmerz von Code von Grund auf neu erstellen. Glücklicherweise bietet die Webentwicklungs-Community eine Menge Open Source- und Frontend-Frameworks.
Beliebte Frameworks wie Bootstrap gut arbeiten kann aber auch fühle mich zu aufgebläht. Zum Glück gibt es Alternativen und einer meiner neuesten Favoriten ist Kernel.css.
Kernel nennt sich ein unauffälliger Rahmen, was bedeutet, dass es wird wirken wie eine dünne Schicht oben auf Ihrer Seite. Es fühlt sich nicht störend oder schwierig an, die Klassen anzupassen voll kompatibel mit modernen HTML5-Spezifikationen.
Frontend-Entwickler sollten arbeiten Folgen Sie der richtigen Semantik für die Erreichbarkeit und die Unterstützung der Browser auf höchstem Niveau. Die Verwendung eines Frameworks wie Kernel spart Zeit und Frustration bei der Lösung allgemeiner Probleme.
Hier sind einige der meistverkauften Aspekte von Kernel:
- Sein Gittersystem läuft auf flexbox.
- Vollständig ansprechbar und mobilfreundlich.
- Benutzerdefinierte Übergänge durch CSS & JavaScript
- Vorgestylte Elemente für Karten, Tabellen und Header.
- Einfaches Farbschema nach dem Materialdesign modelliert.
Sie können eine Vorschau anzeigen alle Kernel-Elemente auf der Hauptdemoseite, die enthält Beispiel-Quellcodes, auch.
Sie werden feststellen, dass viele Elemente wie Schaltflächen und Header unterschiedliche Klassennamen enthalten. Das heißt du kannst es einfach die Farbe einer Schaltfläche ändern nur durch die Änderung der Klasse.
Es kommt auch mit Standardbenachrichtigungsklassen für Schaltflächen für bestimmte Aktionen, sowie .BTN-Primär für ein blaues “sauber” Taste oder .BT-Warnung mit einem helleren gelben Flair.
Das Beste am Kernel ist, dass Sie es können Einfach dieses Framework anpassen Ihren Bedürfnissen anpassen. Möchten Sie Ihren Buttons Font Awesome hinzufügen? Kein Problem. Wie wäre es, wenn Sie Google Webfonts zu Ihren Kopfzeilen hinzufügen? Gerade überschreiben Sie die Stile in Ihrer CSS-Tabelle und du bist gut zu gehen.
Wenn du einen willst leichter Startpunkt Um fantastische Layouts zu strukturieren, ist Kernel.css der Rahmen für die Aufgabe.
