Pagina inicial » Kit de ferramentas » Kernel.css - estrutura de front-end leve, semântica e não intrusiva

    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.