BRA responsive BETA 0.8.2

Atualizado em 21.01.2017

BRA responsive

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

www.braresponsive.com.br.

Demos

Redimensione a janela do seu navegador e/ou visualize os demos abaixo em dispositivos diferentes para visualizar os resultados da grid responsiva.

Demo #1 Demo #2 Demo #3

Próximos passos

[x] Criação do site oficial
[x] Criação da página Tipografia
[x] Criação da página Elementos Inline
[x] Criação da página Listas
[x] Criação da página Botões
[x] Criação da página Cores
[x] Criação da página Tabelas
[ ] Criação da página Formulário
[x] Criação da página Ícones

carloshps / BRA-responsive

readme