Blog: VR SYS Agência Digital

Design Responsivo
e-max.it, posizionamento sui motori

Com a popularização dos dispositivos móveis (smartphones e tablets principalmente) surgiu a necessidade de compatibilizar o conteúdo de websites tradicionais com estes dispositivos, que em geral possuem telas menores.

Anteriormente ao ano de 2012 (quando a técnica foi criada) o que se podia fazer eram websites em 2 versões diferentes: a tradicional e a mobile. O site atual da VRSys utiliza esta técnica. Porém ela não é 100% garantida visto que alguns navegadores de dispositivos móveis não são identificados pelos "user-agents" da página web como dispositivo móvel, dificultando a sua visualização.

Essa nova técnica foi chamada de web design responsivo e basicamente ela pode ser utilizada sem auxílio de frameworks, apenas programando em HTML5 e CSS3 utilizando-se da meta-tag viewport e media queries.

Os viewports são instruções no header do HTML que indicam como o site deve se comportar inicialmente para uma determinada resolução.

As medias queries são instruções que definem como o site e seus elementos devem se comportar em cada dispositivo utilizado.

Para quem deseja se enveredar por essa área é recomendável utilizar um framework como o twitter bootstrap que traz uma série de facilidades e códigos que podem ajudar a programar um site responsivo.

Vamos utilizá-lo na nova versão responsiva do site da VRSys e estamos colhendo bons frutos. Nosso sistema de gestão de eventos técnico-científico já possui uma versão responsiva baseada no framework charisma que utiliza o bootstrap.

Mais adiante em outra postagem iremos abordar com mais detalhes sobre como essas técnicas podem ajudar no desenvolvimento de websites compatíveis com dispositivos móveis e o que isso traz de benefícios aos clientes e usuários.

Até a próxima.

Gostou desse conteúdo? Ajude-nos compartilhando!

VR SYS Agência Digital - Todos Direitos Reservados © - 2018