{"id":20671,"date":"2014-05-21T12:57:03","date_gmt":"2014-05-21T10:57:03","guid":{"rendered":"http:\/\/einnova.com\/ca\/diseno-web\/que-es-el-diseno-web-responsive"},"modified":"2018-06-20T08:40:36","modified_gmt":"2018-06-20T08:40:36","slug":"que-es-el-diseno-web-responsive","status":"publish","type":"page","link":"https:\/\/einnova.com\/ca\/diseno-web\/que-es-el-diseno-web-responsive\/","title":{"rendered":"Qu\u00e8 \u00e9s el disseny web responsive?"},"content":{"rendered":"<p>[av_section min_height=&#8217;50&#8217; min_height_px=&#8217;500px&#8217; padding=&#8217;no-padding&#8217; shadow=&#8217;no-shadow&#8217; bottom_border=&#8217;no-border-styling&#8217; id=&#8221; color=&#8217;main_color&#8217; custom_bg=&#8221; src=&#8217;http:\/\/einnova.com\/wp-content\/uploads\/2015\/11\/gent_ordinador_1-1030&#215;664.png&#8217; attachment=&#8217;16220&#8242; attachment_size=&#8217;large&#8217; attach=&#8217;parallax&#8217; position=&#8217;top center&#8217; repeat=&#8217;stretch&#8217; video=&#8221; video_ratio=&#8217;16:9&#8242; overlay_opacity=&#8217;0.5&#8242; overlay_color=&#8221; overlay_pattern=&#8221; overlay_custom_pattern=&#8221;]<\/p>\n<p>[av_hr class=&#8217;custom&#8217; height=&#8217;50&#8217; shadow=&#8217;no-shadow&#8217; position=&#8217;center&#8217; custom_border=&#8217;av-border-none&#8217; custom_width=&#8217;50px&#8217; custom_border_color=&#8221; custom_margin_top=&#8217;5px&#8217; custom_margin_bottom=&#8217;5px&#8217; icon_select=&#8217;no&#8217; custom_icon_color=&#8221; icon=&#8217;ue808&#8242; font=&#8217;entypo-fontello&#8217;]<\/p>\n<p>[av_heading tag=&#8217;h1&#8242; padding=&#8217;10&#8217; heading=&#8217;P\u00e0gines responsive&#8217; color=&#8217;custom-color-heading&#8217; style=&#8217;blockquote modern-quote modern-centered&#8217; custom_font=&#8217;#ffffff&#8217; size=&#8217;55&#8217; subheading_active=&#8217;subheading_below&#8217; subheading_size=&#8217;34&#8217; custom_class=&#8221; admin_preview_bg=&#8221; av-desktop-hide=&#8221; av-medium-hide=&#8221; av-small-hide=&#8221; av-mini-hide=&#8221; av-medium-font-size-title=&#8221; av-small-font-size-title=&#8221; av-mini-font-size-title=&#8221; av-medium-font-size=&#8221; av-small-font-size=&#8221; av-mini-font-size=&#8221;][\/av_heading]<\/p>\n<p>[av_heading tag=&#8217;h2&#8242; padding=&#8217;0&#8242; heading=&#8217;Disseny web&#8217; color=&#8217;custom-color-heading&#8217; style=&#8217;blockquote modern-quote modern-centered&#8217; custom_font=&#8217;#ffffff&#8217; size=&#8217;34&#8217; subheading_active=&#8217;subheading_below&#8217; subheading_size=&#8217;10&#8217; custom_class=&#8221; admin_preview_bg=&#8221; av-desktop-hide=&#8221; av-medium-hide=&#8221; av-small-hide=&#8221; av-mini-hide=&#8221; av-medium-font-size-title=&#8221; av-small-font-size-title=&#8221; av-mini-font-size-title=&#8221; av-medium-font-size=&#8221; av-small-font-size=&#8221; av-mini-font-size=&#8221;][\/av_heading]<\/p>\n<p>[av_hr class=&#8217;custom&#8217; height=&#8217;50&#8217; shadow=&#8217;no-shadow&#8217; position=&#8217;center&#8217; custom_border=&#8217;av-border-none&#8217; custom_width=&#8217;50px&#8217; custom_border_color=&#8221; custom_margin_top=&#8217;5px&#8217; custom_margin_bottom=&#8217;5px&#8217; icon_select=&#8217;no&#8217; custom_icon_color=&#8221; icon=&#8217;ue808&#8242; font=&#8217;entypo-fontello&#8217;]<\/p>\n<p>[av_one_third first min_height=&#8221; vertical_alignment=&#8221; space=&#8221; custom_margin=&#8221; margin=&#8217;0px&#8217; padding=&#8217;0px&#8217; border=&#8221; border_color=&#8221; radius=&#8217;0px&#8217; background_color=&#8221; src=&#8221; background_position=&#8217;top left&#8217; background_repeat=&#8217;no-repeat&#8217;]<\/p>\n<p>[\/av_one_third][av_one_third min_height=&#8221; vertical_alignment=&#8221; space=&#8221; custom_margin=&#8221; margin=&#8217;0px&#8217; padding=&#8217;0px&#8217; border=&#8221; border_color=&#8221; radius=&#8217;0px&#8217; background_color=&#8221; src=&#8221; background_position=&#8217;top left&#8217; background_repeat=&#8217;no-repeat&#8217;]<\/p>\n<p>[av_button label=&#8217;Contactar&#8217; link=&#8217;manually,\/ca\/contacto&#8217; link_target=&#8217;_blank&#8217; size=&#8217;medium&#8217; position=&#8217;center&#8217; icon_select=&#8217;yes&#8217; icon_hover=&#8217;aviaTBicon_hover&#8217; icon=&#8217;ue885&#8242; font=&#8217;entypo-fontello&#8217; color=&#8217;custom&#8217; custom_bg=&#8217;#d0663a&#8217; custom_font=&#8217;#ffffff&#8217; admin_preview_bg=&#8221;]<\/p>\n<p>[\/av_one_third][av_one_third min_height=&#8221; vertical_alignment=&#8221; space=&#8221; custom_margin=&#8221; margin=&#8217;0px&#8217; padding=&#8217;0px&#8217; border=&#8221; border_color=&#8221; radius=&#8217;0px&#8217; background_color=&#8221; src=&#8221; background_position=&#8217;top left&#8217; background_repeat=&#8217;no-repeat&#8217;]<\/p>\n<p>[\/av_one_third][av_hr class=&#8217;custom&#8217; height=&#8217;50&#8217; shadow=&#8217;no-shadow&#8217; position=&#8217;center&#8217; custom_border=&#8217;av-border-none&#8217; custom_width=&#8217;50px&#8217; custom_border_color=&#8221; custom_margin_top=&#8217;5px&#8217; custom_margin_bottom=&#8217;5px&#8217; icon_select=&#8217;no&#8217; custom_icon_color=&#8221; icon=&#8217;ue808&#8242; font=&#8217;entypo-fontello&#8217;]<\/p>\n<p>[\/av_section][av_submenu which_menu=&#8221; menu=&#8217;345&#8242; position=&#8217;center&#8217; color=&#8217;main_color&#8217; sticky=&#8217;aviaTBsticky&#8217; mobile=&#8217;disabled&#8217;]<br \/>\n[av_submenu_item title=&#8217;Menu Item 1&#8242; link=&#8221; linktarget=&#8217;no&#8217; button_style=&#8221;]<br \/>\n[av_submenu_item title=&#8217;Menu Item 2&#8242; link=&#8221; linktarget=&#8217;no&#8217; button_style=&#8221;]<br \/>\n[\/av_submenu]<\/p>\n<p>[av_section min_height=&#8221; min_height_px=&#8217;500px&#8217; padding=&#8217;default&#8217; shadow=&#8217;no-border-styling&#8217; bottom_border=&#8217;no-border-styling&#8217; id=&#8221; color=&#8217;main_color&#8217; custom_bg=&#8221; src=&#8221; attachment=&#8221; attachment_size=&#8221; attach=&#8217;scroll&#8217; position=&#8217;top left&#8217; repeat=&#8217;no-repeat&#8217; video=&#8221; video_ratio=&#8217;16:9&#8242; overlay_opacity=&#8217;0.5&#8242; overlay_color=&#8221; overlay_pattern=&#8221; overlay_custom_pattern=&#8221;]<br \/>\n[av_codeblock wrapper_element=&#8221; wrapper_element_attributes=&#8221;]<\/p>\n<div class=\"human-breadcrumb\"><a href=\"\/ca\/\">Einnova<\/a><span class=\"separator\">&gt;<\/span><br \/>\n<a href=\"\/ca\/diseno-web\">Disseny i creaci\u00f3<\/a><span class=\"separator\">&gt;<\/span><br \/>\n<a href=\"\/ca\/web\">Dissenyadors Web amb Neuromarketing<\/a><span class=\"separator\">&gt;<\/span><br \/>\n<span class=\"current-page\">Disseny Responsive<\/span><\/div>\n<p>[\/av_codeblock]<\/p>\n<p>[av_one_third first min_height=&#8221; vertical_alignment=&#8221; space=&#8221; custom_margin=&#8221; margin=&#8217;0px&#8217; padding=&#8217;0px&#8217; border=&#8221; border_color=&#8221; radius=&#8217;0px&#8217; background_color=&#8221; src=&#8221; background_position=&#8217;top left&#8217; background_repeat=&#8217;no-repeat&#8217;]<\/p>\n<p>[av_image src=&#8217;http:\/\/einnova.com\/wp-content\/uploads\/2018\/01\/posicionamiento-web.jpg&#8217; attachment=&#8217;22918&#8242; attachment_size=&#8217;full&#8217; align=&#8217;right&#8217; styling=&#8221; hover=&#8221; link=&#8221; target=&#8221; caption=&#8221; font_size=&#8221; appearance=&#8221; overlay_opacity=&#8217;0.4&#8242; overlay_color=&#8217;#000000&#8242; overlay_text_color=&#8217;#ffffff&#8217; animation=&#8217;left-to-right&#8217; admin_preview_bg=&#8221;][\/av_image]<\/p>\n<p>[av_button label=&#8217;Et regalem 1h. assessorament&#8217; link=&#8217;manually,\/ca\/contacto&#8217; link_target=&#8217;_blank&#8217; size=&#8217;medium&#8217; position=&#8217;right&#8217; icon_select=&#8217;yes&#8217; icon_hover=&#8217;aviaTBicon_hover&#8217; icon=&#8217;ue885&#8242; font=&#8217;entypo-fontello&#8217; color=&#8217;custom&#8217; custom_bg=&#8217;#d0663a&#8217; custom_font=&#8217;#ffffff&#8217; admin_preview_bg=&#8221;]<\/p>\n<p>[\/av_one_third][av_two_third min_height=&#8221; vertical_alignment=&#8221; space=&#8221; custom_margin=&#8221; margin=&#8217;0px&#8217; padding=&#8217;0px&#8217; border=&#8221; border_color=&#8221; radius=&#8217;0px&#8217; background_color=&#8221; src=&#8221; background_position=&#8217;top left&#8217; background_repeat=&#8217;no-repeat&#8217;]<\/p>\n<p>[av_heading tag=&#8217;h2&#8242; padding=&#8217;10&#8217; heading=&#8217;Qu\u00e8 \u00e9s el disseny responsive?&#8217; color=&#8217;custom-color-heading&#8217; style=&#8217;blockquote modern-quote modern-centered&#8217; custom_font=&#8217;#444444&#8242; size=&#8217;34&#8217; subheading_active=&#8217;subheading_below&#8217; subheading_size=&#8217;34&#8217; custom_class=&#8221; admin_preview_bg=&#8221; av-desktop-hide=&#8221; av-medium-hide=&#8221; av-small-hide=&#8221; av-mini-hide=&#8221; av-medium-font-size-title=&#8221; av-small-font-size-title=&#8221; av-mini-font-size-title=&#8221; av-medium-font-size=&#8221; av-small-font-size=&#8221; av-mini-font-size=&#8221;][\/av_heading]<\/p>\n<p>[av_textblock size=&#8217;15&#8217; font_color=&#8221; color=&#8221;]<\/p>\n<div id=\"header_pos\">\n<p>L&#8217;objectiu del disseny responsive \u00e9s el d&#8217;evitar la creaci\u00f3 de diferents versions de web per a cada un dels dispositius que poden utilitzar una p\u00e0gina web (una versi\u00f3 per als ordinadors, una altra per a m\u00f2bils i una altra per tablets).<\/p>\n<p>Ethan Marcotte va presentar la t\u00e8cnica &#8220;Responsive Web Design&#8221; en una s\u00e8rie d&#8217;articles a la famosa revista en l\u00ednia A List Apart. La seva idea despr\u00e9s es va estendre en el seu llibre Responsive Web Design.<\/p>\n<\/div>\n<div><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter wp-image-4079 size-full\" src=\"http:\/\/einnova.com\/wp-content\/uploads\/2013\/03\/diseno-web-responsive1.jpg\" alt=\"diseno-web-responsive\" width=\"500\" height=\"188\" srcset=\"https:\/\/einnova.com\/wp-content\/uploads\/2013\/03\/diseno-web-responsive1.jpg 500w, https:\/\/einnova.com\/wp-content\/uploads\/2013\/03\/diseno-web-responsive1-300x113.jpg 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/div>\n<p>[\/av_textblock]<\/p>\n<p>[\/av_two_third]<br \/>\n[\/av_section]<\/p>\n<p>[av_section min_height=&#8221; min_height_px=&#8217;500px&#8217; padding=&#8217;no-padding&#8217; shadow=&#8217;no-border-styling&#8217; bottom_border=&#8217;no-border-styling&#8217; id=&#8221; color=&#8217;main_color&#8217; custom_bg=&#8217;#289dcc&#8217; src=&#8221; attachment=&#8221; attachment_size=&#8221; attach=&#8217;scroll&#8217; position=&#8217;top left&#8217; repeat=&#8217;no-repeat&#8217; video=&#8221; video_ratio=&#8217;16:9&#8242; overlay_opacity=&#8217;0.5&#8242; overlay_color=&#8221; overlay_pattern=&#8221; overlay_custom_pattern=&#8221;]<br \/>\n[av_one_fifth first min_height=&#8221; vertical_alignment=&#8221; space=&#8221; custom_margin=&#8221; margin=&#8217;0px&#8217; padding=&#8217;0px&#8217; border=&#8221; border_color=&#8221; radius=&#8217;0px&#8217; background_color=&#8221; src=&#8221; background_position=&#8217;top left&#8217; background_repeat=&#8217;no-repeat&#8217;]<\/p>\n<p>[\/av_one_fifth][av_two_fifth min_height=&#8221; vertical_alignment=&#8221; space=&#8221; custom_margin=&#8221; margin=&#8217;0px&#8217; padding=&#8217;0px&#8217; border=&#8221; border_color=&#8221; radius=&#8217;0px&#8217; background_color=&#8221; src=&#8221; background_position=&#8217;top left&#8217; background_repeat=&#8217;no-repeat&#8217;]<\/p>\n<p>[av_hr class=&#8217;invisible&#8217; height=&#8217;25&#8217; shadow=&#8217;no-shadow&#8217; position=&#8217;center&#8217; custom_border=&#8217;av-border-thin&#8217; custom_width=&#8217;50px&#8217; custom_border_color=&#8221; custom_margin_top=&#8217;30px&#8217; custom_margin_bottom=&#8217;30px&#8217; icon_select=&#8217;yes&#8217; custom_icon_color=&#8221; icon=&#8217;ue808&#8242; font=&#8217;entypo-fontello&#8217;]<\/p>\n<p>[av_hr class=&#8217;invisible&#8217; height=&#8217;25&#8217; shadow=&#8217;no-shadow&#8217; position=&#8217;center&#8217; custom_border=&#8217;av-border-thin&#8217; custom_width=&#8217;50px&#8217; custom_border_color=&#8221; custom_margin_top=&#8217;30px&#8217; custom_margin_bottom=&#8217;30px&#8217; icon_select=&#8217;yes&#8217; custom_icon_color=&#8221; icon=&#8217;ue808&#8242; font=&#8217;entypo-fontello&#8217;]<\/p>\n<p>[av_image src=&#8217;http:\/\/einnova.com\/wp-content\/uploads\/2014\/05\/William-Shakespeare-3.png&#8217; attachment=&#8217;18659&#8242; attachment_size=&#8217;full&#8217; align=&#8217;center&#8217; animation=&#8217;pop-up&#8217; styling=&#8217;no-styling&#8217; hover=&#8221; link=&#8221; target=&#8221; caption=&#8221; font_size=&#8221; appearance=&#8221; overlay_opacity=&#8217;0.4&#8242; overlay_color=&#8217;#000000&#8242; overlay_text_color=&#8217;#ffffff&#8217;][\/av_image]<\/p>\n<p>[av_font_icon icon=&#8217;ue8f4&#8242; font=&#8217;entypo-fontello&#8217; style=&#8217;border&#8217; caption=&#8221; link=&#8217;manually,https:\/\/www.facebook.com\/einnovacom\/&#8217; linktarget=&#8217;_blank&#8217; size=&#8217;35px&#8217; position=&#8217;left&#8217; color=&#8217;#ffffff&#8217;][\/av_font_icon]<\/p>\n<p>[av_font_icon icon=&#8217;ue8f2&#8242; font=&#8217;entypo-fontello&#8217; style=&#8217;border&#8217; caption=&#8221; link=&#8217;manually,http:\/\/twitter.com\/einnova&#8217; linktarget=&#8217;_blank&#8217; size=&#8217;35px&#8217; position=&#8217;left&#8217; color=&#8217;#ffffff&#8217;][\/av_font_icon]<\/p>\n<p>[av_font_icon icon=&#8217;ue8f7&#8242; font=&#8217;entypo-fontello&#8217; style=&#8217;border&#8217; caption=&#8221; link=&#8217;manually,https:\/\/plus.google.com\/107125586381470617949&#8242; linktarget=&#8217;_blank&#8217; size=&#8217;35px&#8217; position=&#8217;left&#8217; color=&#8217;#ffffff&#8217;][\/av_font_icon]<\/p>\n<p>[av_font_icon icon=&#8217;ue8fd&#8217; font=&#8217;entypo-fontello&#8217; style=&#8217;border&#8217; caption=&#8221; link=&#8217;manually,https:\/\/www.linkedin.com\/company\/1081608?trk=vsrp_companies_cluster_name&amp;trkInfo=VSRPsearchId%3A2844454971448966670584%2CVSRPtargetId%3A1081608%2CVSRPcmpt%3Acompanies_cluster&#8217; linktarget=&#8217;_blank&#8217; size=&#8217;35px&#8217; position=&#8217;left&#8217; color=&#8217;#ffffff&#8217;][\/av_font_icon]<\/p>\n<p>[\/av_two_fifth][av_two_fifth min_height=&#8221; vertical_alignment=&#8221; space=&#8221; custom_margin=&#8221; margin=&#8217;0px&#8217; padding=&#8217;0px&#8217; border=&#8221; border_color=&#8221; radius=&#8217;0px&#8217; background_color=&#8221; src=&#8221; background_position=&#8217;top left&#8217; background_repeat=&#8217;no-repeat&#8217;]<\/p>\n<p>[av_hr class=&#8217;invisible&#8217; height=&#8217;25&#8217; shadow=&#8217;no-shadow&#8217; position=&#8217;center&#8217; custom_border=&#8217;av-border-thin&#8217; custom_width=&#8217;50px&#8217; custom_border_color=&#8221; custom_margin_top=&#8217;30px&#8217; custom_margin_bottom=&#8217;30px&#8217; icon_select=&#8217;yes&#8217; custom_icon_color=&#8221; icon=&#8217;ue808&#8242; font=&#8217;entypo-fontello&#8217;]<\/p>\n<p>[av_image src=&#8217;http:\/\/einnova.com\/wp-content\/uploads\/2016\/01\/Shakespeare-296&#215;300.png&#8217; attachment=&#8217;18453&#8242; attachment_size=&#8217;medium&#8217; align=&#8217;right&#8217; animation=&#8217;right-to-left&#8217; styling=&#8221; hover=&#8221; link=&#8221; target=&#8221; caption=&#8221; font_size=&#8221; appearance=&#8221; overlay_opacity=&#8217;0.4&#8242; overlay_color=&#8217;#000000&#8242; overlay_text_color=&#8217;#ffffff&#8217;][\/av_image]<\/p>\n<p>[\/av_two_fifth]<br \/>\n[\/av_section]<\/p>\n<p>[av_section min_height=&#8221; min_height_px=&#8217;500px&#8217; padding=&#8217;default&#8217; shadow=&#8217;no-shadow&#8217; bottom_border=&#8217;no-border-styling&#8217; id=&#8221; color=&#8217;main_color&#8217; custom_bg=&#8221; src=&#8221; attachment=&#8221; attachment_size=&#8221; attach=&#8217;scroll&#8217; position=&#8217;top left&#8217; repeat=&#8217;no-repeat&#8217; video=&#8221; video_ratio=&#8217;16:9&#8242; overlay_opacity=&#8217;0.5&#8242; overlay_color=&#8221; overlay_pattern=&#8221; overlay_custom_pattern=&#8221;]<br \/>\n[av_two_third first min_height=&#8221; vertical_alignment=&#8221; space=&#8221; custom_margin=&#8221; margin=&#8217;0px&#8217; padding=&#8217;0px&#8217; border=&#8221; border_color=&#8221; radius=&#8217;0px&#8217; background_color=&#8221; src=&#8221; background_position=&#8217;top left&#8217; background_repeat=&#8217;no-repeat&#8217;]<\/p>\n<p>[av_textblock size=&#8221; font_color=&#8221; color=&#8221;]<br \/>\nAix\u00f2 vol dir anar m\u00e9s enll\u00e0 de tenir un disseny fluid. Fer una p\u00e0gina web amb &#8220;Responsive Web Design&#8221; \u00e9s fer un sol disseny web que sigui sensible als diferents amplades de pantalla de cada dispositiu i que sigui receptiu a diferents m\u00e8todes d&#8217;interacci\u00f3 que utilitza l&#8217;usuari (pr\u00e9mer, clic del ratol\u00ed, arrossegar, etc)<\/p>\n<p>Vols un disseny web responsive o vols una versi\u00f3 de web m\u00f2bil i una altra versi\u00f3 web per a ordinador? Et podem ajudar a decidir valorant els avantatges i requisits de cadascuna d&#8217;aquestes opcions.<br \/>\n[\/av_textblock]<\/p>\n<p>[av_button label=&#8217;Comen\u00e7ar ara&#8217; link=&#8217;manually,\/ca\/contacto&#8217; link_target=&#8217;_blank&#8217; size=&#8217;medium&#8217; position=&#8217;left&#8217; icon_select=&#8217;yes&#8217; icon_hover=&#8217;aviaTBicon_hover&#8217; icon=&#8217;ue885&#8242; font=&#8217;entypo-fontello&#8217; color=&#8217;custom&#8217; custom_bg=&#8217;#d0663a&#8217; custom_font=&#8217;#ffffff&#8217; admin_preview_bg=&#8221;]<\/p>\n<p>[\/av_two_third][av_one_third min_height=&#8221; vertical_alignment=&#8221; space=&#8221; custom_margin=&#8221; margin=&#8217;0px&#8217; padding=&#8217;0px&#8217; border=&#8221; border_color=&#8221; radius=&#8217;0px&#8217; background_color=&#8221; src=&#8221; background_position=&#8217;top left&#8217; background_repeat=&#8217;no-repeat&#8217;]<\/p>\n<p>[av_image src=&#8217;http:\/\/einnova.com\/wp-content\/uploads\/2016\/02\/Dise\u00f1o_web_con_neuro_marketing_caixa6-min.png&#8217; attachment=&#8217;19159&#8242; attachment_size=&#8217;full&#8217; align=&#8217;center&#8217; animation=&#8217;no-animation&#8217; styling=&#8221; hover=&#8221; link=&#8217;lightbox&#8217; target=&#8221; caption=&#8221; font_size=&#8221; appearance=&#8221; overlay_opacity=&#8217;0.1&#8242; overlay_color=&#8221; overlay_text_color=&#8217;#ffffff&#8217;][\/av_image]<\/p>\n<p>[\/av_one_third]<br \/>\n[\/av_section]<\/p>\n<p>[av_section min_height=&#8217;25&#8217; min_height_px=&#8217;500px&#8217; padding=&#8217;default&#8217; shadow=&#8217;no-shadow&#8217; bottom_border=&#8217;no-border-styling&#8217; id=&#8221; color=&#8217;main_color&#8217; custom_bg=&#8217;#289dcc&#8217; src=&#8221; attachment=&#8221; attachment_size=&#8221; attach=&#8217;scroll&#8217; position=&#8217;top left&#8217; repeat=&#8217;no-repeat&#8217; video=&#8221; video_ratio=&#8217;16:9&#8242; overlay_opacity=&#8217;0.5&#8242; overlay_color=&#8221; overlay_pattern=&#8221; overlay_custom_pattern=&#8221;]<br \/>\n[av_heading heading=&#8217;Eshow 2013&#8242; tag=&#8217;h2&#8242; style=&#8217;blockquote modern-quote&#8217; size=&#8217;34&#8217; subheading_active=&#8221; subheading_size=&#8217;15&#8217; padding=&#8217;10&#8217; color=&#8217;custom-color-heading&#8217; custom_font=&#8217;#ffffff&#8217;][\/av_heading]<\/p>\n<p>[av_hr class=&#8217;custom&#8217; height=&#8217;50&#8217; shadow=&#8217;no-shadow&#8217; position=&#8217;center&#8217; custom_border=&#8217;av-border-none&#8217; custom_width=&#8217;50px&#8217; custom_border_color=&#8221; custom_margin_top=&#8217;5px&#8217; custom_margin_bottom=&#8217;30px&#8217; icon_select=&#8217;no&#8217; custom_icon_color=&#8221; icon=&#8217;ue808&#8242; font=&#8217;entypo-fontello&#8217;]<\/p>\n<p>[av_one_fourth first min_height=&#8221; vertical_alignment=&#8221; space=&#8221; custom_margin=&#8221; margin=&#8217;0px&#8217; padding=&#8217;0px&#8217; border=&#8221; border_color=&#8221; radius=&#8217;0px&#8217; background_color=&#8221; src=&#8221; background_position=&#8217;top left&#8217; background_repeat=&#8217;no-repeat&#8217;]<\/p>\n<p>[av_image src=&#8217;http:\/\/einnova.com\/wp-content\/uploads\/2014\/05\/DSC02461-225&#215;300.jpg&#8217; attachment=&#8217;18694&#8242; attachment_size=&#8217;medium&#8217; align=&#8217;center&#8217; animation=&#8217;pop-up&#8217; styling=&#8221; hover=&#8217;av-hover-grow&#8217; link=&#8217;lightbox&#8217; target=&#8221; caption=&#8221; font_size=&#8221; appearance=&#8221; overlay_opacity=&#8217;0.4&#8242; overlay_color=&#8217;#000000&#8242; overlay_text_color=&#8217;#ffffff&#8217;][\/av_image]<\/p>\n<p>[\/av_one_fourth][av_one_fourth min_height=&#8221; vertical_alignment=&#8221; space=&#8221; custom_margin=&#8221; margin=&#8217;0px&#8217; padding=&#8217;0px&#8217; border=&#8221; border_color=&#8221; radius=&#8217;0px&#8217; background_color=&#8221; src=&#8221; background_position=&#8217;top left&#8217; background_repeat=&#8217;no-repeat&#8217;]<\/p>\n<p>[av_image src=&#8217;http:\/\/einnova.com\/wp-content\/uploads\/2014\/05\/DSC02467-300&#215;225.jpg&#8217; attachment=&#8217;18695&#8242; attachment_size=&#8217;medium&#8217; align=&#8217;center&#8217; animation=&#8217;pop-up&#8217; styling=&#8221; hover=&#8217;av-hover-grow&#8217; link=&#8217;lightbox&#8217; target=&#8221; caption=&#8221; font_size=&#8221; appearance=&#8221; overlay_opacity=&#8217;0.4&#8242; overlay_color=&#8217;#000000&#8242; overlay_text_color=&#8217;#ffffff&#8217;][\/av_image]<\/p>\n<p>[\/av_one_fourth][av_one_fourth min_height=&#8221; vertical_alignment=&#8221; space=&#8221; custom_margin=&#8221; margin=&#8217;0px&#8217; padding=&#8217;0px&#8217; border=&#8221; border_color=&#8221; radius=&#8217;0px&#8217; background_color=&#8221; src=&#8221; background_position=&#8217;top left&#8217; background_repeat=&#8217;no-repeat&#8217;]<\/p>\n<p>[av_image src=&#8217;http:\/\/einnova.com\/wp-content\/uploads\/2014\/05\/DSC02470-300&#215;225.jpg&#8217; attachment=&#8217;18693&#8242; attachment_size=&#8217;medium&#8217; align=&#8217;center&#8217; animation=&#8217;pop-up&#8217; styling=&#8221; hover=&#8217;av-hover-grow&#8217; link=&#8217;lightbox&#8217; target=&#8221; caption=&#8221; font_size=&#8221; appearance=&#8221; overlay_opacity=&#8217;0.4&#8242; overlay_color=&#8217;#000000&#8242; overlay_text_color=&#8217;#ffffff&#8217;][\/av_image]<\/p>\n<p>[\/av_one_fourth][av_one_fourth min_height=&#8221; vertical_alignment=&#8221; space=&#8221; custom_margin=&#8221; margin=&#8217;0px&#8217; padding=&#8217;0px&#8217; border=&#8221; border_color=&#8221; radius=&#8217;0px&#8217; background_color=&#8221; src=&#8221; background_position=&#8217;top left&#8217; background_repeat=&#8217;no-repeat&#8217;]<\/p>\n<p>[av_image src=&#8217;http:\/\/einnova.com\/wp-content\/uploads\/2014\/05\/DSC02468-300&#215;225.jpg&#8217; attachment=&#8217;18696&#8242; attachment_size=&#8217;medium&#8217; align=&#8217;center&#8217; animation=&#8217;pop-up&#8217; styling=&#8221; hover=&#8217;av-hover-grow&#8217; link=&#8217;lightbox&#8217; target=&#8221; caption=&#8221; font_size=&#8221; appearance=&#8221; overlay_opacity=&#8217;0.4&#8242; overlay_color=&#8217;#000000&#8242; overlay_text_color=&#8217;#ffffff&#8217;][\/av_image]<\/p>\n<p>[\/av_one_fourth]<br \/>\n[\/av_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[av_section min_height=&#8217;50&#8217; min_height_px=&#8217;500px&#8217; padding=&#8217;no-padding&#8217; shadow=&#8217;no-shadow&#8217; bottom_border=&#8217;no-border-styling&#8217; id=&#8221; color=&#8217;main_color&#8217; custom_bg=&#8221; src=&#8217;http:\/\/einnova.com\/wp-content\/uploads\/2015\/11\/gent_ordinador_1-1030&#215;664.png&#8217; attachment=&#8217;16220&#8242; attachment_size=&#8217;large&#8217; attach=&#8217;parallax&#8217; position=&#8217;top center&#8217; repeat=&#8217;stretch&#8217; video=&#8221; video_ratio=&#8217;16:9&#8242; overlay_opacity=&#8217;0.5&#8242; overlay_color=&#8221; overlay_pattern=&#8221; overlay_custom_pattern=&#8221;] [av_hr class=&#8217;custom&#8217; height=&#8217;50&#8217; shadow=&#8217;no-shadow&#8217; position=&#8217;center&#8217; custom_border=&#8217;av-border-none&#8217; custom_width=&#8217;50px&#8217; custom_border_color=&#8221; custom_margin_top=&#8217;5px&#8217; custom_margin_bottom=&#8217;5px&#8217; icon_select=&#8217;no&#8217; custom_icon_color=&#8221; icon=&#8217;ue808&#8242; font=&#8217;entypo-fontello&#8217;] [av_heading tag=&#8217;h1&#8242; padding=&#8217;10&#8217; heading=&#8217;P\u00e0gines responsive&#8217; color=&#8217;custom-color-heading&#8217; style=&#8217;blockquote modern-quote modern-centered&#8217; custom_font=&#8217;#ffffff&#8217; size=&#8217;55&#8217; subheading_active=&#8217;subheading_below&#8217; subheading_size=&#8217;34&#8217; custom_class=&#8221; admin_preview_bg=&#8221; av-desktop-hide=&#8221; av-medium-hide=&#8221; av-small-hide=&#8221; av-mini-hide=&#8221; [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":20571,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-20671","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v19.6 (Yoast SEO v27.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Qu\u00e8 \u00e9s el disseny web responsive? - Einnova<\/title>\n<meta name=\"description\" content=\"Ag\u00e8ncia de M\u00e0rqueting Online Barcelona - Disseny web P\u00e0gines responsive . Contacta ara per a m\u00e9s informaci\u00f3.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/einnova.com\/ca\/diseno-web\/que-es-el-diseno-web-responsive\/\" \/>\n<meta property=\"og:locale\" content=\"ca_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Qu\u00e8 \u00e9s el disseny web responsive?\" \/>\n<meta property=\"og:description\" content=\"Ag\u00e8ncia de M\u00e0rqueting Online Barcelona - Disseny web P\u00e0gines responsive . Contacta ara per a m\u00e9s informaci\u00f3.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/einnova.com\/ca\/diseno-web\/que-es-el-diseno-web-responsive\/\" \/>\n<meta property=\"og:site_name\" content=\"Einnova\" \/>\n<meta property=\"article:modified_time\" content=\"2018-06-20T08:40:36+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/einnova.com\/wp-content\/uploads\/2013\/03\/diseno-web-responsive1.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Temps estimat de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"12 minuts\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/einnova.com\/ca\/diseno-web\/que-es-el-diseno-web-responsive\/\",\"url\":\"https:\/\/einnova.com\/ca\/diseno-web\/que-es-el-diseno-web-responsive\/\",\"name\":\"Qu\u00e8 \u00e9s el disseny web responsive? - Einnova\",\"isPartOf\":{\"@id\":\"https:\/\/einnova.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/einnova.com\/ca\/diseno-web\/que-es-el-diseno-web-responsive\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/einnova.com\/ca\/diseno-web\/que-es-el-diseno-web-responsive\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/einnova.com\/wp-content\/uploads\/2013\/03\/diseno-web-responsive1.jpg\",\"datePublished\":\"2014-05-21T10:57:03+00:00\",\"dateModified\":\"2018-06-20T08:40:36+00:00\",\"description\":\"Ag\u00e8ncia de M\u00e0rqueting Online Barcelona - Disseny web P\u00e0gines responsive . Contacta ara per a m\u00e9s informaci\u00f3.\",\"breadcrumb\":{\"@id\":\"https:\/\/einnova.com\/ca\/diseno-web\/que-es-el-diseno-web-responsive\/#breadcrumb\"},\"inLanguage\":\"ca\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/einnova.com\/ca\/diseno-web\/que-es-el-diseno-web-responsive\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\/\/einnova.com\/ca\/diseno-web\/que-es-el-diseno-web-responsive\/#primaryimage\",\"url\":\"http:\/\/einnova.com\/wp-content\/uploads\/2013\/03\/diseno-web-responsive1.jpg\",\"contentUrl\":\"http:\/\/einnova.com\/wp-content\/uploads\/2013\/03\/diseno-web-responsive1.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/einnova.com\/ca\/diseno-web\/que-es-el-diseno-web-responsive\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/einnova.com\/ca\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Disseny Web\",\"item\":\"https:\/\/einnova.com\/ca\/diseno-web\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Qu\u00e8 \u00e9s el disseny web responsive?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/einnova.com\/#website\",\"url\":\"https:\/\/einnova.com\/\",\"name\":\"Einnova\",\"description\":\"Agencia de Marketing online y Desarrollo web\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/einnova.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ca\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Qu\u00e8 \u00e9s el disseny web responsive? - Einnova","description":"Ag\u00e8ncia de M\u00e0rqueting Online Barcelona - Disseny web P\u00e0gines responsive . Contacta ara per a m\u00e9s informaci\u00f3.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/einnova.com\/ca\/diseno-web\/que-es-el-diseno-web-responsive\/","og_locale":"ca_ES","og_type":"article","og_title":"Qu\u00e8 \u00e9s el disseny web responsive?","og_description":"Ag\u00e8ncia de M\u00e0rqueting Online Barcelona - Disseny web P\u00e0gines responsive . Contacta ara per a m\u00e9s informaci\u00f3.","og_url":"https:\/\/einnova.com\/ca\/diseno-web\/que-es-el-diseno-web-responsive\/","og_site_name":"Einnova","article_modified_time":"2018-06-20T08:40:36+00:00","og_image":[{"url":"http:\/\/einnova.com\/wp-content\/uploads\/2013\/03\/diseno-web-responsive1.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Temps estimat de lectura":"12 minuts"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/einnova.com\/ca\/diseno-web\/que-es-el-diseno-web-responsive\/","url":"https:\/\/einnova.com\/ca\/diseno-web\/que-es-el-diseno-web-responsive\/","name":"Qu\u00e8 \u00e9s el disseny web responsive? - Einnova","isPartOf":{"@id":"https:\/\/einnova.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/einnova.com\/ca\/diseno-web\/que-es-el-diseno-web-responsive\/#primaryimage"},"image":{"@id":"https:\/\/einnova.com\/ca\/diseno-web\/que-es-el-diseno-web-responsive\/#primaryimage"},"thumbnailUrl":"http:\/\/einnova.com\/wp-content\/uploads\/2013\/03\/diseno-web-responsive1.jpg","datePublished":"2014-05-21T10:57:03+00:00","dateModified":"2018-06-20T08:40:36+00:00","description":"Ag\u00e8ncia de M\u00e0rqueting Online Barcelona - Disseny web P\u00e0gines responsive . Contacta ara per a m\u00e9s informaci\u00f3.","breadcrumb":{"@id":"https:\/\/einnova.com\/ca\/diseno-web\/que-es-el-diseno-web-responsive\/#breadcrumb"},"inLanguage":"ca","potentialAction":[{"@type":"ReadAction","target":["https:\/\/einnova.com\/ca\/diseno-web\/que-es-el-diseno-web-responsive\/"]}]},{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/einnova.com\/ca\/diseno-web\/que-es-el-diseno-web-responsive\/#primaryimage","url":"http:\/\/einnova.com\/wp-content\/uploads\/2013\/03\/diseno-web-responsive1.jpg","contentUrl":"http:\/\/einnova.com\/wp-content\/uploads\/2013\/03\/diseno-web-responsive1.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/einnova.com\/ca\/diseno-web\/que-es-el-diseno-web-responsive\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/einnova.com\/ca\/"},{"@type":"ListItem","position":2,"name":"Disseny Web","item":"https:\/\/einnova.com\/ca\/diseno-web\/"},{"@type":"ListItem","position":3,"name":"Qu\u00e8 \u00e9s el disseny web responsive?"}]},{"@type":"WebSite","@id":"https:\/\/einnova.com\/#website","url":"https:\/\/einnova.com\/","name":"Einnova","description":"Agencia de Marketing online y Desarrollo web","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/einnova.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ca"}]}},"_links":{"self":[{"href":"https:\/\/einnova.com\/ca\/wp-json\/wp\/v2\/pages\/20671","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/einnova.com\/ca\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/einnova.com\/ca\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/einnova.com\/ca\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/einnova.com\/ca\/wp-json\/wp\/v2\/comments?post=20671"}],"version-history":[{"count":0,"href":"https:\/\/einnova.com\/ca\/wp-json\/wp\/v2\/pages\/20671\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/einnova.com\/ca\/wp-json\/wp\/v2\/pages\/20571"}],"wp:attachment":[{"href":"https:\/\/einnova.com\/ca\/wp-json\/wp\/v2\/media?parent=20671"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}