Definição de Web Design Responsivo
Miscelânea / / July 04, 2021
Por Guillem Alsina González, em novembro 2018
Anos atrás, quando a tecnologia era o que era, só precisávamos nos preocupar com as coisas visuais que ela fazia (imagens, jogos, interfaces de aplicativos, ...) parecia bom em uma tela que poderia ter cerca de 14 polegadas de um monitor a partir de computador. Mas a evolução Tem sido imparável e atualmente temos uma infinidade de dispositivos e formatos.
Isso significa que uma interface de usuário ou qualquer outro conteúdo não precisa mais lidar com diferentes tamanhos de imagem, se não com dispositivos usados de maneira diferente e proporções diferentes notavelmente.
A web, avanço que surgiu na década de 90 e que, desde então, se tornou imprescindível, também passou por essas mudanças no cenário de plataformas a partir do qual pode ser usado, e as entidades que gerenciam os padrões da web tiveram que escolher soluções engenhosas para tornar a vida mais fácil para os desenvolvedores de interface Rede.
Uma página da web responsiva (também chamada de responsivo, adoção da palavra original em inglês) é aquele cuja interface é redimensionada automaticamente e seu Os elementos gráficos são reposicionados para facilitar a visualização em qualquer tamanho de tela e proporção de aspecto. aparência.
Vamos pensar sobre o diversidade formatos de tela que variam de um smartphone com uma tela de 5 ”e proporção de 18: 9 que pode ser lida verticalmente a uma televisão de 16: 9 de 40”, deixando um computador ou tablet no meio.
Até que etapas foram tomadas para fazer a interface gráfico das páginas da web se adaptará automaticamente à tela em que estava sendo visualizado, o A "solução" consistia em antecipar todos os formatos possíveis e servir diferentes páginas conforme apropriado. O problema eram esses formatos imprevistos e aqueles que a evolução tecnológica proporcionou naturalmente.
As ferramentas para conseguir um design ágil, que se adaptasse ao formato da tela em que a imagem estava sendo visualizada. site, independentemente do formato e tamanho da tela, foram definidos pelo W3C (World Wide Web Consórcio).
E a introdução desta tecnologia foi possível graças à separação do conteúdo das páginas do que era apresentação dos referidos conteúdos e o olhar e sentir página usando arquivos de definição de estilo CSS.
Eles permitem que você modifique a aparência de um site inteiro (entendido como um conjunto de páginas) sem ter que tocar no código fonte de todos os arquivos HTML, uma vez que difere quais são as definições do estilo e da apresentação (contidas no Arquivo CSS) do conteúdo (encontrado em arquivos HTML).
Os elementos do design responsivo foram discutidos e introduzidos nos padrões da web pelo W3C desde o final da primeira década do século XXI.
É de lançar do primeiro iPhone, em 2006, em que se desencadeou a corrida para ajustar os sites para que pode ser visto perfeitamente em navegadores de desktop e telas grandes, bem como em dispositivos celulares.
Fotos da Fotolia: Alexey Shkitenkov / Bobb Klissourski
Temas em Web Design Responsivo