Web design responsivo (rwd)

Definição - O que significa Web Design Responsivo (RWD)?

Web design responsivo (RWD) é uma abordagem de desenvolvimento e design da Web voltada para a criação de sites que fornecem uma experiência visual eficiente e atraente com texto fácil de navegar sem alterar a resolução de uma tela.

Esse recurso se estende a qualquer dispositivo ou navegador usado para visualizar um site, o que significa que a aparência e o layout do site mudam de acordo com o tamanho da tela.

Definirtec explica Web Design Responsivo (RWD)

O RWD é usado para adaptar o layout de um site ao ambiente de visualização do usuário por meio de grades fluidas e baseadas em proporção, imagens flexíveis e CSS inteligente e uso de script.

O RWD usa os seguintes métodos:

  • Grades fluidas, onde os elementos são redimensionados através do uso de unidades relativas, como porcentagens, versus unidades absolutas, como medidas padrão e pixels
  • Imagens flexíveis, que também são dimensionadas em unidades relativas
  • Consultas de mídia em Cascading Style Sheet (CSS), que permitem a um site determinar o tipo de dispositivo, o tamanho da tela e os recursos do navegador, permitindo a entrega de diferentes regras de estilo com base nessas características
  • Componentes do lado do servidor com consultas de mídia, que permitem sites de carregamento mais rápido - mesmo com velocidades de dados celulares mais lentas