{"id":386,"date":"2014-05-05T14:23:17","date_gmt":"2014-05-05T12:23:17","guid":{"rendered":"http:\/\/www.atrioweb.com\/blog\/?p=386"},"modified":"2014-05-05T14:24:00","modified_gmt":"2014-05-05T12:24:00","slug":"version-para-moviles-web-rwd-contenedores-hermanos-medina","status":"publish","type":"post","link":"https:\/\/www.atrioweb.com\/blog\/atrio\/version-para-moviles-web-rwd-contenedores-hermanos-medina","title":{"rendered":"Nueva versi\u00f3n para m\u00f3viles (RWD) para Contenedores Hermanos Medina"},"content":{"rendered":"<p>La web de <a href=\"http:\/\/www.contenedoresengranada.com\/\" target=\"_blank\">Contenedores Hermanos Medina<\/a>, desarrollada hace varios a\u00f1os por nuestra empresa, ya cuenta con un desarrollo adaptado a m\u00f3viles, de forma que la web se ve distinta seg\u00fan el tama\u00f1o de la ventana del dispositivo en que se muestre.<\/p>\n<p><a rel=\"attachment wp-att-387\" href=\"http:\/\/www.atrioweb.com\/blog\/atrio\/version-para-moviles-web-rwd-contenedores-hermanos-medina\/attachment\/responsive-vista-congra\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-387\" title=\"Vista RWD Contenedores en Granada\" src=\"http:\/\/www.atrioweb.com\/blog\/wp-content\/uploads\/2014\/05\/responsive-vista-congra-530x379.png\" alt=\"Vista RWD Contenedores en Granada\" width=\"530\" height=\"379\" srcset=\"https:\/\/www.atrioweb.com\/blog\/wp-content\/uploads\/2014\/05\/responsive-vista-congra-530x379.png 530w, https:\/\/www.atrioweb.com\/blog\/wp-content\/uploads\/2014\/05\/responsive-vista-congra-300x214.png 300w, https:\/\/www.atrioweb.com\/blog\/wp-content\/uploads\/2014\/05\/responsive-vista-congra.png 1500w\" sizes=\"auto, (max-width: 530px) 100vw, 530px\" \/><\/a><!--more-->El desarrollo se ha hecho con la t\u00e9cnica del dise\u00f1o web &#8216;adaptable&#8217; o &#8216;responsivo&#8217; (Responsive Web Design), aplicando estilos diferentes a los elementos de la web en funci\u00f3n del tama\u00f1o de la ventana.<\/p>\n<p>El tiempo de desarrollo -y el coste del trabajo- ha sido bastante reducido porque la web se hizo en su momento (2009) con un c\u00f3digo XHTML+CSS avanzado y muy cuidado, de forma que apenas han sido necesarios cambios en el HTML para poner en marcha la versi\u00f3n adaptada a m\u00f3viles.<\/p>\n<p>La nueva versi\u00f3n adaptada a m\u00f3viles de esta web cuenta con 7 puntos de corte, de forma que el contenido puede presentarse de 7 formas distintas seg\u00fan el ancho de la pantalla del dispositivo en que se visualice.<\/p>\n<p>Dependiendo del tama\u00f1o del dispositivo, todos los elementos de la web (el logo, el banner, el men\u00fa, el contenido principal y la columna lateral) pueden variar sustancial o ligeramente su aspecto, siempre con el fin de que el usuario pueda navegar de forma c\u00f3moda por la web, sin necesidad de tener que &#8216;hacer zoom&#8217; y\/o desplazarse horizontalmente para poder leer los contenidos.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>La web de Contenedores Hermanos Medina, desarrollada hace varios a\u00f1os por nuestra empresa, ya cuenta con un desarrollo adaptado a m\u00f3viles, de forma que la web se ve distinta seg\u00fan el tama\u00f1o de la ventana del dispositivo en que se &hellip; <a href=\"https:\/\/www.atrioweb.com\/blog\/atrio\/version-para-moviles-web-rwd-contenedores-hermanos-medina\">Sigue leyendo <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,12],"tags":[],"class_list":["post-386","post","type-post","status-publish","format-standard","hentry","category-atrio","category-responsive-web-design"],"_links":{"self":[{"href":"https:\/\/www.atrioweb.com\/blog\/wp-json\/wp\/v2\/posts\/386","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.atrioweb.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.atrioweb.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.atrioweb.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.atrioweb.com\/blog\/wp-json\/wp\/v2\/comments?post=386"}],"version-history":[{"count":5,"href":"https:\/\/www.atrioweb.com\/blog\/wp-json\/wp\/v2\/posts\/386\/revisions"}],"predecessor-version":[{"id":392,"href":"https:\/\/www.atrioweb.com\/blog\/wp-json\/wp\/v2\/posts\/386\/revisions\/392"}],"wp:attachment":[{"href":"https:\/\/www.atrioweb.com\/blog\/wp-json\/wp\/v2\/media?parent=386"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.atrioweb.com\/blog\/wp-json\/wp\/v2\/categories?post=386"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.atrioweb.com\/blog\/wp-json\/wp\/v2\/tags?post=386"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}