Usando o Foundation 4 no Windows

Na última versão do Zurb Foundation ele ganhou várias melhorias , ao mesmo tempo que ficou mais difícil de usá-lo, pois é necessário ter um conhecimento básico sobre a linguagem Ruby algo que nem todo webdesigner necessita desse conhecimento prévio, assim para ajudá-lo a usar esse excelente framework fiz um tutorial rápido para usá-lo no Windows.

Como você pode perceber na documentação do Foundation é necessário instalar algumas gems do Ruby. Gems são bibliotecas da linguagem Ruby.

Uma das Gems é o Compass (se você é webdesign, já sabe o que é) e a outra é a do próprio Zurb Foundation. Não se preocupe que você não vai precisar programar em Ruby para usar o Zurb ^^.

Mas antes de instalar as Gems você precisa instalar o Ruby no Windows (pois o tutorial é pra Windows =p). Você fará o download do instalador neste site: http://rubyinstaller.org/.

Durante a instalação apresentará um momento para confirmar o caminho, neste instante selecione as 3 opções que aparecem.

ruby

Após instalação abra o seu Prompt de comando e digite o que está abaixo para instalar a biblioteca do Zurb Foundation (demora um pouquinho):

gem install zurb-foundation

Em seguida instale Compass:

gem install compass

Depois disso é só criar seu projeto com o Zurb já compilando todo o CSS em SASS que já vem com ele:

compass create nomeprojeto -r zurb-foundation --using foundation

Pronto, seja feliz! ^^

2 comentários

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s