Framework Foundation Basicão

16
Foundation front-end framework

Transcript of Framework Foundation Basicão

Page 1: Framework Foundation Basicão

Foundation

front-end framework

Page 2: Framework Foundation Basicão

O que é Foundation?

Foundation é o framework front-end paradesenvolvimento responsivo

Page 3: Framework Foundation Basicão

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

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

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

Tudo OK!!

Page 7: Framework Foundation Basicão

InstalandoFoundation

Existem Quatro maneiras de instalar o framework

http://foundation.zurb.com/develop/download.html

Page 8: Framework Foundation Basicão

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

Escolhendo o melhor pacote

Page 10: Framework Foundation Basicão

Escolhendo o melhor pacote

Page 11: Framework Foundation Basicão
Page 12: Framework Foundation Basicão

GridsPrincipaisSmall, medium, large

Você não vai encontrar pixel

<div class="row"></div>

Page 13: Framework Foundation Basicão

GridsPadrão 12 colunas.Se personalizar até 16.

Page 14: Framework Foundation Basicão

Customização

Escolha o que você deseja.

Page 15: Framework Foundation Basicão

Qual escolher?

Page 16: Framework Foundation Basicão

@kadunewkadunew.com/blog

[email protected]