Pagina inicial » Kit de ferramentas » 10 alternativas leves para inicialização e fundação

    10 alternativas leves para inicialização e fundação

    Escolher o framework certo que é o ajuste perfeito para seus projetos pode ser um pouco esmagador - existem muito a escolher. Talvez você queira ir com escolhas populares como Bootstrap ou Foundation, mas se o seu site for bastante simples, você não vai precisar da maioria dos blocos de construção e materiais incluído no pacote padrão.

    A boa notícia é que existem algumas alternativas muito mais enxutas do que o Bootstrap ou o Foundation. A maioria desses frameworks é fornecida com apenas a quantidade certa de estilos e componentes para ajudar você a começar, permitindo que você seja capaz de estendê-los na direção desejada para o seu projeto.

    Aqui estão 10 alternativas leves para o Bootstrap e Foundation que você deve usar para construindo sites de menor escala.

    Mais sobre Hongkiat.com:

    • Começando com o Twitter Bootstrap
    • Usando o Bootstrap 3 com Sass
    • Bootstrap Tool: Construa Layouts de Bootstrap HTML
    • Trabalhando com Plug-in do Bootstrap: Janela Modal
    • Bootstrap Tool: Construa o Megamenu com o YAMM3

    1. Esqueleto

    O esqueleto finalmente conseguiu um facelift. É uma reformulação total a partir do zero e, no entanto, ainda é tão leve quanto costumava ser. O novo sistema de grade Skeleton agora adota a filosofia mobile-first, que garante que o layout ocupe o centro do palco, independentemente de quão pequena a tela do dispositivo é.

    Todos os componentes que foram incluídos na versão anterior - botões, formulários e elementos de entrada - ainda estão presentes, mas os estilos básicos de tipografia agora são definidos em rem unidade.

    2. CardinalCSS

    O CardinalCSS é um framework CSS construído com foco no desempenho, legibilidade e, principalmente, manutenção. O CardinalCSS adota algumas abordagens modernas, como o mobile-first, para configurar a grade; e CSS Box Model que permite determinar facilmente a largura e a altura do elemento.

    O CardinalCSS também vem com um punhado de classes auxiliares que permitem aplicar estilos sobre um elemento rapidamente, por exemplo, capitular que aplica o efeito de capitular para o primeiro caractere no parágrafo.

    3. ConciseCSS

    ConciseCSS é uma estrutura CSS - sem o inchaço. É uma estrutura enxuta construída sobre o Sass, LESS e Stylus, que abre caminho para a manutenção do CSS. Mas, se você preferir CSS simples, você também pode ter isso.

    Da mesma forma, o ConciseCSS também vem com estilos básicos para elementos essenciais, como cabeçalhos, parágrafos, tabelas, formulários e um conjunto de classes de helpers para criar a interface do usuário do botão..

    4. PowertoCSS

    O PowertoCSS é leve e uma estrutura de frontend sólida. Os nomes de classe usados ​​para criar a grade e aplicar estilos são simples e fáceis de lembrar, por exemplo,. .botão. Você também pode adicionar seu próprio tema. Vá até o StarterKit para começar.

    5. Furtivo

    O Furtive é um framework CSS mobile-first construído em torno dos padrões web de ponta como o uso de Flexbox para a rede e rem unidade para elementos de dimensionamento (incluindo o tamanho da fonte). O Furtive mantém um pequeno tamanho de CSS ao não suportar navegadores mais antigos (* cough * Internet Explorer), já que eles exigem alguns hacks de CSS. Daí Furtive é um quadro perfeito se você está projetando um site para o futuro.

    6. BassCSS

    O BassCSS oferece um conjunto leve de estilos de elementos de base, utilitários, layout e estilos de cores, de forma modular para a criação de um aplicativo da Web responsivo. Os arquivos SCSS estão incluídos para personalizar o estilo facilmente. Você pode jogar com tipografia, espaço em branco, pontos de interrupção e elementos da interface do usuário.

    7. Mueller

    Mueller é um sistema de grade responsivo modular construído em cima de Sass e Compass. Com Mueller, você pode construir a grade adicionando classes diretamente aos elementos HTML, ou se preferir que seus elementos HTML estejam limpos e limpos, usando o grade() função. A grade do Mueller pode ser usada em conjunto com a biblioteca JavaScript da Masonry para criar um layout semelhante ao Pinterest.

    8. Tuktuk

    Tuktuk é um nome muito original para um framework. Comparado com o Bootstrap ou Foundation, o Tuktuk é muito mais leve, pois vem apenas com a quantidade adequada de componentes para construir um site apresentável, incluindo o sistema de grade, estilo básico para tipografia, tabelas e um par de UI como navbar e modais.

    9. Base

    Base é construída sobre o LESS e o Sass, e inclui apenas os componentes mais essenciais para construir sites: a grade e o estilo básico dos elementos HTML. O Base não vem com componentes Javascript, mas oferece uma excelente compatibilidade com navegadores, tanto que funciona mesmo com o IE7.

    10. Brinde

    O último da nossa lista é Toast. Através da folha de estilo do SCSS incluída no pacote, o Toast permite que você configure facilmente os nomes das classes da grade, a medianiz e até mesmo a base da coluna. Por exemplo, se você quiser que a grade seja uma coluna de 9 bases em vez de 12, você pode fazer isso. Toast é um framework CSS mínimo com configurações muito flexíveis para atender às suas necessidades.