Pagina inicial » Kit de ferramentas » Wing - Minimalista CSS Framework Designers da Web querem

    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:

     
    1
    2
    3

    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.