Kernel.css - Struttura di frontend leggera, semantica e non intrusiva
Gli sviluppatori conoscono il dolore di ricreare il codice da zero. Per fortuna, la community di sviluppo web offre molto in termini di framework open source e frontend.
Strutture popolari come Bootstrap lavorare bene ma può anche sentirsi troppo gonfio. Per fortuna, ci sono alternative e uno dei miei preferiti più recenti è Kernel.css.
Il kernel si chiama a quadro non invadente, significa che lo farà operare come uno strato sottile in cima alla tua pagina. Non sembra fastidioso o difficile da personalizzare e le classi sono completamente conforme alle moderne specifiche HTML5.
Il lavoro dello sviluppatore frontend dovrebbe seguire la semantica corretta per l'accessibilità e il massimo livello di supporto del browser. L'utilizzo di un framework come Kernel consente di risparmiare tempo e frustrazioni risolvendo problemi comuni.
Ecco alcuni degli aspetti più venduti del kernel:
- Il suo sistema di griglia funziona su flexbox.
- Completamente reattivo e mobile-friendly.
- Transizioni personalizzate attraverso CSS e JavaScript
- Elementi pre-stile per carte, tabelle e intestazioni.
- Combinazione di colori semplice modellato sul design del materiale.
Puoi vedere l'anteprima tutti gli elementi del kernel sulla pagina demo principale che include esempi di codici sorgente, pure.
Noterai che molti elementi come pulsanti e intestazioni offrono nomi di classi diversi. Questo significa che puoi cambia facilmente il colore di un pulsante semplicemente alterando la classe.
Viene anche con classi di notifica predefinite sui pulsanti per determinate azioni, ad esempio .btn-primaria per un blu “pulito” pulsante o .btn-warning con un tocco giallo più luminoso.
La parte migliore del kernel è che puoi personalizzare facilmente questa struttura per soddisfare le tue esigenze. Vuoi aggiungere Font Awesome ai tuoi pulsanti? Nessun problema. Che ne dici di aggiungere Google Webfonts alle intestazioni? Appena sovrascrivi gli stili nel tuo foglio CSS e sei a posto.
Se vuoi un punto di partenza leggero per strutturare fantastici layout quindi Kernel.css è la struttura per il lavoro.
