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:

1. Phone 320px
2. Mobile 479px
3. Tablet 480px a 767px
4. Laptop 768px a 980px
5. Desktop 981px a 1100px
6. Desktop HD 1101px a 1300px
7. 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

Direitos autoriais e licença de uso

Copyright © 2016 - Liberado sob a licença MIT.

Todos os direitos reservados a CarlosHPS Webdesigner.