{"id":71,"date":"2012-08-10T02:09:53","date_gmt":"2012-08-10T02:09:53","guid":{"rendered":"http:\/\/blog.luisrodriguez.pe\/?p=71"},"modified":"2012-08-23T18:18:54","modified_gmt":"2012-08-23T18:18:54","slug":"que-usar-responsive-web-o-web-mobile","status":"publish","type":"post","link":"https:\/\/luisrodriguez.pe\/blog\/que-usar-responsive-web-o-web-mobile\/","title":{"rendered":"Que usar responsive web o web mobile?"},"content":{"rendered":"

\"\"<\/a>En Per\u00fa existen m\u00e1s celulares que personas de acuerdo a \u00a0Organismo Supervisor de Inversi\u00f3n Privada en Telecomunicaciones (Osiptel)<\/strong> y esto sucede en otros pa\u00edses tambi\u00e9n entonces debemos preocuparnos que nuestra sitio web tiene que ser soportados por estos widget<\/strong>. vamos a ver nuestro sitio web en el navegador de celular y bien puede suceder esto:<\/p>\n

 <\/p>\n

 <\/p>\n

    \n
  1. La web se ve desfigurada<\/li>\n
  2. Lo veo pero est\u00e1 muy peque\u00f1a (esto deber\u00eda ser lo normal)<\/li>\n<\/ol>\n

    Si te sucedi\u00f3 lo del 1er punto es que est\u00e1 mal desarrollado la web o bien ya tiene mucho tiempo sin actualizar la web y no digo actualizaci\u00f3n de informaci\u00f3n si no las tecnolog\u00edas que se usan al desarrollo, bueno si te sucedi\u00f3 del numero 2 ya puedes apreciar que la se ve muy peque\u00f1a y claro es por tama\u00f1o de pantalla del celular y un usuario de un Smartphone touch usar\u00eda los dedos para ampliar la zona y moverse para poder leer la informaci\u00f3n\u00a0 esto es algo molesto para un usuario y si no es touch limitado a ver\u00a0 tu sitio web de esa manera si es que se puede ver algo.<\/p>\n

    Entonces ante este problema se comenz\u00f3 a desarrollar una web mobil que es crear otra web nativa donde se tiene lo b\u00e1sico de la web y hacer que los objetos de la web sean m\u00e1s grandes para poder navegar amigablemente esto s\u00ed que funciono bien pero de pronto aparecen nuevos widget que por la cantidad de usuario ya debemos contemplar el soporte en estas pantallas el ejemplo claro es las Tablet.<\/p>\n

    \"\"<\/a><\/p>\n

    Y ahora qu\u00e9 hacer?
    \ncrear otra p\u00e1gina web para las tablet?<\/p>\n

    Entonces nos damos cuenta que pensar que crear una web para cada widget seria una gran inversi\u00f3n\u00a0<\/strong> y surgi\u00f3 algo a medida en la nueva versi\u00f3n del CSS3<\/strong> los Media Queries<\/strong> con esto podemos cambiar nuestros css<\/strong> por el tama\u00f1o de la pantalla as\u00ed podemos tener varias versiones de la web con un solo sitio web este m\u00e9todo se le llama responsive web.<\/p>\n

    Parece que ya dejamos mal a las web versiones mobil, Las versiones mobiles siempre ser\u00e1n nativas por que fueron hechas para este widget<\/strong> y ese es un gran punto a favor\u00a0 as\u00ed que siempre se ver\u00e1 bien en todo mobil a comparato responsive web pueda que fallar en alg\u00fan navegador mobil.\u00a0 Ahora muchos descartan la web mobil por que ser\u00eda alimentar de contenido a varias versiones pero si lo usan con base de datos esto estar\u00eda solucionado y se pueden mantener tener las versiones.<\/p>\n

    Entonces creo que cada uno ya a estas alturas habr\u00e1 saco sus conclusiones y sabr\u00e1n escoger si bien deciden hacer una versi\u00f3n mobil o responsive web.<\/p>\n

     <\/p>\n

     <\/p>\n

    mi version mobil<\/a>
    \n    \"\"<\/a><\/p>\n

    mi version responsive web<\/p>\n

    \"\"<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"En Per\u00fa existen m\u00e1s celulares que personas de acuerdo a \u00a0Organismo Supervisor de Inversi\u00f3n Privada en Telecomunicaciones (Osiptel) y esto sucede en otros pa\u00edses tambi\u00e9n entonces debemos preocuparnos que nuestra sitio web tiene que ser soportados por estos widget. vamos a ver nuestro sitio web en el navegador de celular y bien puede suceder esto:[…]","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-71","post","type-post","status-publish","format-standard","hentry","category-notas"],"yoast_head":"\nQue usar responsive web o web mobile? - Blog Luis Rodriguez<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/luisrodriguez.pe\/blog\/que-usar-responsive-web-o-web-mobile\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Que usar responsive web o web mobile? - Blog Luis Rodriguez\" \/>\n<meta property=\"og:description\" content=\"En Per\u00fa existen m\u00e1s celulares que personas de acuerdo a \u00a0Organismo Supervisor de Inversi\u00f3n Privada en Telecomunicaciones (Osiptel) y esto sucede en otros pa\u00edses tambi\u00e9n entonces debemos preocuparnos que nuestra sitio web tiene que ser soportados por estos widget. vamos a ver nuestro sitio web en el navegador de celular y bien puede suceder esto:[...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/luisrodriguez.pe\/blog\/que-usar-responsive-web-o-web-mobile\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Luis Rodriguez\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/luisrodriguez.pe\" \/>\n<meta property=\"article:published_time\" content=\"2012-08-10T02:09:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2012-08-23T18:18:54+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/blog.luisrodriguez.pe\/wp-content\/uploads\/2012\/08\/smartphones-300x212.jpg\" \/>\n<meta name=\"author\" content=\"Luis Rodriguez\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@luizmirodriguez\" \/>\n<meta name=\"twitter:site\" content=\"@luizmirodriguez\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Luis Rodriguez\" \/>\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:\/\/luisrodriguez.pe\/blog\/que-usar-responsive-web-o-web-mobile\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/luisrodriguez.pe\/blog\/que-usar-responsive-web-o-web-mobile\/\"},\"author\":{\"name\":\"Luis Rodriguez\",\"@id\":\"https:\/\/luisrodriguez.pe\/blog\/#\/schema\/person\/ec55de81e01fdaf3533eb78f6a49090c\"},\"headline\":\"Que usar responsive web o web mobile?\",\"datePublished\":\"2012-08-10T02:09:53+00:00\",\"dateModified\":\"2012-08-23T18:18:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/luisrodriguez.pe\/blog\/que-usar-responsive-web-o-web-mobile\/\"},\"wordCount\":482,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/luisrodriguez.pe\/blog\/que-usar-responsive-web-o-web-mobile\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/blog.luisrodriguez.pe\/wp-content\/uploads\/2012\/08\/smartphones-300x212.jpg\",\"articleSection\":[\"Notas\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/luisrodriguez.pe\/blog\/que-usar-responsive-web-o-web-mobile\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/luisrodriguez.pe\/blog\/que-usar-responsive-web-o-web-mobile\/\",\"url\":\"https:\/\/luisrodriguez.pe\/blog\/que-usar-responsive-web-o-web-mobile\/\",\"name\":\"Que usar responsive web o web mobile? - Blog Luis Rodriguez\",\"isPartOf\":{\"@id\":\"https:\/\/luisrodriguez.pe\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/luisrodriguez.pe\/blog\/que-usar-responsive-web-o-web-mobile\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/luisrodriguez.pe\/blog\/que-usar-responsive-web-o-web-mobile\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/blog.luisrodriguez.pe\/wp-content\/uploads\/2012\/08\/smartphones-300x212.jpg\",\"datePublished\":\"2012-08-10T02:09:53+00:00\",\"dateModified\":\"2012-08-23T18:18:54+00:00\",\"author\":{\"@id\":\"https:\/\/luisrodriguez.pe\/blog\/#\/schema\/person\/ec55de81e01fdaf3533eb78f6a49090c\"},\"breadcrumb\":{\"@id\":\"https:\/\/luisrodriguez.pe\/blog\/que-usar-responsive-web-o-web-mobile\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/luisrodriguez.pe\/blog\/que-usar-responsive-web-o-web-mobile\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/luisrodriguez.pe\/blog\/que-usar-responsive-web-o-web-mobile\/#primaryimage\",\"url\":\"http:\/\/blog.luisrodriguez.pe\/wp-content\/uploads\/2012\/08\/smartphones-300x212.jpg\",\"contentUrl\":\"http:\/\/blog.luisrodriguez.pe\/wp-content\/uploads\/2012\/08\/smartphones-300x212.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/luisrodriguez.pe\/blog\/que-usar-responsive-web-o-web-mobile\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/luisrodriguez.pe\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Que usar responsive web o web mobile?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/luisrodriguez.pe\/blog\/#website\",\"url\":\"https:\/\/luisrodriguez.pe\/blog\/\",\"name\":\"Blog Luis Rodriguez\",\"description\":\"Analytics Developer\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/luisrodriguez.pe\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/luisrodriguez.pe\/blog\/#\/schema\/person\/ec55de81e01fdaf3533eb78f6a49090c\",\"name\":\"Luis Rodriguez\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/3b0f9734b267ecb38e1860734b4caebda4efa8be9a2bb536862b6a2ba23afa82?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3b0f9734b267ecb38e1860734b4caebda4efa8be9a2bb536862b6a2ba23afa82?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3b0f9734b267ecb38e1860734b4caebda4efa8be9a2bb536862b6a2ba23afa82?s=96&d=mm&r=g\",\"caption\":\"Luis Rodriguez\"},\"description\":\"Hola, Soy Luis Rodriguez, radico en Lima \u2013 Per\u00fa, formado en una carrera inform\u00e1tica, desempe\u00f1ando desde el 2007 como programador web y viendo proyectos desde Front End y Back End a lo que me perfile como Full Stack. Esta Experiencia junto a mi inter\u00e9s en la Anal\u00edtica Web me ayud\u00f3 mucho entender el funcionamiento interno de las herramientas de anal\u00edtica, con las que vengo trabajo activamente desde 2017. Linkedin\",\"sameAs\":[\"http:\/\/luisrodriguez.pe\"],\"url\":\"https:\/\/luisrodriguez.pe\/blog\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Que usar responsive web o web mobile? - Blog Luis Rodriguez","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:\/\/luisrodriguez.pe\/blog\/que-usar-responsive-web-o-web-mobile\/","og_locale":"es_ES","og_type":"article","og_title":"Que usar responsive web o web mobile? - Blog Luis Rodriguez","og_description":"En Per\u00fa existen m\u00e1s celulares que personas de acuerdo a \u00a0Organismo Supervisor de Inversi\u00f3n Privada en Telecomunicaciones (Osiptel) y esto sucede en otros pa\u00edses tambi\u00e9n entonces debemos preocuparnos que nuestra sitio web tiene que ser soportados por estos widget. vamos a ver nuestro sitio web en el navegador de celular y bien puede suceder esto:[...]","og_url":"https:\/\/luisrodriguez.pe\/blog\/que-usar-responsive-web-o-web-mobile\/","og_site_name":"Blog Luis Rodriguez","article_publisher":"https:\/\/www.facebook.com\/luisrodriguez.pe","article_published_time":"2012-08-10T02:09:53+00:00","article_modified_time":"2012-08-23T18:18:54+00:00","og_image":[{"url":"http:\/\/blog.luisrodriguez.pe\/wp-content\/uploads\/2012\/08\/smartphones-300x212.jpg","type":"","width":"","height":""}],"author":"Luis Rodriguez","twitter_card":"summary_large_image","twitter_creator":"@luizmirodriguez","twitter_site":"@luizmirodriguez","twitter_misc":{"Escrito por":"Luis Rodriguez","Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/luisrodriguez.pe\/blog\/que-usar-responsive-web-o-web-mobile\/#article","isPartOf":{"@id":"https:\/\/luisrodriguez.pe\/blog\/que-usar-responsive-web-o-web-mobile\/"},"author":{"name":"Luis Rodriguez","@id":"https:\/\/luisrodriguez.pe\/blog\/#\/schema\/person\/ec55de81e01fdaf3533eb78f6a49090c"},"headline":"Que usar responsive web o web mobile?","datePublished":"2012-08-10T02:09:53+00:00","dateModified":"2012-08-23T18:18:54+00:00","mainEntityOfPage":{"@id":"https:\/\/luisrodriguez.pe\/blog\/que-usar-responsive-web-o-web-mobile\/"},"wordCount":482,"commentCount":0,"image":{"@id":"https:\/\/luisrodriguez.pe\/blog\/que-usar-responsive-web-o-web-mobile\/#primaryimage"},"thumbnailUrl":"http:\/\/blog.luisrodriguez.pe\/wp-content\/uploads\/2012\/08\/smartphones-300x212.jpg","articleSection":["Notas"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/luisrodriguez.pe\/blog\/que-usar-responsive-web-o-web-mobile\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/luisrodriguez.pe\/blog\/que-usar-responsive-web-o-web-mobile\/","url":"https:\/\/luisrodriguez.pe\/blog\/que-usar-responsive-web-o-web-mobile\/","name":"Que usar responsive web o web mobile? - Blog Luis Rodriguez","isPartOf":{"@id":"https:\/\/luisrodriguez.pe\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/luisrodriguez.pe\/blog\/que-usar-responsive-web-o-web-mobile\/#primaryimage"},"image":{"@id":"https:\/\/luisrodriguez.pe\/blog\/que-usar-responsive-web-o-web-mobile\/#primaryimage"},"thumbnailUrl":"http:\/\/blog.luisrodriguez.pe\/wp-content\/uploads\/2012\/08\/smartphones-300x212.jpg","datePublished":"2012-08-10T02:09:53+00:00","dateModified":"2012-08-23T18:18:54+00:00","author":{"@id":"https:\/\/luisrodriguez.pe\/blog\/#\/schema\/person\/ec55de81e01fdaf3533eb78f6a49090c"},"breadcrumb":{"@id":"https:\/\/luisrodriguez.pe\/blog\/que-usar-responsive-web-o-web-mobile\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/luisrodriguez.pe\/blog\/que-usar-responsive-web-o-web-mobile\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/luisrodriguez.pe\/blog\/que-usar-responsive-web-o-web-mobile\/#primaryimage","url":"http:\/\/blog.luisrodriguez.pe\/wp-content\/uploads\/2012\/08\/smartphones-300x212.jpg","contentUrl":"http:\/\/blog.luisrodriguez.pe\/wp-content\/uploads\/2012\/08\/smartphones-300x212.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/luisrodriguez.pe\/blog\/que-usar-responsive-web-o-web-mobile\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/luisrodriguez.pe\/blog\/"},{"@type":"ListItem","position":2,"name":"Que usar responsive web o web mobile?"}]},{"@type":"WebSite","@id":"https:\/\/luisrodriguez.pe\/blog\/#website","url":"https:\/\/luisrodriguez.pe\/blog\/","name":"Blog Luis Rodriguez","description":"Analytics Developer","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/luisrodriguez.pe\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/luisrodriguez.pe\/blog\/#\/schema\/person\/ec55de81e01fdaf3533eb78f6a49090c","name":"Luis Rodriguez","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/3b0f9734b267ecb38e1860734b4caebda4efa8be9a2bb536862b6a2ba23afa82?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/3b0f9734b267ecb38e1860734b4caebda4efa8be9a2bb536862b6a2ba23afa82?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3b0f9734b267ecb38e1860734b4caebda4efa8be9a2bb536862b6a2ba23afa82?s=96&d=mm&r=g","caption":"Luis Rodriguez"},"description":"Hola, Soy Luis Rodriguez, radico en Lima \u2013 Per\u00fa, formado en una carrera inform\u00e1tica, desempe\u00f1ando desde el 2007 como programador web y viendo proyectos desde Front End y Back End a lo que me perfile como Full Stack. Esta Experiencia junto a mi inter\u00e9s en la Anal\u00edtica Web me ayud\u00f3 mucho entender el funcionamiento interno de las herramientas de anal\u00edtica, con las que vengo trabajo activamente desde 2017. Linkedin","sameAs":["http:\/\/luisrodriguez.pe"],"url":"https:\/\/luisrodriguez.pe\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/luisrodriguez.pe\/blog\/wp-json\/wp\/v2\/posts\/71","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/luisrodriguez.pe\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/luisrodriguez.pe\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/luisrodriguez.pe\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/luisrodriguez.pe\/blog\/wp-json\/wp\/v2\/comments?post=71"}],"version-history":[{"count":22,"href":"https:\/\/luisrodriguez.pe\/blog\/wp-json\/wp\/v2\/posts\/71\/revisions"}],"predecessor-version":[{"id":98,"href":"https:\/\/luisrodriguez.pe\/blog\/wp-json\/wp\/v2\/posts\/71\/revisions\/98"}],"wp:attachment":[{"href":"https:\/\/luisrodriguez.pe\/blog\/wp-json\/wp\/v2\/media?parent=71"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/luisrodriguez.pe\/blog\/wp-json\/wp\/v2\/categories?post=71"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/luisrodriguez.pe\/blog\/wp-json\/wp\/v2\/tags?post=71"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}