Afinal, o que é esse termo tão popular nos dias de hoje?

Web Design Responsivo é uma abordagem que permite que um site proveja a melhor experiência de navegação e leitura para o usuário, adequando-se à diferentes cenários, baseando-se na resolução do dispositivo que o visualiza, seja um tablet, smartphone, computador, etc…

Quer ver um exemplo prático? Visite o nosso site: http://algorich.com.br utilizando um tablet e/ou smartphone, ou até mesmo, tente redimensionar a janela do seu navegador. Veja como os elementos são redistribuídos na tela e proporcionam fluidez e uma excelente experiência na navegação, adaptando-se a resolução.

Por mais que tudo isso pareça muito novo, esta abordagem começou em 2010, quando Ethan Marcotte publicou o artigo Responsive Web Design para o site A list Apart.

Na prática, para os desenvolvedores, este conceito baseia-se no uso do sistema de grids, que usa dimensões relativas em suas unidades de medida, como porcentagens e em, e não mais absolutas como pixels ou pontos. O que isso significa? O conteúdo não fica mais fixo e engessado em containers pré-definidos com 960px de largura por exemplo, e ainda possuem a capacidade de reorganização, de acordo com a largura disponível. As imagens também são flexíveis e se adaptam ao contexto onde estão, previnindo que ela desrespeite e escape das dimensões do elemento HTML em que está inserida.

Outra técnica é o uso das media queries do CSS3, que nada mais é do que uma extensão da regra @media que foi incluída desde a versão 2.1 do CSS. Com ela pode-se definir regras e comportamentos associados ao tamanho, orientação do dispositivo (retrato ou paisagem) ou a resolução de tela.

Os desenvolvedores não estão sozinhos. Hoje podemos contar com frameworks front-end maduros, robustos e com boa documentação disponíveis para uso, como por exemplo o Bootstrap, Foundation e Gumby

Estar pronto para esse mundo é realmente importante?

Alguns dados segundo pesquisa realizada pelo Datafolha:

• • 43 milhões de brasileiros acessam internet por dispositivos móveis;
• • 1 em cada 4 brasileiros pretende adquirir um smartphone no primeiro semestre de 2014;

Pesquisas apontam também que serviços como Facebook, Twitter e Youtube tem sido acessados cada vez mais por dispositivos móveis. O Youtube por exemplo, no final do ano passado já contabilizava 40% de seu acesso derivado de dispositivos móveis.

A NBC News divulgou esta imagem, ilustrada abaixo, que mostra um comparativo da Praça São Pedro, primeiramente no ano de 2005, durante a posse do Papa Bento XVI, e posteriormente em 2013, durante a posse do atual Papa Francisco. Numa diferença de 8 anos pudemos perceber a evolução da tecnologia e o crescimento absurdo do uso de dispositivos móveis.

Esses e outros fatos comprovam que o Web Design Responsivo veio pra ficar, e esse é um caminho sem volta. Vivemos num mundo cada vez mais conectado, hoje carregamos smartphones com grandes poderes de processamento em nosso bolso bastando alguns toques para termos facilmente um mundo de informações disponíveis em tempo real cabendo na palma de nossa mão.

Aqui na Algorich nossos trabalhos incluem as técnicas de web design responsivo. Quer saber mais? Entre em contato agora mesmo!