![\"responsive-web-design-devices\"](\"http:\/\/mediadigital.net\/media\/2016\/04\/responsive-web-design-devices-1024x417.jpg\")
<\/p>\n<\/p>\n
Com a prolifera\u00e7\u00e3o da variedade de dispositivos onde os web sites s\u00e3o visualizados (laptops, tablets, netbooks, telem\u00f3veis, desktops, TV\u00b4s, consolas de jogos, etc.) seria extremamente dispendioso desenvolver e manter m\u00faltiplas vers\u00f5es de um mesmo site que suprissem cada uma dessas varia\u00e7\u00f5es de tamanho e resolu\u00e7\u00e3o de ecr\u00e3 dispon\u00edveis no mercado.<\/p>\n
Surge ent\u00e3o uma nova abordagem \u00e0 programa\u00e7\u00e3o e desenvolvimento web denominada \u201cResponsive Web Design\u201d, tamb\u00e9m conhecida como HTML 5 Frameless ou desenho web adaptativo.<\/p>\n
O Responsive Web Design \u00e9 uma solu\u00e7\u00e3o que possibilita: programar um site de forma a que os elementos que o comp\u00f5em se adaptem automaticamente \u00e0 dimens\u00e3o f\u00edsica (largura, altura) e resolu\u00e7\u00e3o do dispositivo no qual o site est\u00e1 sendo visualizado.<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
Um design adaptativo possibilita entre outros aspectos:<\/p>\n
– Adaptar o layout da p\u00e1gina de acordo com a resolu\u00e7\u00e3o do ecr\u00e3 em que est\u00e1 sendo visualizada.
\n– Redimensionar automaticamente as imagens para que caibam no ecr\u00e3 e para que n\u00e3o sobrecarreguem a transfer\u00eancia de dados num telem\u00f3vel, \u00a0ou tablet, por exemplo.
\n– Simplificar elementos no ecr\u00e3 para dispositivos m\u00f3veis, onde o utilizador normalmente tem menos tempo e menos aten\u00e7\u00e3o durante a navega\u00e7\u00e3o.
\n– Ocultar elementos desnecess\u00e1rios nos dispositivos menores.
\n– Adaptar o tamanho de bot\u00f5es e links para interfaces touch onde o ponteiro do mouse \u00e9 substitu\u00eddo pelo dedo do utilizador.
\n– Utilizar de forma inteligente recursos mobile como geolocaliza\u00e7\u00e3o e mudan\u00e7a na orienta\u00e7\u00e3o do dispositivo (horizontal ou vertical).<\/p>\n
![\"portfolio_jomatir_1300x800\"](\"http:\/\/mediadigital.net\/media\/2016\/02\/portfolio_jomatir_1300x800-1024x629.jpg\")
<\/p>\n
Assim, se estiver a visualizar o web site num ecr\u00e3 de televis\u00e3o, num computador, num tablet (iPad e outros) ou num telem\u00f3vel (iPhone e outros) verificar\u00e1 que o layout do web site se adapta automaticamente \u00e0 dimens\u00e3o e resolu\u00e7\u00e3o do ecr\u00e3, tornando muito m\u00e1is f\u00e1cil e c\u00f3moda, no caso dos dispositivos m\u00f3veis, a visualiza\u00e7\u00e3o do site. As p\u00e1ginas carregam muito mais depressa, as imagens s\u00e3o apresentadas com uma resolu\u00e7\u00e3o adequada \u00e0 velocidade de acesso internet do dispositivo utilizado (computador, tablet, telem\u00f3vel, etc.) e os textos s\u00e3o muito mais f\u00e1ceis de ler.<\/p>\n
<\/p>\n
O site da sua empresa adapta-se aos seus clientes?\u00a0<\/strong><\/em><\/span><\/p>\n <\/p>\n O site da sua empresa adapta-se aos seus clientes? – Melhore a experi\u00eancia de navega\u00e7\u00e3o dos visitantes do seu web site; – Construa um \u00fanico site para todos os meios e tipos de acesso; – Atinja o seu p\u00fablico-alvo onde quer que ele esteja:\u00a0no computador, num tablet ou num telem\u00f3vel.<\/p>\n","protected":false},"author":1,"featured_media":923,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[27],"tags":[],"class_list":["post-922","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-design"],"_links":{"self":[{"href":"https:\/\/mediadigital.net\/en\/wp-json\/wp\/v2\/posts\/922","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mediadigital.net\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mediadigital.net\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mediadigital.net\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mediadigital.net\/en\/wp-json\/wp\/v2\/comments?post=922"}],"version-history":[{"count":0,"href":"https:\/\/mediadigital.net\/en\/wp-json\/wp\/v2\/posts\/922\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mediadigital.net\/en\/wp-json\/wp\/v2\/media\/923"}],"wp:attachment":[{"href":"https:\/\/mediadigital.net\/en\/wp-json\/wp\/v2\/media?parent=922"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mediadigital.net\/en\/wp-json\/wp\/v2\/categories?post=922"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mediadigital.net\/en\/wp-json\/wp\/v2\/tags?post=922"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}– Melhore a experi\u00eancia de navega\u00e7\u00e3o dos visitantes do seu web site;
\n– Construa um \u00fanico site para todos os meios e tipos de acesso;
\n– Atinja o seu p\u00fablico-alvo onde quer que ele esteja:\u00a0no computador, num tablet ou num telem\u00f3vel.<\/h4>\nContacte-nos.<\/h4>\n","protected":false},"excerpt":{"rendered":"