{"id":560,"date":"2010-03-10T00:04:23","date_gmt":"2010-03-09T22:04:23","guid":{"rendered":"http:\/\/www.4webs.es\/blog\/?p=560"},"modified":"2010-03-10T00:08:24","modified_gmt":"2010-03-09T22:08:24","slug":"disenar-paginas-web-para-iphone","status":"publish","type":"post","link":"https:\/\/www.4webs.es\/blog\/disenar-paginas-web-para-iphone","title":{"rendered":"Dise\u00f1ar P\u00e1ginas web para Iphone"},"content":{"rendered":"<div class=\"row\"><div class=\"col-md-11 content-article\"><p style=\"text-align: center;\"><a rel=\"attachment wp-att-561\" href=\"https:\/\/www.4webs.es\/blog\/disenar-paginas-web-para-iphone\/paginas-web-iphone\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-561\"  src=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2010\/03\/paginas-web-iphone.jpg\" alt=\"\" width=\"493\" height=\"273\" srcset=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2010\/03\/paginas-web-iphone.jpg 493w, https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2010\/03\/paginas-web-iphone-300x166.jpg 300w\" sizes=\"auto, (max-width: 493px) 85vw, 493px\" \/><\/a><\/p>\n<p>El futuro del <a  href=\"https:\/\/www.4webs.es\">dise\u00f1o web<\/a> pasan por los dispositivos moviles, las estad\u00edsticas est\u00e1n ah\u00ed, un mill\u00f3n de dispositivos vendidos el primer fin de semana que sali\u00f3 el Iphone, en 2009 fueron vendidos alrededor de 45 millones de dispositivos, lo que querr\u00eda decir que todos los espa\u00f1oles tendr\u00edan un iphone&#8230;<\/p>\n<p>Debemos saber ciertas reglas cuando dise\u00f1amos para iphones, como que no se visualizan los elementos flash, disponemos de una resoluci\u00f3n menor, el tama\u00f1o de im\u00e1genes no puede pasar de un tama\u00f1o espec\u00edfico, 320\u00d7480px. Las tipograf\u00edas soportadas son American Typewriter, Arial, Arial Rounded MT Bold, Courier, Courier New, Georgia, Helvetica, Helvetica Neue, Marker Felt, Times New Roman, Trebuchet MS, Verdana y Zapfino.<\/p>\n<p>Estas son solo algunas de las cuestiones b\u00e1sicas que os ense\u00f1aremos.<\/p>\n<p><strong>CARGAR CSS O WEB DISE\u00d1ADA ESPEC\u00cdFICAMENTE PARA IPHONE<\/strong><\/p>\n<p>El c\u00f3digo para que detecte que la p\u00e1gina se est\u00e1 viendo desde un iphone es el siguiente, se podr\u00eda hacer bien que cargue una css espec\u00edfica o bien que cargue una web con programaci\u00f3n espec\u00edfica para el dispositivo m\u00f3vil.<\/p>\n<p>Mediante Javascript:<\/p>\n<pre lang=\"javascript\">if((navigator.userAgent.match(\/iPhone\/i)) || (navigator.userAgent.match(\/iPod\/i))) {\r\n\tif (document.cookie.indexOf(\"iphone_redirect=false\") == -1) {\r\n\t\twindow.location = \"http:\/\/m.espn.go.com\/wireless\/?iphone&amp;i=COMR\";\r\n\t}\r\n}\r\n<\/pre>\n<p>Mediante PHP:<\/p>\n<pre lang=\"php\">if(strstr($_SERVER['HTTP_USER_AGENT'],'iPhone') || strstr($_SERVER['HTTP_USER_AGENT'],'iPod')) {\r\n\theader('Location: http:\/\/yoursite.com\/iphone');\r\n\texit();\r\n}\r\n<\/pre>\n<p><strong>DEFINIR LA ESCALA DE VISUALIZACI\u00d3N DE LA P\u00c1GINA WEB<\/strong><br \/>\nCuando entramos en una web desde nuestro iphone y la vemos en peque\u00f1ito,es debido a que el desarrollador no ha insertado el c\u00f3digo que indica el ancho de pantalla (<em>width=device-width<\/em>).<\/p>\n<pre lang=\"html\"><meta name = \"viewport\" content = \"\r\nwidth = 1100,  <!-- Indicamos el tama\u00f1o inicial, por defecto es 980. El rango es de 200 a 10.000 -->\r\nuser-scalable = yes,  <!-- Indica si el usuario puede ampliar las fotos yes\/no -->\r\ninitial-scale = 0.4,  <!-- Indica la escala inicial con la que entramos. -->\r\nmaximum-scale = 1 <!-- factor m\u00e1ximo de escala. El rango es de 0 a 10 -->\r\nminimum-scale = 1 <!-- factor m\u00ednimo de escala. El rango esd de 0 a 10 -->\r\n\"\/><\/pre>\n<p><strong>A\u00d1ADIR UN ICONO PERSONALIZADO DE LA P\u00c1GINA WEB EN EL ESCRITORIO DEL IPHONE<\/strong><\/p>\n<p>Si lo que necesitamos es a\u00f1adir un icono a la web, para que cualquier usuario la pueda agregar a favoritos en su dispositivo movil, tan solo tendremos que crear una imagen de\u00a057px por 57px en formato\u00a0<em>.png<\/em>. No tienes por qu\u00e9 a\u00f1adir brillos o esquinas ya que el iPhone las a\u00f1ade autom\u00e1ticamente:<\/p>\n<pre lang=\"html\">&lt;rel=\"apple-touch-icon\" href=\"images\/template\/engage.png\"\/&gt;<\/pre>\n<p><strong>DESACTIVAR AUTOAJUSTE DE TEXTO AL ROTAR EN SAFARI<\/strong><br \/>\nCuando giramos el iphone, safari por defecto autoajusta el tama\u00f1o del texto si lo que queremos es desactivar esta funci\u00f3n tendremos que a\u00f1adir las siguiente lineas en nuestra css.<\/p>\n<pre lang=\"css\">html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {\r\n\t-webkit-text-size-adjust:none;\r\n}<\/pre>\n<p><strong>APLICAR CSS ESPECIFICOS PARA EL IPHONE<\/strong><\/p>\n<p>Si lo que queremos es que se apliquen ciertos estilos solamente cuando se est\u00e9 visualizando en un iphone, aplicando el siguiente c\u00f3digo:<\/p>\n<pre lang=\"css\">@media screen and (max-device-width: 480px){\r\n\t\/* Todo el CSS para iPhone va aqui *\/\r\n}\r\n<\/pre>\n<p><strong>REDIMENSIONAR IM\u00c1GENES AL ANCHO DE PANTALLA DEL IPHONE<\/strong><\/p>\n<p>Otro dato que tenemos que tener en cuenta cuando dise\u00f1amos p\u00e1ginas web para iphone es el tama\u00f1o de las mismas, ya que en este dispositivo m\u00f3vil el ancho m\u00e1ximo es de 480px por lo que si es m\u00e1s grande se saldr\u00e1 de la pantalla, con el siguiente c\u00f3digo conseguiremos que se queden encajadas en la pantalla<\/p>\n<pre lang=\"css\">@media screen and (max-device-width: 480px){\r\n\timg{\r\n\t\tmax-width:100%;\r\n\t\theight:auto;\r\n\t}\r\n}\r\n<\/pre>\n<p><strong>FUNCIONES EXCLUSIVAS PARA IPHONE: LLAMAR Y MANDAR SMS<\/strong><br \/>\nUno de mis grandes descrubimientos han sido estas dos funciones ya que son espec\u00edficas para usar en dispositivos m\u00f3viles, y nos servir\u00e1n para llamar directamente al pulsar o enviar un sms<\/p>\n<pre lang=\"html\"><a href=\"tel:961111111\">Ll\u00e1mame<\/a>\r\n<\/pre>\n<pre lang=\"html\"><a href=\"sms:961111111\">M\u00e1ndame un SMS<\/a>\r\n<\/pre>\n<p><strong>APLICAR CSS SEGUN ESTE EN VERTICAL O HORIZONTAL<\/strong><br \/>\nCon este script conseguiremos aplicar un css especifica seg\u00fan se est\u00e9 visualizando horizontal o verticalmente.<\/p>\n<pre lang=\"javascript\">window.onload = function initialLoad() {\r\n\tupdateOrientation();\r\n}\r\nfunction updateOrientation(){\r\n\tvar contentType = \"show_\";\r\n\tswitch(window.orientation){\r\n\t\tcase 0:\r\n\tcontentType += \"normal\";\r\n\tbreak;\r\n\tcase -90:\r\n\tcontentType += \"right\";\r\n\tbreak;\r\n\tcase 90:\r\n\tcontentType += \"left\";\r\n\tbreak;\r\n\tcase 180:\r\n\tcontentType += \"flipped\";\r\n\tbreak;\r\n\t}\r\n\tdocument.getElementById(\"div_identificativo\").setAttribute(\"class\", contentType);\r\n}<\/pre>\n<p><strong>DESACTIVAR BARRA DE TAREAS EN SAFARI<\/strong><\/p>\n<pre lang=\"javascript\">window.addEventListener('load', function() {\r\n\tsetTimeout(scrollTo, 0, 0, 1);\r\n}, false);\r\n<\/pre>\n<p><strong>ESTILO LINKS HOVER EN IPHONE<\/strong><\/p>\n<pre lang=\"javascript\">var myLinks = document.getElementsByTagName('a');\r\nfor(var i = 0; i &lt;myLinks.length; i++){\r\n   myLinks[i].addEventListener('touchstart', function(){this.className = \"hover\";}, false);\r\n   myLinks[i].addEventListener('touchend', function(){this.className = \"\";}, false);\r\n}\r\n<\/pre>\n<pre lang=\"css\">a:hover, a.hover {\r\n\t\/* el efecto hover que sea*\/\r\n}\r\n<\/pre>\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>El futuro del dise\u00f1o web pasan por los dispositivos moviles, las estad\u00edsticas est\u00e1n ah\u00ed, un mill\u00f3n de dispositivos vendidos el primer fin de semana que sali\u00f3 el Iphone, en 2009 fueron vendidos alrededor de 45 millones de dispositivos, lo que querr\u00eda decir que todos los espa\u00f1oles tendr\u00edan un iphone&#8230; Debemos saber ciertas reglas cuando dise\u00f1amos &hellip; <a href=\"https:\/\/www.4webs.es\/blog\/disenar-paginas-web-para-iphone\" class=\"more-link\">Continuar leyendo<span class=\"screen-reader-text\"> \u00abDise\u00f1ar P\u00e1ginas web para Iphone\u00bb<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":561,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9,3],"tags":[],"class_list":{"0":"post-560","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-actualidad","8":"category-diseno-web"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Dise\u00f1ar P\u00e1ginas web para Iphone | 4webs.es<\/title>\n<meta name=\"description\" content=\"El futuro del dise\u00f1o web pasan por los dispositivos moviles, las estad\u00edsticas est\u00e1n ah\u00ed, un mill\u00f3n de dispositivos vendidos el primer fin de semana que\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.4webs.es\/blog\/disenar-paginas-web-para-iphone\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dise\u00f1ar P\u00e1ginas web para Iphone | 4webs.es\" \/>\n<meta property=\"og:description\" content=\"El futuro del dise\u00f1o web pasan por los dispositivos moviles, las estad\u00edsticas est\u00e1n ah\u00ed, un mill\u00f3n de dispositivos vendidos el primer fin de semana que\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.4webs.es\/blog\/disenar-paginas-web-para-iphone\" \/>\n<meta property=\"og:site_name\" content=\"4webs\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/4webs\" \/>\n<meta property=\"article:published_time\" content=\"2010-03-09T22:04:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2010-03-09T22:08:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2010\/03\/paginas-web-iphone.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"493\" \/>\n\t<meta property=\"og:image:height\" content=\"273\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Pablo Risue\u00f1o\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@4webs\" \/>\n<meta name=\"twitter:site\" content=\"@4webs\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pablo Risue\u00f1o\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/disenar-paginas-web-para-iphone#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/disenar-paginas-web-para-iphone\"},\"author\":{\"name\":\"Pablo Risue\u00f1o\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#\\\/schema\\\/person\\\/fc07e8cecb1e51ce56b131a1eb0b3048\"},\"headline\":\"Dise\u00f1ar P\u00e1ginas web para Iphone\",\"datePublished\":\"2010-03-09T22:04:23+00:00\",\"dateModified\":\"2010-03-09T22:08:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/disenar-paginas-web-para-iphone\"},\"wordCount\":537,\"commentCount\":7,\"image\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/disenar-paginas-web-para-iphone#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2010\\\/03\\\/paginas-web-iphone.jpg\",\"articleSection\":[\"Actualidad\",\"Dise\u00f1o web\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.4webs.es\\\/blog\\\/disenar-paginas-web-para-iphone#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/disenar-paginas-web-para-iphone\",\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/disenar-paginas-web-para-iphone\",\"name\":\"Dise\u00f1ar P\u00e1ginas web para Iphone | 4webs.es\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/disenar-paginas-web-para-iphone#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/disenar-paginas-web-para-iphone#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2010\\\/03\\\/paginas-web-iphone.jpg\",\"datePublished\":\"2010-03-09T22:04:23+00:00\",\"dateModified\":\"2010-03-09T22:08:24+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#\\\/schema\\\/person\\\/fc07e8cecb1e51ce56b131a1eb0b3048\"},\"description\":\"El futuro del dise\u00f1o web pasan por los dispositivos moviles, las estad\u00edsticas est\u00e1n ah\u00ed, un mill\u00f3n de dispositivos vendidos el primer fin de semana que\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/disenar-paginas-web-para-iphone#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.4webs.es\\\/blog\\\/disenar-paginas-web-para-iphone\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/disenar-paginas-web-para-iphone#primaryimage\",\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2010\\\/03\\\/paginas-web-iphone.jpg\",\"contentUrl\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2010\\\/03\\\/paginas-web-iphone.jpg\",\"width\":493,\"height\":273},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/disenar-paginas-web-para-iphone#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.4webs.es\\\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dise\u00f1ar P\u00e1ginas web para Iphone\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/\",\"name\":\"4webs\",\"description\":\"Desarrollo con Prestashop, gesti\u00f3n de proyectos ecommerce\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#\\\/schema\\\/person\\\/fc07e8cecb1e51ce56b131a1eb0b3048\",\"name\":\"Pablo Risue\u00f1o\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g\",\"caption\":\"Pablo Risue\u00f1o\"},\"sameAs\":[\"http:\\\/\\\/www.4webs.es\"],\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/author\\\/admin\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Dise\u00f1ar P\u00e1ginas web para Iphone | 4webs.es","description":"El futuro del dise\u00f1o web pasan por los dispositivos moviles, las estad\u00edsticas est\u00e1n ah\u00ed, un mill\u00f3n de dispositivos vendidos el primer fin de semana que","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:\/\/www.4webs.es\/blog\/disenar-paginas-web-para-iphone","og_locale":"es_ES","og_type":"article","og_title":"Dise\u00f1ar P\u00e1ginas web para Iphone | 4webs.es","og_description":"El futuro del dise\u00f1o web pasan por los dispositivos moviles, las estad\u00edsticas est\u00e1n ah\u00ed, un mill\u00f3n de dispositivos vendidos el primer fin de semana que","og_url":"https:\/\/www.4webs.es\/blog\/disenar-paginas-web-para-iphone","og_site_name":"4webs","article_publisher":"https:\/\/www.facebook.com\/4webs","article_published_time":"2010-03-09T22:04:23+00:00","article_modified_time":"2010-03-09T22:08:24+00:00","og_image":[{"width":493,"height":273,"url":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2010\/03\/paginas-web-iphone.jpg","type":"image\/jpeg"}],"author":"Pablo Risue\u00f1o","twitter_card":"summary_large_image","twitter_creator":"@4webs","twitter_site":"@4webs","twitter_misc":{"Escrito por":"Pablo Risue\u00f1o","Tiempo de lectura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.4webs.es\/blog\/disenar-paginas-web-para-iphone#article","isPartOf":{"@id":"https:\/\/www.4webs.es\/blog\/disenar-paginas-web-para-iphone"},"author":{"name":"Pablo Risue\u00f1o","@id":"https:\/\/www.4webs.es\/blog\/#\/schema\/person\/fc07e8cecb1e51ce56b131a1eb0b3048"},"headline":"Dise\u00f1ar P\u00e1ginas web para Iphone","datePublished":"2010-03-09T22:04:23+00:00","dateModified":"2010-03-09T22:08:24+00:00","mainEntityOfPage":{"@id":"https:\/\/www.4webs.es\/blog\/disenar-paginas-web-para-iphone"},"wordCount":537,"commentCount":7,"image":{"@id":"https:\/\/www.4webs.es\/blog\/disenar-paginas-web-para-iphone#primaryimage"},"thumbnailUrl":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2010\/03\/paginas-web-iphone.jpg","articleSection":["Actualidad","Dise\u00f1o web"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.4webs.es\/blog\/disenar-paginas-web-para-iphone#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.4webs.es\/blog\/disenar-paginas-web-para-iphone","url":"https:\/\/www.4webs.es\/blog\/disenar-paginas-web-para-iphone","name":"Dise\u00f1ar P\u00e1ginas web para Iphone | 4webs.es","isPartOf":{"@id":"https:\/\/www.4webs.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.4webs.es\/blog\/disenar-paginas-web-para-iphone#primaryimage"},"image":{"@id":"https:\/\/www.4webs.es\/blog\/disenar-paginas-web-para-iphone#primaryimage"},"thumbnailUrl":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2010\/03\/paginas-web-iphone.jpg","datePublished":"2010-03-09T22:04:23+00:00","dateModified":"2010-03-09T22:08:24+00:00","author":{"@id":"https:\/\/www.4webs.es\/blog\/#\/schema\/person\/fc07e8cecb1e51ce56b131a1eb0b3048"},"description":"El futuro del dise\u00f1o web pasan por los dispositivos moviles, las estad\u00edsticas est\u00e1n ah\u00ed, un mill\u00f3n de dispositivos vendidos el primer fin de semana que","breadcrumb":{"@id":"https:\/\/www.4webs.es\/blog\/disenar-paginas-web-para-iphone#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.4webs.es\/blog\/disenar-paginas-web-para-iphone"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.4webs.es\/blog\/disenar-paginas-web-para-iphone#primaryimage","url":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2010\/03\/paginas-web-iphone.jpg","contentUrl":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2010\/03\/paginas-web-iphone.jpg","width":493,"height":273},{"@type":"BreadcrumbList","@id":"https:\/\/www.4webs.es\/blog\/disenar-paginas-web-para-iphone#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.4webs.es\/blog"},{"@type":"ListItem","position":2,"name":"Dise\u00f1ar P\u00e1ginas web para Iphone"}]},{"@type":"WebSite","@id":"https:\/\/www.4webs.es\/blog\/#website","url":"https:\/\/www.4webs.es\/blog\/","name":"4webs","description":"Desarrollo con Prestashop, gesti\u00f3n de proyectos ecommerce","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.4webs.es\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.4webs.es\/blog\/#\/schema\/person\/fc07e8cecb1e51ce56b131a1eb0b3048","name":"Pablo Risue\u00f1o","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g","caption":"Pablo Risue\u00f1o"},"sameAs":["http:\/\/www.4webs.es"],"url":"https:\/\/www.4webs.es\/blog\/author\/admin"}]}},"_links":{"self":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts\/560","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/comments?post=560"}],"version-history":[{"count":9,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts\/560\/revisions"}],"predecessor-version":[{"id":570,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts\/560\/revisions\/570"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/media\/561"}],"wp:attachment":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/media?parent=560"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/categories?post=560"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/tags?post=560"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}