Wing - Minimalista CSS Framework Designers da Web querem
O ecossistema frontend está cheio de estruturas de código aberto feito para melhorar o seu processo de desenvolvimento. Geralmente, todo mundo quer algo diferente desses frameworks; algumas pessoas procuram estética enquanto outros querem Rapidez ou usabilidade.
Asa é um novo framework e o melhor amigo de um minimalista. Vem com um configuração de grade padrão, elementos personalizados, e componentes que totalizam 5 KB.
Talvez a melhor parte sobre Wing seja a auto-styling para elementos padrão. Se você simplesmente soltar a folha de estilo CSS do Wing em seu projeto, você notará as mudanças imediatamente.
Texto, links e elementos de página padrão moldam-se automaticamente baseado nos projetos de Wing. Você também pode adicione classes extras de sua preferência para adicionar mais estética à página.
Asa navios com um Sistema de grade 960px usando um Estrutura 12-col. Essa é uma configuração muito simples e a grade de 960 pixels geralmente é considerada pequena demais para o público de widescreen de hoje. Mas, se você gosta de sites menores, esta é uma excelente escolha.
http://usewing.ml/ é louco simples e segue algo como isto:
123
Você pode incluir um cópia completa da asa do CDN Unpkg. Eles mantêm seus arquivos atualizados com a versão mais recente, para que você nunca precise alterar nomes de arquivos. Somente adicione este URL ao seu cabeçalho e você terá acesso total ao framework Wing atual.
Alternativamente, você pode baixar o pacote via npm ou puxe uma cópia da fonte à direita do GitHub.
Eu compararia o Wing ao Normalize.css, que é um framework CSS muito menor, que é mais como um restaurar biblioteca. Asa na verdade vem com estilos padrão enquanto o Normalize.css apenas redefine elementos para funcionar da mesma forma em todos os navegadores.
A beleza de ambos é que você tem controlo total para editar, restyle, e reformatar a página no entanto você vê em forma.
Toda a documentação e trechos de código pode ser encontrado na página inicial do Wing, então use esse guia se você não tiver certeza de como configurar seu site.