web design responsivo

Web design responsivo (WDR) é uma abordagem ao design da Web que faz as páginas da web renderizarem bem em uma variedade de dispositivos e tamanhos de janela ou tela do mínimo ao máximo. Trabalhos recentes também consideram a proximidade do visualizador como parte do contexto de visualização como uma extensão para WDR. Conteúdo, design e desempenho são necessários em todos os dispositivos para garantir usabilidade e satisfação. Um site projetado com WDR adapta o layout ao ambiente de visualização usando grades fluidas e baseadas em proporção, imagens flexíveis, e as media queries CSS3, uma extensão da @media, das seguintes formas: * O conceito de grade fluida exige que o dimensionamento do elemento da página seja em unidades relativas, como porcentagens, em vez de unidades absolutas como pixels ou pontos. * As imagens flexíveis também são dimensionadas em unidades relativas, de modo a evitar que sejam exibidas fora do elemento que as contém. * As media queries permitem que a página use regras de estilo CSS diferentes com base nas características do dispositivo em que o site está sendo exibido, por exemplo, largura da superfície de renderização (largura da janela do navegador ou tamanho físico da tela). * Os layouts responsivos se ajustam e se adaptam automaticamente a qualquer tamanho de tela do dispositivo, seja um desktop, um laptop, um tablet ou um telefone celular. O web design responsivo tornou-se mais importante à medida que a quantidade de usuários de dispositivos móveis passou a representar mais da metade do tráfego total da Internet. Em 2015, por exemplo, o Google anunciou o e começou a aumentar as avaliações de sites compatíveis com mobile se a busca fosse feita em um dispositivo móvel. O web design responsivo é um exemplo de plasticidade da interface do usuário.