{"id":120,"date":"2015-09-30T09:14:29","date_gmt":"2015-09-30T09:14:29","guid":{"rendered":"http:\/\/tendenciaweb.com\/cms\/?p=120"},"modified":"2015-09-30T09:19:21","modified_gmt":"2015-09-30T09:19:21","slug":"o-que-e-responsive-web-design","status":"publish","type":"post","link":"https:\/\/tendenciaweb.com\/cms\/o-que-e-responsive-web-design\/","title":{"rendered":"O que \u00e9 Responsive Web Design?"},"content":{"rendered":"<p>Smartphones e tablets t\u00eam mudado a dire\u00e7\u00e3o da abordagem do design e experi\u00eancia do utilizador. Antes da prolifera\u00e7\u00e3o de dispositivos m\u00f3veis com capacidade de navega\u00e7\u00e3o na web avan\u00e7ada, web designers tinham apenas um principal desafio &#8211; manter a mesma apar\u00eancia dos seus sites em v\u00e1rios navegadores existentes em computadores desktop.<\/p>\n<p>Com o crescimento da variedade de dispositivos onde os websites s\u00e3o visualizados (laptops, tablets, netbooks, smartphones, desktops com tela pequena, iMacs com telas gigantescas, segundo monitor etc.), seria impens\u00e1vel desenhar m\u00faltiplas vers\u00f5es de um mesmo site que suprissem cada uma dessas varia\u00e7\u00f5es de tamanho de tela e cada uma das resolu\u00e7\u00f5es de tela dispon\u00edveis no mercado.<\/p>\n<p>O <strong>Responsive Web Design<\/strong> \u00e9 uma das solu\u00e7\u00f5es t\u00e9cnicas para esse problema: programar um site de forma que os elementos que o comp\u00f5em <strong>se adaptem automaticamente<\/strong> \u00e0 largura de tela do dispositivo no qual ele est\u00e1 a ser visualizado.<\/p>\n<p><a href=\"http:\/\/tendenciaweb.com\/cms\/wp-content\/uploads\/2015\/09\/Content-is-like-water-1980.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-121\" src=\"http:\/\/tendenciaweb.com\/cms\/wp-content\/uploads\/2015\/09\/Content-is-like-water-1980.jpg\" alt=\"Content-is-like-water-1980\" width=\"800\" height=\"600\" srcset=\"https:\/\/tendenciaweb.com\/cms\/wp-content\/uploads\/2015\/09\/Content-is-like-water-1980.jpg 800w, https:\/\/tendenciaweb.com\/cms\/wp-content\/uploads\/2015\/09\/Content-is-like-water-1980-300x225.jpg 300w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<p>O <strong>Responsive Web Design<\/strong> inclui:<\/p>\n<ul>\n<li>Adaptar o layout da p\u00e1gina de acordo com a resolu\u00e7\u00e3o em que est\u00e1 a ser visualizada.<\/li>\n<li>Redimensionar as imagens automaticamente para que caibam na tela e para que n\u00e3o sobrecarreguem a transfer\u00eancia de dados num smartphone, por exemplo.<\/li>\n<li>Simplificar elementos da tela para dispositivos m\u00f3veis, onde o utilizador normalmente tem menos tempo e menos aten\u00e7\u00e3o durante a navega\u00e7\u00e3o.<\/li>\n<li>Ocultar elementos desnecess\u00e1rios nos dispositivos menores.<\/li>\n<li>Adaptar tamanho de bot\u00f5es e links para interfaces \u201ctouch\u201d onde o ponteiro do rato \u00e9 substitu\u00eddo pelo dedo do utilizador.<\/li>\n<li>Utilizar de forma inteligente recursos mobile como geolocaliza\u00e7\u00e3o e mudan\u00e7a na orienta\u00e7\u00e3o do aparelho (horizontal ou vertical).<\/li>\n<\/ul>\n<p><a href=\"http:\/\/tendenciaweb.com\/cms\/index.php\/contactos\/\">Solicite j\u00e1 um or\u00e7amento gratuito.<\/a><\/p>\n<!-- AddThis Advanced Settings generic via filter on the_content --><!-- AddThis Share Buttons generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"<p>Smartphones e tablets t\u00eam mudado a dire\u00e7\u00e3o da abordagem do design e experi\u00eancia do utilizador. Antes da prolifera\u00e7\u00e3o de dispositivos m\u00f3veis com capacidade de navega\u00e7\u00e3o na web avan\u00e7ada, web designers tinham apenas um principal desafio &#8211; manter a mesma apar\u00eancia dos seus sites em v\u00e1rios navegadores existentes em computadores desktop. Com o crescimento da variedade [&hellip;]<!-- AddThis Advanced Settings generic via filter on get_the_excerpt --><!-- AddThis Share Buttons generic via filter on get_the_excerpt --><\/p>\n","protected":false},"author":1,"featured_media":125,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[3],"tags":[],"_links":{"self":[{"href":"https:\/\/tendenciaweb.com\/cms\/wp-json\/wp\/v2\/posts\/120"}],"collection":[{"href":"https:\/\/tendenciaweb.com\/cms\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tendenciaweb.com\/cms\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tendenciaweb.com\/cms\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tendenciaweb.com\/cms\/wp-json\/wp\/v2\/comments?post=120"}],"version-history":[{"count":4,"href":"https:\/\/tendenciaweb.com\/cms\/wp-json\/wp\/v2\/posts\/120\/revisions"}],"predecessor-version":[{"id":126,"href":"https:\/\/tendenciaweb.com\/cms\/wp-json\/wp\/v2\/posts\/120\/revisions\/126"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tendenciaweb.com\/cms\/wp-json\/wp\/v2\/media\/125"}],"wp:attachment":[{"href":"https:\/\/tendenciaweb.com\/cms\/wp-json\/wp\/v2\/media?parent=120"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tendenciaweb.com\/cms\/wp-json\/wp\/v2\/categories?post=120"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tendenciaweb.com\/cms\/wp-json\/wp\/v2\/tags?post=120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}