Início > WEB Design > Layouts Responsivos

Layouts Responsivos

Estude muito, pois o design responsivo vai lhe garantir muitos projetos.

É brilhante o que os IPads, IPhones, Notebooks, Netbooks e outros tantos nos trouxeram. A necessidade de um mesmo layout responder as resoluções, hardwares e softwares que variam de acordo com cada usuário.

Quer ver como funciona? Acesse o site: http://staffanstorp.se/

Agora, clique no botão restaurar no seu navegador e vá diminuindo a tela.

Os resultados serão estes:

Note que não é só o tamanho das coisas que responde a diminuição da tela. Mudam fontes, imagens, botões, cabeçalho. Simplesmente brilhante!

Faça a mesma coisa nestes 2 sites:

http://getlaunchkit.com/

http://my.opera.com/community/

Nas próximas semanas vou postar aqui no blog algumas técnicas de layout responsivo. Tem muito CSS envolvido. Fique ligado.

Divirta-se e inspire-se.

Anúncios
Categorias:WEB Design
  1. alex
    junho 14, 2011 às 4:13 pm

    bacana d+ mas enquanto a porcaria do 3g no brasil for tão caro com com essa limite de banda ridiculo vai ser foda, porque as imagens do layout só são redimensionadas via css, deixando pasadas de mais para celulares e demais dispositivos que usem 3g pelomenos na desgraça do brasilisssssssssssssss

  1. No trackbacks yet.

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

%d blogueiros gostam disto: