Download - Framework Foundation Basicão
![Page 1: Framework Foundation Basicão](https://reader035.vdocuments.net/reader035/viewer/2022070601/5884ec381a28abf76f8b4e21/html5/thumbnails/1.jpg)
Foundation
front-end framework
![Page 2: Framework Foundation Basicão](https://reader035.vdocuments.net/reader035/viewer/2022070601/5884ec381a28abf76f8b4e21/html5/thumbnails/2.jpg)
O que é Foundation?
Foundation é o framework front-end paradesenvolvimento responsivo
![Page 3: Framework Foundation Basicão](https://reader035.vdocuments.net/reader035/viewer/2022070601/5884ec381a28abf76f8b4e21/html5/thumbnails/3.jpg)
SemânticaToda a marcação HTML usada foi projetada de
modo a preservar o valor
semântico dos elementos, resultando em uma
estruturação limpa e de carregamento otimizado.
Mobile First para design responsivo
priorizando o desenvolvimento para
dispositivos de pequeno porte e acrescentando
melhoria progressiva para servir dispositivos
maiores e desktop, exata.
![Page 4: Framework Foundation Basicão](https://reader035.vdocuments.net/reader035/viewer/2022070601/5884ec381a28abf76f8b4e21/html5/thumbnails/4.jpg)
PersonalizaçãoPossibilidade de
personalizar o framework definindo o
download dele para apenas os plugins a serem usados no projeto, bem
como personalizar as larguras de colunas, cores,
tamanhos de fontes etc
Milhares de designers e desenvolvedores dependem
do Foundation. ZURB oferece, também, suporte comercial, treinamento e
consultoria relacionados ao framework
![Page 5: Framework Foundation Basicão](https://reader035.vdocuments.net/reader035/viewer/2022070601/5884ec381a28abf76f8b4e21/html5/thumbnails/5.jpg)
IE9+Sem suporte para IE8 e anteriores. Para servir esses navegadores usar versão 3.2 Mesmo não usando o conceito mobile first, oferece suporte razoável para aqueles navegadores.
![Page 6: Framework Foundation Basicão](https://reader035.vdocuments.net/reader035/viewer/2022070601/5884ec381a28abf76f8b4e21/html5/thumbnails/6.jpg)
Tudo OK!!
![Page 7: Framework Foundation Basicão](https://reader035.vdocuments.net/reader035/viewer/2022070601/5884ec381a28abf76f8b4e21/html5/thumbnails/7.jpg)
InstalandoFoundation
Existem Quatro maneiras de instalar o framework
http://foundation.zurb.com/develop/download.html
![Page 8: Framework Foundation Basicão](https://reader035.vdocuments.net/reader035/viewer/2022070601/5884ec381a28abf76f8b4e21/html5/thumbnails/8.jpg)
InstalandoFoundation
Pré-processador CSS SASS Aplicação Rails ou outra Linguagem de programação Forma-padrão, com HTML, CSS eJS na chamada versão CSS,
![Page 9: Framework Foundation Basicão](https://reader035.vdocuments.net/reader035/viewer/2022070601/5884ec381a28abf76f8b4e21/html5/thumbnails/9.jpg)
Escolhendo o melhor pacote
![Page 10: Framework Foundation Basicão](https://reader035.vdocuments.net/reader035/viewer/2022070601/5884ec381a28abf76f8b4e21/html5/thumbnails/10.jpg)
Escolhendo o melhor pacote
![Page 11: Framework Foundation Basicão](https://reader035.vdocuments.net/reader035/viewer/2022070601/5884ec381a28abf76f8b4e21/html5/thumbnails/11.jpg)
![Page 12: Framework Foundation Basicão](https://reader035.vdocuments.net/reader035/viewer/2022070601/5884ec381a28abf76f8b4e21/html5/thumbnails/12.jpg)
GridsPrincipaisSmall, medium, large
Você não vai encontrar pixel
<div class="row"></div>
![Page 13: Framework Foundation Basicão](https://reader035.vdocuments.net/reader035/viewer/2022070601/5884ec381a28abf76f8b4e21/html5/thumbnails/13.jpg)
GridsPadrão 12 colunas.Se personalizar até 16.
![Page 14: Framework Foundation Basicão](https://reader035.vdocuments.net/reader035/viewer/2022070601/5884ec381a28abf76f8b4e21/html5/thumbnails/14.jpg)
Customização
Escolha o que você deseja.
![Page 15: Framework Foundation Basicão](https://reader035.vdocuments.net/reader035/viewer/2022070601/5884ec381a28abf76f8b4e21/html5/thumbnails/15.jpg)
Qual escolher?