![Responsive Web Design with Figma: Full Walkthrough Tutorial](https://i.ytimg.com/vi/mAWa21llvuA/hqdefault.jpg)
Contente
- Definição - O que significa Responsive Web Design (RWD)?
- 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)
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