{"id":177,"date":"2012-08-24T20:23:58","date_gmt":"2012-08-24T20:23:58","guid":{"rendered":"http:\/\/mgd-web.com.ar\/?p=177"},"modified":"2017-06-01T20:48:01","modified_gmt":"2017-06-01T20:48:01","slug":"responsive-web-design","status":"publish","type":"post","link":"https:\/\/mgd-studio.com.ar\/bl\/responsive-web-design\/","title":{"rendered":"Reponsive Web Design"},"content":{"rendered":"
\n\"Responsive<\/a><\/p>\n

Qu\u00e9 es Responsive Web Design?<\/h1>\n

Responsive Web Design, es una tendencia nueva dentro del dise\u00f1o Web que se usa por los dispositivos port\u00e1tiles (smartphones y tablets).<\/p>\n

Estas t\u00e9cnicas permiten que nuestra p\u00e1gina web se adapte al medio seg\u00fan desde donde accede el usuario. Los tama\u00f1os de pantalla cambian seg\u00fan el medio con el que se accede. No es lo mismo una pantalla de un iPhone que la de un monitor de escritorio. <\/p>\n

El usuario exige que su experiencia sea \u00f3ptima en cada caso concreto. Utilizando HTML y principalmente CSS podemos mostrar al usuario una versi\u00f3n de nuestra web en funci\u00f3n del ancho de pantalla utilizado. Es decir, nuestra web se adapta al ancho de pantalla, responde ante los cambios del tama\u00f1o la misma. Adem\u00e1s podemos pensar en mejorar el acceso a formularios, botones, etc\u2026<\/p>\n

Por qu\u00e9 es tan importante?<\/h2>\n

La raz\u00f3n consiste en la masividad que tienen los dispositivos m\u00f3viles. Las webs no est\u00e1n optimzadas para verlas en \u00e9stos, y la experiencia que tiene el usuario no es para nada satisfactoria. Por este motivo, hay que otorgarles la mejor experiencia y necesitamos que nuestra web se adapte al contexto en el que esta siendo visitada.<\/p>\n

Google tiene su postura tomada frente a la construcci\u00f3n de un sitio web que apunta a los smartphones. Admite 3 configuraciones diferentes:<\/p>\n

    \n
  • la configuraci\u00f3n recomendada de Google es mostrar a todos los dispositivos en el mismo conjunto de direcciones URL, usando un solo HTML y utilizando s\u00f3lo CSS para cambiar la forma en la p\u00e1gina que se representa en el dispositivo. <\/li>\n
  • Otros sirven din\u00e1micamente todos los dispositivos en el mismo conjunto de direcciones URL, pero cada URL sirve diferente HTML (y CSS) dependiendo de si el agente de usuario es un ordenador de escritorio o un dispositivo m\u00f3vil.<\/span><\/li>\n
  • Los sitios que tienen unos lugares distintos para m\u00f3viles y para escritorio. <\/span><\/li>\n<\/ul>\n

    No obstante, Google aclara que los mayores beneficios de un Dise\u00f1o Web Adaptable son:<\/p>\n

      \n
    • Una URL \u00fanica, m\u00e1s f\u00e1cil para los usuarios, para administradores (no hay doble administrador de contenidos) y m\u00e1s f\u00e1cil para Google indexe nuestra Web.<\/span><\/li>\n
    • Ofrecer una mejor experiencia a nuestro usuario, por tanto aumenta la conversi\u00f3n (suscripci\u00f3n, tr\u00e1fico, consumo de contenidos, ventas).<\/span><\/li>\n
    • Ahorro de recursos y tiempo.<\/span><\/li>\n<\/ul>\n

      Esta nueva tendencia ayudar\u00e1 a los desarrolladores a priorizar los contenidos que queremos transmitir a nuestros usuarios. Nos permite generar otro tipo de dise\u00f1os adaptables a otros dispositivos, y por supuesto seguir cambiando la web.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

      Qu\u00e9 es Responsive Web Design? Responsive Web Design, es una tendencia nueva dentro del dise\u00f1o Web que se usa por los dispositivos port\u00e1tiles (smartphones y tablets). Estas t\u00e9cnicas permiten que nuestra p\u00e1gina web se adapte al medio seg\u00fan desde donde accede el usuario. Los tama\u00f1os de pantalla cambian seg\u00fan el medio con el que se […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[9],"class_list":["post-177","post","type-post","status-publish","format-standard","hentry","category-diseno-web","tag-tendencias-diseno-web"],"blocksy_meta":[],"yoast_head":"\nReponsive Web Design « MDG-Studio - Desarrollo Web<\/title>\n<meta name=\"description\" content=\"Responsive web design, es una tendencia nueva dentro del dise\u00f1o Web, enfocada al desarrollo para multiples dispositivos, (tablets, smartphones, desktop).\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mgd-studio.com.ar\/bl\/responsive-web-design\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Reponsive Web Design « MDG-Studio - Desarrollo Web\" \/>\n<meta property=\"og:description\" content=\"Responsive web design, es una tendencia nueva dentro del dise\u00f1o Web, enfocada al desarrollo para multiples dispositivos, (tablets, smartphones, desktop).\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mgd-studio.com.ar\/bl\/responsive-web-design\/\" \/>\n<meta property=\"og:site_name\" content=\"MDG-Studio - Desarrollo Web\" \/>\n<meta property=\"article:published_time\" content=\"2012-08-24T20:23:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-06-01T20:48:01+00:00\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@MGDStudio\" \/>\n<meta name=\"twitter:site\" content=\"@MGDStudio\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/mgd-studio.com.ar\/bl\/responsive-web-design\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/mgd-studio.com.ar\/bl\/responsive-web-design\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\/\/mgd-studio.com.ar\/bl\/#\/schema\/person\/16e323422eee1bb454348317bef3b8dc\"},\"headline\":\"Reponsive Web Design\",\"datePublished\":\"2012-08-24T20:23:58+00:00\",\"dateModified\":\"2017-06-01T20:48:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/mgd-studio.com.ar\/bl\/responsive-web-design\/\"},\"wordCount\":433,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/mgd-studio.com.ar\/bl\/#organization\"},\"image\":{\"@id\":\"https:\/\/mgd-studio.com.ar\/bl\/responsive-web-design\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/mgd-studio.com.ar\/bl\/wp-content\/uploads\/2012\/10\/responsive_web_design1.jpg\",\"keywords\":[\"Tendencias dise\u00f1o web\"],\"articleSection\":[\"Dise\u00f1o web\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/mgd-studio.com.ar\/bl\/responsive-web-design\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/mgd-studio.com.ar\/bl\/responsive-web-design\/\",\"url\":\"https:\/\/mgd-studio.com.ar\/bl\/responsive-web-design\/\",\"name\":\"Reponsive Web Design « MDG-Studio - Desarrollo Web\",\"isPartOf\":{\"@id\":\"https:\/\/mgd-studio.com.ar\/bl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/mgd-studio.com.ar\/bl\/responsive-web-design\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/mgd-studio.com.ar\/bl\/responsive-web-design\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/mgd-studio.com.ar\/bl\/wp-content\/uploads\/2012\/10\/responsive_web_design1.jpg\",\"datePublished\":\"2012-08-24T20:23:58+00:00\",\"dateModified\":\"2017-06-01T20:48:01+00:00\",\"description\":\"Responsive web design, es una tendencia nueva dentro del dise\u00f1o Web, enfocada al desarrollo para multiples dispositivos, (tablets, smartphones, desktop).\",\"breadcrumb\":{\"@id\":\"https:\/\/mgd-studio.com.ar\/bl\/responsive-web-design\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/mgd-studio.com.ar\/bl\/responsive-web-design\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/mgd-studio.com.ar\/bl\/responsive-web-design\/#primaryimage\",\"url\":\"http:\/\/mgd-studio.com.ar\/bl\/wp-content\/uploads\/2012\/10\/responsive_web_design1.jpg\",\"contentUrl\":\"http:\/\/mgd-studio.com.ar\/bl\/wp-content\/uploads\/2012\/10\/responsive_web_design1.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/mgd-studio.com.ar\/bl\/responsive-web-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/mgd-studio.com.ar\/bl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Reponsive Web Design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/mgd-studio.com.ar\/bl\/#website\",\"url\":\"https:\/\/mgd-studio.com.ar\/bl\/\",\"name\":\"MDG-Studio - Desarrollo Web\",\"description\":\"Desarrollo Web\",\"publisher\":{\"@id\":\"https:\/\/mgd-studio.com.ar\/bl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/mgd-studio.com.ar\/bl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/mgd-studio.com.ar\/bl\/#organization\",\"name\":\"MGD-Studio\",\"url\":\"https:\/\/mgd-studio.com.ar\/bl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/mgd-studio.com.ar\/bl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/mgd-studio.com.ar\/bl\/wp-content\/uploads\/2017\/05\/cropped-logo_chico1.png\",\"contentUrl\":\"https:\/\/mgd-studio.com.ar\/bl\/wp-content\/uploads\/2017\/05\/cropped-logo_chico1.png\",\"width\":91,\"height\":138,\"caption\":\"MGD-Studio\"},\"image\":{\"@id\":\"https:\/\/mgd-studio.com.ar\/bl\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/MGDStudio\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/mgd-studio.com.ar\/bl\/#\/schema\/person\/16e323422eee1bb454348317bef3b8dc\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/aa221409f37d28b1904057e016c25ac05e59a780135aa97c11fb08cf35ea694f?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/aa221409f37d28b1904057e016c25ac05e59a780135aa97c11fb08cf35ea694f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/aa221409f37d28b1904057e016c25ac05e59a780135aa97c11fb08cf35ea694f?s=96&d=mm&r=g\",\"caption\":\"admin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Reponsive Web Design « MDG-Studio - Desarrollo Web","description":"Responsive web design, es una tendencia nueva dentro del dise\u00f1o Web, enfocada al desarrollo para multiples dispositivos, (tablets, smartphones, desktop).","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:\/\/mgd-studio.com.ar\/bl\/responsive-web-design\/","og_locale":"es_ES","og_type":"article","og_title":"Reponsive Web Design « MDG-Studio - Desarrollo Web","og_description":"Responsive web design, es una tendencia nueva dentro del dise\u00f1o Web, enfocada al desarrollo para multiples dispositivos, (tablets, smartphones, desktop).","og_url":"https:\/\/mgd-studio.com.ar\/bl\/responsive-web-design\/","og_site_name":"MDG-Studio - Desarrollo Web","article_published_time":"2012-08-24T20:23:58+00:00","article_modified_time":"2017-06-01T20:48:01+00:00","author":"admin","twitter_card":"summary_large_image","twitter_creator":"@MGDStudio","twitter_site":"@MGDStudio","twitter_misc":{"Escrito por":"admin","Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/mgd-studio.com.ar\/bl\/responsive-web-design\/#article","isPartOf":{"@id":"https:\/\/mgd-studio.com.ar\/bl\/responsive-web-design\/"},"author":{"name":"admin","@id":"https:\/\/mgd-studio.com.ar\/bl\/#\/schema\/person\/16e323422eee1bb454348317bef3b8dc"},"headline":"Reponsive Web Design","datePublished":"2012-08-24T20:23:58+00:00","dateModified":"2017-06-01T20:48:01+00:00","mainEntityOfPage":{"@id":"https:\/\/mgd-studio.com.ar\/bl\/responsive-web-design\/"},"wordCount":433,"commentCount":0,"publisher":{"@id":"https:\/\/mgd-studio.com.ar\/bl\/#organization"},"image":{"@id":"https:\/\/mgd-studio.com.ar\/bl\/responsive-web-design\/#primaryimage"},"thumbnailUrl":"http:\/\/mgd-studio.com.ar\/bl\/wp-content\/uploads\/2012\/10\/responsive_web_design1.jpg","keywords":["Tendencias dise\u00f1o web"],"articleSection":["Dise\u00f1o web"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/mgd-studio.com.ar\/bl\/responsive-web-design\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/mgd-studio.com.ar\/bl\/responsive-web-design\/","url":"https:\/\/mgd-studio.com.ar\/bl\/responsive-web-design\/","name":"Reponsive Web Design « MDG-Studio - Desarrollo Web","isPartOf":{"@id":"https:\/\/mgd-studio.com.ar\/bl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mgd-studio.com.ar\/bl\/responsive-web-design\/#primaryimage"},"image":{"@id":"https:\/\/mgd-studio.com.ar\/bl\/responsive-web-design\/#primaryimage"},"thumbnailUrl":"http:\/\/mgd-studio.com.ar\/bl\/wp-content\/uploads\/2012\/10\/responsive_web_design1.jpg","datePublished":"2012-08-24T20:23:58+00:00","dateModified":"2017-06-01T20:48:01+00:00","description":"Responsive web design, es una tendencia nueva dentro del dise\u00f1o Web, enfocada al desarrollo para multiples dispositivos, (tablets, smartphones, desktop).","breadcrumb":{"@id":"https:\/\/mgd-studio.com.ar\/bl\/responsive-web-design\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mgd-studio.com.ar\/bl\/responsive-web-design\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/mgd-studio.com.ar\/bl\/responsive-web-design\/#primaryimage","url":"http:\/\/mgd-studio.com.ar\/bl\/wp-content\/uploads\/2012\/10\/responsive_web_design1.jpg","contentUrl":"http:\/\/mgd-studio.com.ar\/bl\/wp-content\/uploads\/2012\/10\/responsive_web_design1.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/mgd-studio.com.ar\/bl\/responsive-web-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/mgd-studio.com.ar\/bl\/"},{"@type":"ListItem","position":2,"name":"Reponsive Web Design"}]},{"@type":"WebSite","@id":"https:\/\/mgd-studio.com.ar\/bl\/#website","url":"https:\/\/mgd-studio.com.ar\/bl\/","name":"MDG-Studio - Desarrollo Web","description":"Desarrollo Web","publisher":{"@id":"https:\/\/mgd-studio.com.ar\/bl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mgd-studio.com.ar\/bl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/mgd-studio.com.ar\/bl\/#organization","name":"MGD-Studio","url":"https:\/\/mgd-studio.com.ar\/bl\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/mgd-studio.com.ar\/bl\/#\/schema\/logo\/image\/","url":"https:\/\/mgd-studio.com.ar\/bl\/wp-content\/uploads\/2017\/05\/cropped-logo_chico1.png","contentUrl":"https:\/\/mgd-studio.com.ar\/bl\/wp-content\/uploads\/2017\/05\/cropped-logo_chico1.png","width":91,"height":138,"caption":"MGD-Studio"},"image":{"@id":"https:\/\/mgd-studio.com.ar\/bl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/MGDStudio"]},{"@type":"Person","@id":"https:\/\/mgd-studio.com.ar\/bl\/#\/schema\/person\/16e323422eee1bb454348317bef3b8dc","name":"admin","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/aa221409f37d28b1904057e016c25ac05e59a780135aa97c11fb08cf35ea694f?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/aa221409f37d28b1904057e016c25ac05e59a780135aa97c11fb08cf35ea694f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/aa221409f37d28b1904057e016c25ac05e59a780135aa97c11fb08cf35ea694f?s=96&d=mm&r=g","caption":"admin"}}]}},"_links":{"self":[{"href":"https:\/\/mgd-studio.com.ar\/bl\/wp-json\/wp\/v2\/posts\/177","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mgd-studio.com.ar\/bl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mgd-studio.com.ar\/bl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mgd-studio.com.ar\/bl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mgd-studio.com.ar\/bl\/wp-json\/wp\/v2\/comments?post=177"}],"version-history":[{"count":5,"href":"https:\/\/mgd-studio.com.ar\/bl\/wp-json\/wp\/v2\/posts\/177\/revisions"}],"predecessor-version":[{"id":1960,"href":"https:\/\/mgd-studio.com.ar\/bl\/wp-json\/wp\/v2\/posts\/177\/revisions\/1960"}],"wp:attachment":[{"href":"https:\/\/mgd-studio.com.ar\/bl\/wp-json\/wp\/v2\/media?parent=177"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mgd-studio.com.ar\/bl\/wp-json\/wp\/v2\/categories?post=177"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mgd-studio.com.ar\/bl\/wp-json\/wp\/v2\/tags?post=177"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}