Responsive design

Novembro 2016


Responsive design - Definição

Chama-se Responsive Design ou Responsive Web Design (literalmente concepção web adaptável) a capacidade de um website de se adaptar ao dispositivo de leitura.

Por que o Responsive Design?

Com o advento dos smartphones e dos tablets táteis, existe um grande número de resoluções de exibição tornando, às vezes, a experiência do usuário bem difícil. Assim, cada vez mais sites propõem uma versão dita móvel, mais adaptada a uma leitura em dispositivo móvel, geralmente acessível a partir de um endereço diferente, tal como http://m.ccm.net ao invés de http://www.ccm.net !

No entanto, às vezes, os smartphones e tablets tem resoluções de exibição tão diferentes, que seria conveniente propor tantas versões do site quanto periféricos. Aliás, o fato de consultar em formato de paisagem ou retrato, também mudaria completamente a maneira de exibir um website. E, o fato de ter diferentes versões exige que seja mantido um segundo site, com possíveis riscos de erros, principalmente durante uma alteração e, uma perda potencial em termos de referenciamento natural (SEO), já que duas versões do site coexistem.

O responsive design responde a todas estas problemáticas, alterando dinamicamente a exibição da página em função da área de exibição, graças às folhas de estilo (CSS). Para verificar isso, basta alterar o tamanho do navegador em um site, usando o responsive design, para ver a exibição se modificar.

Responsive Design - Exemplos

Exemplos de responsive design.

Tradução feita por Ana Spadari

Veja também :
Este documento, intitulado « Responsive design »a partir de CCM (br.ccm.net) está disponibilizado sob a licença Creative Commons. Você pode copiar, modificar cópias desta página, nas condições estipuladas pela licença, como esta nota aparece claramente.