Página web no PC e no celular

Durante as últimas semanas venho desenvolvendo uma aplicação web, a primeira com a definição de Single-page application. Quando comecei a fazer a fazer a página decidi que também ia fazer o site responsivo, ou seja, se adaptando aos diversos dispositivos.

Para simplificar o processo decidi utilizar o framework Foundation (http://foundation.zurb.com/). Muito bom de utilizar!! Alem de vir com um monte de estilo de tipografia e componentes a grande sensação é o The Grid.

Basicamente ele divide uma página em, até, 12 colunas e o programador decide quantas células vai utilizar para cada uma das partes do seu conteúdo. O diferencial desse grid está em que conforme o tamanho da janela vai sendo alterado as colunas podem se transformar em linhas e o conteúdo se adapta normalmente à celulares e tablets.

A “mágica” é possível graças às configurações de midia type (http://www.w3.org/TR/CSS2/media.html) via CSS. que permite definir estilos CSS de acordo com a resolução disponível da janela do navegador.

Graças ao Foundation consegui criar a 1ª versão de um site responsivo muito maneiro em poucos dias.

Um comentário sobre “Página web no PC e no celular

Deixe uma resposta

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