Design Responsivo

A expressão design responsivo, no contexto de aplicações para web, significa que a interface com o usuário da aplicação adapta-se automaticamente ao dispositivo (desktop, notebook, tablet ou celular) usado pelo usuário.

Conceitos

Há três conceitos que, quando utilizados juntos, proporcionam a melhor a usabilidade de uma aplicação.

Media Queries

Os estilos CSS podem ser definidos de acordo com as características físicas (tamanho da tela, orientação) do dispositivo que está sendo utilizado.

Fluid Grid

O layout organizado em colunas adapta-se automaticamente às dimensões do dispositivo.

Imagens e Vídeos Flexíveis

O tamanho das imagens e dos vídeos também deve adaptar-se ao tamanho dos dispositivos.

Biliotecas

Bibliotecas como Bootstrap e Bulma foram definidas, desde sua concepção, para serem responsivas.