Pagina inicial » Web design » Pétala é um framework de interface de usuário CSS organizado e leve em execução no LESS

    Pétala é um framework de interface de usuário CSS organizado e leve em execução no LESS

    De Bootstrap para Foundation parece que há um fluxo interminável de frameworks CSS para escolher. Mas poucos correm em menos e ainda menos são tão bem organizado como Petal.

    Este pequeno projeto de código aberto foi criado internamente para a equipe do Shakr mas eles decidiram liberar tudo no GitHub. Ainda é um novo quadro então há muito espaço para melhorias. Em seu estado atual, Petal é um estrutura rica em recursos para qualquer projeto da web.

    Quem estiver interessado deve verificar o página principal e olhe parte da documentação.

    A folha de estilo Petal se divide em diferentes arquivos LESS, então está organizado com base em recursos e configurações. Desta forma, se você quiser fazer alterações ou encontrar uma classe específica, você precisa procurar apenas um arquivo, por exemplo tipografia.less, ao invés de uma biblioteca inteira.

    Você pode ver alguns dos recursos de design mais comuns nesta caneta junto com partes de codigo você pode copiar.

    Pétala é para ser um estrutura minimalista com estilos pré-construídos simples.

    Nem todo mundo quer trabalhar adicionando cor ou tom em seus projetos. A beleza de um framework CSS é que ele pode fornecer o design e estilo, então você só adicione o HTML e se mexa.

    Isso é o que Pétala faz bem, e é uma lufada de ar fresco em um mundo cheio de homepages alimentadas por Bootstrap.

    Se você quer tentar isso sozinho Adicione o Petal.css folha de estilo direito ao seu documento seção. De lá, todos os estilos básicos serão aplicados diretamente para todos os elementos HTML.

    Você pode mexer com classes verificando a página de documentos no site. Na verdade, há uma seção inteira cobrindo configuração básica de página usando uma classe, tal como .seção como contêiner com aulas como .linha ou .coluna para a estrutura.

    Opções de layout são praticamente infinitas, e você sempre pode adicionar formatação extra para preenchimento e margens se necessário.

    Para um framework CSS tão pequeno, o Petal é realmente impressionante. Está atualmente em sua infância em v0.5, mas será continuamente desenvolvido com o passar do tempo. Aprender mais confira a página inicial da Petal, e veja o que você pode construir!