Responsive design

Janeiro 2017


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

Artigo original publicado por . Tradução feita por ninha25. Última modificação: 17 de outubro de 2014 às 20:12 por ninha25.
Este documento, intitulado 'Responsive design', está disponível sob a licença Creative Commons. Você pode copiar e/ou modificar o conteúdo desta página com base nas condições estipuladas pela licença. Não se esqueça de creditar o CCM (br.ccm.net) ao utilizar este artigo.