bra-responsive v0.8.1
BRA responsive BETA 0.8.1
Simples e intuitivo, BRA responsive é um framework front-end para criação de projetos web responsivos e mobile-first.
Instalação
- via npm:
npm install --save bra-responsive - via bower:
bower install --save bra-responsive - via site: Como usar o BRA responsive
Sobre o BRA responsive
O BRA responsive é um framework de grid responsiva, simples, básico e com um UI Kit bonito, desenvolvido em HTML5 e CSS3. O objetivo maior de sua criação é ajudar webdesigners, front-enders e desenvolvedores, a iniciar seus projetos responsivos, com esta ferramenta. Sua utilização também se destina a projetos que não exijam muitos recursos e voltado para 7 breakpoints (pontos de interrupção) associados aos media queries:
- Phone 320px
- Mobile 479px
- Tablet 480px a 767px
- Laptop 768px a 980px
- Desktop 981px a 1100px
- Desktop HD 1101px a 1300px
- Large Monitor 1301px
Principais características
Nesta versão BETA, a intenção é criar o básico, mas usualmente aplicável. Portanto, as principais características são:
- Grid com 12 colunas
- 100% responsivo
- Mobile first como conceito
- CSS box model
- Semântico
- Sistema de GRID responsivo
- UI Kit básico
- Customizável
- Reset com Normalize.css
- E muito mais
Suporte a navegadores
Funciona bem no Chrome 52+, Firefox 47+, Safari 9.1+, Opera 38+, Edge 13+, IE 9+
Site oficial
Demos
Redimensione a janela do seu navegador e/ou visualize os demos abaixo em dispositivos diferentes para visualizar os resultados da grid responsiva.
Próximos passos
- Criação do site oficial
- Criação da página Tipografia
- Criação da página Elementos Inline
- Criação da página Listas
- Criação da página Botões
- Criação da página Cores
- Criação da página Tabelas
- Criação da página Formulário
- Criação da página Ícones
Direitos autoriais e licença de uso
Copyright © 2016 - Liberado sob a licença MIT.
Todos os direitos reservados a CarlosHPS Webdesigner.