Blog

Design Responsivo

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!

Por que escolher uma plataforma de loja virtual open source?

Por que escolher uma plataforma de loja virtual open source?

Com a explosão do mercado de e-commerce nos últimos anos surgiram diversas plataformas de loja virtual para atender a demanda de pessoas que desejam empreender.

Leia Mais

Pinterest para lojas virtuais – 5 dicas para vender mais!

Pinterest para lojas virtuais – 5 dicas para vender mais!

Milhares de pessoas acessam redes sociais todos os dias através de computadores, tablets ou smartphones. Só no Brasil são 130 milhões de usuários ativos nas redes sociais segundo o relatório We Are Social 2018.

Leia Mais

As 9 maiores mentiras sobre Lojas Virtuais e E-commerces

As 9 maiores mentiras sobre Lojas Virtuais e E-commerces

O E-commerce no Brasil é um mercado que vem crescendo muito nos últimos anos. A evolução da tecnologia, a popularização da internet, a capacidade de consumo e facilidade de ter a sua própria loja virtual são motivos para que esse mercado cresça cada vez mais.

Leia Mais

S.O.S – Guia de Design para quem não é Designer

S.O.S – Guia de Design para quem não é Designer

Quando você começa o seu próprio negócio é muito comum você contratar uma agência de Design ou profissional freelancer para desenvolver sua marca, papelaria e publicidade para sua empresa.

Leia Mais

Storytelling – Como encantar os clientes do seu e-commerce?

Storytelling – Como encantar os clientes do seu e-commerce?

Era uma vez, em uma época muito distante, um certo animal mamífero que era um dos principais caçadores de sua tribo. Após retornar de uma ótima caçada, a criatura precisava contar para seus companheiros tudo que havia ocorrido.

Leia Mais

Por que escolher uma plataforma de loja virtual open source?

Por que escolher uma plataforma de loja virtual open source?

Com a explosão do mercado de e-commerce nos últimos anos surgiram diversas plataformas de loja virtual para atender a demanda de pessoas que desejam empreender.

Leia Mais

guia image

baixe agora

seu e-book gratuito!

6passos para criar sua loja virtual

Tire sua ideia do papel e leve seu produto ou serviço para a inernet!

Livro no formato pdf.

baixe, é grátis!

ebook image without text
 
 

Recentes

Por que escolher uma plataforma de loja virtual open source?

Por que escolher uma plataforma de loja virtual open source?

Com a explosão do mercado de e-commerce nos últimos anos surgiram diversas plataformas de loja virtual para atender a demanda de pessoas que desejam empreender.

Leia Mais

Pinterest para lojas virtuais – 5 dicas para vender mais!

Pinterest para lojas virtuais – 5 dicas para vender mais!

Milhares de pessoas acessam redes sociais todos os dias através de computadores, tablets ou smartphones. Só no Brasil são 130 milhões de usuários ativos nas redes sociais segundo o relatório We Are Social 2018.

Leia Mais

Se interessou?! Veja mais postagens:

bolinhas
VR SYS Agência Digital - Todos Direitos Reservados © - 2019