Spectre.css - Estrutura Responsive CSS leve baseada em Flexbox

Se você quer mergulhar layouts de flexbox então agora é a melhor hora para começar. Navegadores modernos são finalmente aceitando propriedades do flexbox e mais desenvolvedores estão entrando na ação.

Mas, por que começar do zero quando puder construir em cima do código reutilizável? Spectre.css é um dos melhores frameworks para começar a usar se você é novo no flexbox.

Este framework de código aberto gratuito vem pré-construído com sistema de grade funcionando e propriedades comuns do flexbox. isto confia em Gulp para compilar e rodar CSS on the fly, de qualquer computador.

Isso também usa menos em vez de Sass, o que pode fazer Spectre e uma excelente escolha para todos os usuários LESS.

Um download do npm vem com tudo que você precisa: Ícones CSS, mixins, variáveis, e praticamente tudo o que você esperaria de um framework CSS típico.

Todo o código é totalmente semântico e suporta todos os elementos de texto HTML, mesmo os mais novos gostam . Estilos de texto também suporte a fontes do leste asiático com idiomas como chinês, japonês e coreano.

Você pode encontrar toneladas de exemplos no “Elementos” página que listas de amostras de design para texto, botões, tabelas, ícones e formulários da web (entre outras coisas).

O espectro também vem com toneladas de componentes que pode economizar horas de tempo gasto codificando do zero. Recursos dinâmicos, tal como pop-overs e menus suspensos, são super fáceis de adicionar a qualquer layout, com apenas algumas linhas de código.

Este quadro é ainda é muito novo e está sempre passando por mudanças. No momento da redação deste artigo, o Specter está em v0.2 e tem muitos recursos experimentais podes tentar.

Mas, os componentes principais, elementos de página e grades são totalmente funcional e pronto para um site de produção ao vivo. O Specter é um dos melhores frameworks CSS executados em Menos com grades flexbox.

Para saber mais e começar, visite o site página de documentação cobrindo instalação e configuração.

Você também pode baixar uma cópia do código à direita do GitHub que também tem uma pequena seção para documentação. E, se você gostaria de compartilhar seus pensamentos, você pode twittar a conta oficial @spectrecss.