O Zurb's Foundation é um dos frameworks responsivos mais utilizados no momento - e por um bom motivo também. Com um sistema de grade flexível, uma lista de recursos aparentemente interminável e uma comunidade trabalhando para empurrar recursos novos e aprimorados com a maior frequência possível, você pode ver o motivo.

Não só isso, mas é cheio de CSS de andaimes para construir um modelo de wireframe em pouco tempo - ou mesmo para usar como parte de seus projetos em escala real.

A última versão do Foundation - Foundation 5 - foi lançado na semana passada, então este é o momento perfeito para investigar suas possibilidades.

Hoje, vamos passar pelo movimento de criar um site para entusiastas de bicicletas. Aprenderemos como:

  • baixar e instalar o framework Foundation;
  • insira o conteúdo com o sistema de grade flexível e responsivo direto da caixa;
  • crie um painel "herói" para exibir o texto em destaque ou imagens com destaque;
  • até adicionaremos alguns botões, uma grade de blocos e uma barra de navegação para completar nosso design.

Então, se você seguir do começo ao fim, você terá um site totalmente responsivo em menos de 20 minutos. Bem impressionante, se você quer saber!

Você usa Foundation? De que partes você mais gosta? Deixe-nos saber nos comentários.