O que é um site responsivo?
No post de hoje, vamos falar sobre site responsivo (também conhecido como layout responsivo), a nova febre entre as empresas de web design.
O constante crescimento do número de pessoas que acessam a internet por meio de dispositivos móveis, assim como a imensa variedade de modelos e tamanhos de tela, lançaram novos desafios aos desenvolvedores e designers. A partir dessa nova realidade, surge também um novo formato na web: os sites responsivos. Quando falamos que um site é responsivo, queremos dizer que ele se adapta automaticamente a qualquer que seja o dispositivo que o usuário esteja usando, podendo ser um tablet, PC, smartphone, etc. Quer dizer, ele muda a sua aparência para se adequar ao tamanho da tela em que está sendo exibido.
Seu objetivo é facilitar a visualização e leitura da pessoa que está acessando o site, para que não seja necessário ficar dando zoom in e out ou percorrendo a página procurando por informações. O desenvolvimento desse tipo de design flexível é ideal para a sobrevivência do seu site a longo prazo, já que hoje em dia, grande parte dos usuários acessam a internet pelos seus celulares e tablets.
As principais funções do site responsivo são adaptar o layout da página de acordo com a resolução da tela em que está sendo visualizada, redimensionar automaticamente as imagens para que caibam na tela, utilizar de forma prática recursos mobile como a mudança de posição do aparelho (vertical ou horizontal), ocultar elementos desnecessários nas telas menores e simplificar elementos da tela para dispositivos móveis.
É preciso lembrar que site responsivo é diferente de uma versão mobile. Quando falamos de versão mobile, estamos nos referindo a um design específico criado para cada dispositivo móvel. Ou seja, são dois layouts diferentes: um para desktops e outro para mobiles (como é o exemplo do portal G1, da Globo. A aparência de seu site no computador é completamente diferente da aparência do seu site em um celular).
Confira alguns exemplos: