Crie layouts responsivos minimalistas com o Mini.css

UMA estrutura frontend deveria estar leve e fácil de usar. Bootstrap é o mais popular, embora seja também um dos mais pesados. E, em um mundo com muitas alternativas para o Bootstrap, pode ser difícil encontrar um que você goste.

Mini.css é um quadro mais novo e realmente faz jus ao seu nome. Atualmente na versão 2.x, este framework pretende ser tão pequeno quanto possível, atualmente pesando apenas 7KB quando gzipped.

Todo o framework é responsivo móvel e deve funcionar para qualquer layout que você precisa. Mas o objetivo é manter essa biblioteca pequena oferecendo os fundamentos básicos para o seu trabalho.

Você pode instalar o Mini.css com qualquer sistema de gerenciamento de pacotes como Yarn, npm ou Bower. Também pode ser instalado diretamente se você baixar os arquivos do GitHub.

Uma vez que é adicionado à sua página web, você apenas marcar o site como normal e vais notar efeitos imediatamente.

Tipo, botões, links, formulários, tabelas, todos esses elementos padrão vêm com estilos de base na biblioteca Mini.css. Para configurar um layout responsivo, você precisa usar o sistema de grade o que não é muito difícil de pegar.

Toda a documentação é escrito em inglês simples, então é fácil de entender. Além disso, eles inclui vídeos de screencast de Scrimba o que torna mais fácil seguir junto com exemplos de código.

À medida que você se aprofunda nessa biblioteca, você pode conferir suas diretrizes para personalização se você quiser adicionar recursos ou editar os existentes.

Ou, se você quiser iniciar um projeto rapidamente, verifique modelos padrão, também. Estes trabalhar em layouts com colunas e ajudar a organizar seu site muito melhor.

Eu realmente gosto da biblioteca Mini.css porque está trabalhando para criar um recurso frontend pequenos e aplicáveis ​​a todos os projetos. Definitivamente vale a pena testar em seu próximo projeto se você quiser algo leve e fácil de pegar.