Pesquisa sobre layout responsivo e adaptável - alanDC/situacaoAprendizagem GitHub Wiki

1 - Definir os termos layout responsivo e layout adaptável.

O Design Responsivo faz com que determinado site que o utiliza se adaptar de acordo com a resolução dos diferentes aparelhos que acessarem ele. Ele faz com que o layout se adapte de acordo com o tamanho da tela que está acessando o site, a ideia surgiu devido ao alto número de pessoas acessando a internet através de diferentes tipos de aparelhos, sendo a grande maioria, dispositivos móveis, deixando de lado, o acesso só por computadores desktop. Ele faz isso através de porcentagens que são passadas, parecido com design fluído, que adapta a tela de acordo com as porcentagens, e em seguida o design responsivo detecta os pontos de mudança, assim como o layout adaptável, sendo assim, ele é uma junção dos dois.
Já o layout adaptável, trabalha com tamanhos fixos ao invés de porcentagem, e esses tamanhos são alterados de acordo com a resolução da tela que acessa o site. Identificando aonde deve ser alterada a resolução de acordo com break points. Não seria viável fazer um design para cada tipo de aparelho, existem uma infinidade de resoluções, resultando em trabalho demais, tornando inviável essa "solução". Sendo assim, o mais viável é fazer com que seu site tenha Design Responsivo ou adaptável.

2 - Citar Pelo meno 3 exemplos de sites com layout responsivo procure por portais de empresas locais.

3 - Descreva tecnologias, bibliotecas, frameworks ou métodos de trabalho para se desenvolver um layout responsivo.

A Função Media Querie "É possível definir não apenas o tipo de dispositivo, mas também o tamanho, orientação, resolução, proporção… Desta forma você pode ter um “alvo” muito mais específico. Você pode, por exemplo, definir o estilo para uma tela (screen only) com largura mínima de 768 pixels e máxima de 1024 com orientação paisagem (landscape)." Citação de popupdesign(http://blog.popupdesign.com.br/) O Media Querie é mais completo que a antiga função utilizada para essa função o Media Type, no CSS2, o Media Querie já faz com que a pessoa que esteja acessando o site tenha a página de acordo com a resolução no seu celular. O Framework Bootstrap que é o mais utilizado, e além desse, existem mais alguns : Wirefy, Skeleton, Less Framework, Foundatio, pure CSS.

##Referências:

PopUpDesign, Design Responsivo o que é e por que usar. Disponível em: http://blog.popupdesign.com.br/design-responsivo-i-o-que-e-e-por-que-usar/ Acesso em 20/10/2014

DesignAdaptável, Layout Fluido ou Líquido. Disponível em: http://www.designadaptavel.com.br/artigos/layout-fluido-ou-liquido Acesso em 20/10/2014

ChocolaDesign, Layout Responsivo ou adatpável, qual a melhor opção? Disponível em: http://chocoladesign.com/layout-responsivo-ou-adaptavel-qual-a-melhor-opcao Acesso em 20/10/2014

DesignBlogBr, 5 Frameworks para web design responsivo. Disponível em: http://design.blog.br/web-design/5-frameworks-para-web-design-responsivo Acesso em 20/10/2014