Kernel.css - estrutura de front-end leve, semântica e não intrusiva
Desenvolvedores conhecem a dor de recriando código do zero. Felizmente, a comunidade de desenvolvimento web oferece muito em termos de frameworks open source e frontend..
Estruturas populares como o Bootstrap trabalhe bem mas também pode sinto muito inchado. Felizmente, existem alternativas e um dos meus mais novos favoritos é Kernel.css.
Kernel chama-se um estrutura não intrusiva, o que significa que operar como uma camada fina no topo da sua página. Não parece incômodo ou difícil de personalizar e as aulas são totalmente compatível com as especificações modernas de HTML5.
O trabalho do desenvolvedor de frontend deve siga semântica adequada para acessibilidade e o mais alto nível de suporte ao navegador. Usando uma estrutura como o Kernel economiza muito tempo e frustra a resolução de problemas comuns.
Aqui estão alguns dos aspectos mais vendidos do Kernel:
- Seu sistema de grade roda no flexbox.
- Totalmente responsivo e mobile-friendly.
- Transições personalizadas através de CSS e JavaScript
- Elementos pré-estilizados para cartões, tabelas e cabeçalhos.
- Esquema de cores simples modelado após o design do material.
Você pode visualizar todos os elementos do kernel na página principal de demonstração que inclui exemplos de códigos-fonte, também.
Você perceberá que muitos itens, como botões e cabeçalhos, oferecem nomes de classes diferentes. Isso significa que você pode facilmente mudar a cor de um botão apenas alterando a classe.
Ele também vem com classes de notificação padrão nos botões para determinadas ações, tal como .btn-primary
por um azul “limpar \ limpo” botão ou .aviso-btn
com um toque amarelo mais brilhante.
A melhor parte do Kernel é que você pode facilmente personalizar este quadro para atender às suas necessidades. Quer adicionar o Font Awesome aos seus botões? Sem problemas. Que tal adicionar o Google WebFonts aos seus cabeçalhos? Somente substituir os estilos na sua folha CSS e você é bom para ir.
Se você quiser um ponto de partida leve para estruturar layouts fantásticos, o Kernel.css é o framework para o trabalho.