Design Responsivo da Web (RWD)

Autor: Eugene Taylor
Data De Criação: 7 Agosto 2021
Data De Atualização: 22 Junho 2024
Anonim
Responsive Web Design with Figma: Full Walkthrough Tutorial
Vídeo: Responsive Web Design with Figma: Full Walkthrough Tutorial

Contente

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

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


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

Uma introdução ao Microsoft Azure e Microsoft Cloud | Neste guia, você aprenderá sobre o que é a computação em nuvem e como o Microsoft Azure pode ajudá-lo a migrar e administrar seus negócios a partir da nuvem.

Techopedia explica Responsive Web Design (RWD)

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

O RWD usa os seguintes métodos:

  • Grades de fluido, em que os elementos são redimensionados pelo uso de unidades relativas, como porcentagens, versus unidades absolutas, como medidas padrão e pixels
  • Imagens flexíveis, também dimensionadas em unidades relativas
  • Consultas de mídia em Cascading Style Sheet (CSS), que permitem a um site determinar o tipo de dispositivo, tamanho da tela e 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 de celular mais lentas