Kernel.css - Cadre frontal léger, sémantique et non intrusif
Les développeurs connaissent la douleur de recréer le code à partir de zéro. Heureusement, la communauté de développement Web offre beaucoup de choses dans les cadres open source et frontend.
Les frameworks populaires tels que Bootstrap bien travailler mais peut aussi se sentir trop ballonné. Heureusement, il existe des alternatives et un de mes nouveaux favoris est Kernel.css.
Le noyau s’appelle un cadre non intrusif, ce qui signifie que ça va fonctionne comme une fine couche en haut de votre page. Il ne semble pas gênant ou difficile à personnaliser et les cours sont entièrement conforme aux spécifications HTML5 modernes.
Le travail du développeur frontend devrait suivre la sémantique appropriée pour l'accessibilité et le plus haut niveau de support du navigateur. L'utilisation d'un framework tel que Kernel vous fait gagner beaucoup de temps et vous évite toute frustration en résolvant des problèmes courants.
Voici quelques-uns des aspects les plus vendus de Kernel:
- Son système de grille fonctionne sur flexbox.
- Entièrement réactif et adapté aux mobiles.
- Transitions personnalisées via CSS et JavaScript
- Éléments pré-stylés pour les cartes, les tables et les en-têtes.
- Jeu de couleurs simple modelé d'après la conception matérielle.
Vous pouvez prévisualiser tous les éléments du noyau sur la page de démonstration principale qui comprend exemples de codes source, aussi.
Vous remarquerez que de nombreux éléments, tels que les boutons et les en-têtes, proposent différents noms de classe. Cela signifie que vous pouvez changer facilement la couleur d'un bouton juste en modifiant la classe.
Il vient aussi avec classes de notification par défaut sur les boutons pour certaines actions, tel que .btn-primaire pour un bleu “nettoyer” bouton ou .btn-warning avec une touche jaune plus brillante.
La meilleure partie de Kernel est que vous pouvez personnaliser facilement ce cadre pour répondre à vos besoins. Vous voulez ajouter Font Awesome à vos boutons? Aucun problème. Pourquoi ne pas ajouter Google Webfonts à vos en-têtes? Juste écraser les styles de votre feuille CSS et vous êtes prêt à partir.
Si vous voulez un point de départ léger pour structurer des mises en page fantastiques, alors Kernel.css est le cadre du travail.
