Vital CSS - Um framework web minimamente invasivo

Mover-se sobre Bootstrap porque não há um novo framework CSS na cidade. É chamado Vital e elimina o desenvolvimento frontend até o essencial.

Vital vem com apenas CSS e tem zero bibliotecas ou dependências JavaScript. E a folha de estilo Vital.css é apenas 31KB minificado, incluindo fontes de ícones.

Apenas arquivo CSS do Bootstrap totaliza cerca de 118KB. Vital é quase 1/4 do tamanho do Bootstrap! Ele é construído para desenvolvedores que apenas precisa de uma solução rápida para o próximo projeto.

Vital é um framework completamente open source com todo o código disponível no GitHub para examinar.

Tudo é construído com Sass para CSS e Slim para HTML. Mas isso é apenas para desenvolvimento, Então, se você está usando Vital para a produção, então você pode apenas exportar o CSS puro diretamente.

As últimas versões estão disponíveis para download no libera a página e estes incluem o Código CSS junto com fontes de ícones personalizadas. Você também encontrará muitas demonstrações de HTML e CSS e alguma documentação básica na página do GitHub.

Mas as verdadeiras coisas boas podem ser encontradas no página de componentes. este lista tudo que você recebe com Vital, incluindo grades, tipografia, botões, carregadores, tabelas, guias, entradas de formulário e muito mais.

Nenhum desses recursos depende do JavaScript, que é um bônus enorme. Concedido você pode fazer mais com JavaScript, mas é bom não se preocupar com JS ao denominar o frontend.

Você pode recriar qualquer elemento da página de componentes apenas por usando uma classe CSS. Essas classes podem ser um pouco automatizado se você usa Slim, então há uma pequena vantagem para os usuários do Sass / Slim.

Mas o Vital pode funcionar bem para qualquer desenvolvedor com alguma experiência em HTML / CSS. É um totalmente livre estrutura e é muito mais leve do que as alternativas.

Para saber mais, confira a homepage Vital ou dê uma olhada neste artigo escrito pelos criadores de Vital discutindo porque eles criaram o quadro e os problemas que se destina a resolver.