{"id":1165,"date":"2014-09-23T12:08:40","date_gmt":"2014-09-23T12:08:40","guid":{"rendered":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/?page_id=1165"},"modified":"2018-02-15T07:14:51","modified_gmt":"2018-02-15T07:14:51","slug":"responsive-web","status":"publish","type":"page","link":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/responsive-web\/","title":{"rendered":"Responsive web"},"content":{"rendered":"<p><span style=\"color: #252525\">Esta tecnolog\u00eda de dise\u00f1o y maquetaci\u00f3n web pretende que con un solo dise\u00f1o web tengamos una visualizaci\u00f3n adecuada en cualquier dispositivo.<\/span><\/p>\n<p>No se trata de crear versiones de una web especiales para dispositivos m\u00f3viles, sino de crear una sola versi\u00f3n que se adapte autom\u00e1ticamente a cada tama\u00f1o de pantalla, sea en escritorio, tableta o tel\u00e9fono movil.<\/p>\n<p>La t\u00e9cnica juega tanto con las medidas de los elementos de una p\u00e1gina como con la colocaci\u00f3n de estos dentro del conjunto. A medida que el tama\u00f1o del dispositivo disminuye, tambi\u00e9n lo hacen elementos como im\u00e1genes o textos; y al mismo tiempo, bloques de informaci\u00f3n se van reposicionando autom\u00e1ticamente.<\/p>\n<p>Los enlaces del sistema de navegaci\u00f3n suelen pasar a estar bajo del icono \u00abhamburguesa\u00bb (el de las tres rayas horizontales en paralelo), por bien que hay diferentes puntos de vista en relaci\u00f3n a la usabilidad de esta soluci\u00f3n. Mientras que unos aseguran que el usuario ya est\u00e1 habituado a esta soluci\u00f3n porque es un estandard, otros no lo ven as\u00ed y creen que esconder la navegaci\u00f3n (si no se clica el icono, los enlaces de navegaci\u00f3n no se ven) perjudica la experiencia de navegaci\u00f3n y apostan por situar los enlaces siempre visibles en la parte inferior de la pantalla.<\/p>\n<p><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/files\/2018\/02\/UOC-responsive.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1642 aligncenter\" src=\"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/files\/2018\/02\/UOC-responsive.png\" alt=\"\" width=\"640\" height=\"395\" \/><\/a><\/p>\n<p>&nbsp;<\/p>","protected":false},"excerpt":{"rendered":"<p>Esta tecnolog\u00eda de dise\u00f1o y maquetaci\u00f3n web pretende que con un solo dise\u00f1o web tengamos una visualizaci\u00f3n adecuada en cualquier dispositivo. No se trata de crear versiones de una web especiales para dispositivos m\u00f3viles, sino de crear una sola versi\u00f3n que se adapte autom\u00e1ticamente a cada tama\u00f1o de pantalla, sea en escritorio, tableta o tel\u00e9fono &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/responsive-web\/\" class=\"more-link\">Seguir leyendo<span class=\"screen-reader-text\"> \u00abResponsive web\u00bb<\/span><\/a><\/p>\n","protected":false},"author":57,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"plantilla-pagina.php","meta":{"footnotes":""},"tags":[],"class_list":["post-1165","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/pages\/1165","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/users\/57"}],"replies":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/comments?post=1165"}],"version-history":[{"count":12,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/pages\/1165\/revisions"}],"predecessor-version":[{"id":1644,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/pages\/1165\/revisions\/1644"}],"wp:attachment":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/media?parent=1165"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/tags?post=1165"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}