{"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\/responsive-web\/","title":{"rendered":"Responsive web"},"content":{"rendered":"<p><span style=\"color: #252525\">La idea principal d&#8217;aquesta t\u00e8cnica de disseny i maquetaci\u00f3 web \u00e9s fer que una web sigui visible de manera \u00f2ptima en tot tipus de dispositius capa\u00e7os de visualitzar p\u00e0gines web des de m\u00f2bils a ordinadors o tauletes.\u00a0<\/span><\/p>\n<p>No es tracta de crear versions d&#8217;una web especials per a dispositius m\u00f2bils, sin\u00f3 a crear-ne una de sola que s&#8217;adapti autom\u00e0ticament a cada mida de pantalla (escriptori, tauleta, m\u00f2bil&#8230;).<\/p>\n<p>La t\u00e8cnica juga tant amb les mides dels elements d&#8217;una p\u00e0gina com amb la col\u00b7locaci\u00f3 d&#8217;aquests dins del conjunt. A mida que el tamany del dispositiu disminueix, tamb\u00e9 ho fan elements com ara imatges o textos; i al mateix temps, blocs d&#8217;informaci\u00f3 es van reposicionant autom\u00e0ticament.<\/p>\n<p>Els enlla\u00e7os del sistema de navegaci\u00f3 solen passar a estar aixoplugats sota de la icona &#8220;hamburguesa&#8221; (la de les tres ratlles horitzontals en paral\u00b7lel), per b\u00e9 que hi ha diferents punts de vista en relaci\u00f3 a la usabilitat d&#8217;aquesta soluci\u00f3. Mentre que uns asseguren que l&#8217;usuari ja est\u00e0 habituat a aquesta soluci\u00f3 perqu\u00e8 ha esdevingut un estandard, altres no ho veuen aix\u00ed i creuen que amagar la navegaci\u00f3 (si no es fa clic a la icona no es veuen els enlla\u00e7os) perjudica l&#8217;experi\u00e8ncia de navegaci\u00f3 i aposten per situar els enlla\u00e7os sempre visibles a la part 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>La idea principal d&#8217;aquesta t\u00e8cnica de disseny i maquetaci\u00f3 web \u00e9s fer que una web sigui visible de manera \u00f2ptima en tot tipus de dispositius capa\u00e7os de visualitzar p\u00e0gines web des de m\u00f2bils a ordinadors o tauletes.\u00a0 No es tracta de crear versions d&#8217;una web especials per a dispositius m\u00f2bils, sin\u00f3 a crear-ne una de &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/responsive-web\/\" class=\"more-link\">Continua llegint <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\/wp-json\/wp\/v2\/pages\/1165","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/users\/57"}],"replies":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/comments?post=1165"}],"version-history":[{"count":12,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/pages\/1165\/revisions"}],"predecessor-version":[{"id":1644,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/pages\/1165\/revisions\/1644"}],"wp:attachment":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/media?parent=1165"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/tags?post=1165"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}