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.