{"id":1023,"date":"2014-03-26T21:18:59","date_gmt":"2014-03-26T21:18:59","guid":{"rendered":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/?p=1023"},"modified":"2018-02-19T10:34:36","modified_gmt":"2018-02-19T10:34:36","slug":"provar-la-nostra-web","status":"publish","type":"page","link":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/responsive-web\/provar-la-nostra-web\/","title":{"rendered":"Provar la nostra web"},"content":{"rendered":"<p>Molts de vosaltres esteu comen\u00e7ant a desenvolupar llocs web, i segurament ja us haureu adonat que segons el navegador en el que us mireu la p\u00e0gina pot haver-hi difer\u00e8ncies.<\/p>\n<p>\u00c9s per aix\u00f2 que el disseny ha de contemplar una gran quantitat de possibilitats que hi ha. Aquest tipus de disseny s&#8217;anomena disseny responsive.<\/p>\n<p>A vegades les difer\u00e8ncies de disseny resultant per a navegadors de PC s\u00f3n molt importants, i encara que sempre hi ha un navegador m\u00e9s usat que els altres cal provar les nostres p\u00e0gines en diversos navegadors per assegurar-nos de que la p\u00e0gina es veu b\u00e9.<\/p>\n<p>Sobretot, cal tenir instal\u00b7lats:<\/p>\n<ul>\n<li>Chrome<\/li>\n<li>Firefox<\/li>\n<li>Opera<\/li>\n<li>Edge<\/li>\n<\/ul>\n<p>Tamb\u00e9 podem provar-les en una aplicaci\u00f3 web que fa captures de pantalla de com es veuria en diferents navegadors. La web \u00e9s:\u00a0<a href=\"http:\/\/browsershots.org\/\">http:\/\/browsershots.org<\/a><\/p>\n<p>Si navegueu amb Chrome, prement la tecla F12 podeu accedir al codi de la p\u00e0gina, aix\u00ed com simular la visualitzaci\u00f3 de la mateixa segons la mida del dispositiu:<\/p>\n<p><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/files\/2018\/02\/f12.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1660\" src=\"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/files\/2018\/02\/f12.png\" alt=\"\" width=\"669\" height=\"288\" \/><\/a><\/p>\n<p>Per tornar a la visualitzaci\u00f3 anterior, nom\u00e9s cal tornar a pr\u00e9mer F12.<\/p>\n<p>Hi ha alguns simuladors externs al navegador, com ara <a href=\"http:\/\/quirktools.com\/screenfly\">http:\/\/quirktools.com\/screenfly<\/a><\/p>\n<p>Com podeu comprovar, a part de fer un bon disseny, cal tenir en compte moltes variables a l&#8217;hora de realitzar-lo.<\/p>","protected":false},"excerpt":{"rendered":"<p>Molts de vosaltres esteu comen\u00e7ant a desenvolupar llocs web, i segurament ja us haureu donat compte de que depenent del navegador en el que us mireu la p\u00e0gina pot haver-hi difer\u00e8ncies. Aix\u00f2 s&#8217;est\u00e0 complicant m\u00e9s degut a la forta implantaci\u00f3 que estan tenint els dispositius m\u00f2bils i les possibilitats que donen per navegar per la web.<\/p>\n<p>\u00c9s per aix\u00f2 que el disseny ha de contemplar una gran quantitat de possibiltats que hi ha. Aquest tipus de disseny s&#8217;anomena disseny responsive i est\u00e0 tenint un desenvolupament molt important.<\/p>\n","protected":false},"author":58,"featured_media":0,"parent":1165,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"plantilla-pagina.php","meta":{"footnotes":""},"tags":[40,41,39,42],"class_list":["post-1023","page","type-page","status-publish","hentry","tag-firefox","tag-google-chrome","tag-internet-explorer","tag-opera","entry"],"_links":{"self":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/pages\/1023","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\/58"}],"replies":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/comments?post=1023"}],"version-history":[{"count":5,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/pages\/1023\/revisions"}],"predecessor-version":[{"id":1661,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/pages\/1023\/revisions\/1661"}],"up":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/pages\/1165"}],"wp:attachment":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/media?parent=1023"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/tags?post=1023"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}