{"id":650,"date":"2008-10-26T09:26:41","date_gmt":"2008-10-26T08:26:41","guid":{"rendered":"http:\/\/kusanagiweb.com\/?p=650"},"modified":"2009-05-24T17:08:20","modified_gmt":"2009-05-24T16:08:20","slug":"iphoney-y-wptouch","status":"publish","type":"post","link":"https:\/\/knsweb.net\/?p=650","title":{"rendered":"iPhoney y WPTouch"},"content":{"rendered":"

> echo Como ya comente en post anteriores sobre el tema (1<\/a> y 2<\/a>) crear una web rica en contenido y adaptada a dispositivos como tel\u00e9fonos m\u00f3viles, no es f\u00e1cil. La versi\u00f3n para m\u00f3viles de esta web<\/a>, aunque ha ido evolucionando, sigue siendo bastante b\u00e1sica, pero quizas haya encontrado una forma de remediarlo, al menos en parte.<\/p>\n

WPTouch<\/strong>
\nHace unos d\u00edas descubr\u00ed un plugin para wordpress llamado WPTouch<\/a> (aunque hay otros, como este<\/a> o este<\/a>, que tampoco conoc\u00eda) que permite adaptar el aspecto de la web, mediante un theme<\/em> especial, para verla de forma \u00f3ptima (ya sea en vertical u horizontal) en un iPod Touch o en un iPhone.
\nA\u00fan no he conseguido hacerlo funcionar bi\u00e9n, quizas por el WP-Cache<\/a> o por que la he cagado con la config, cosa que tambi\u00e9n es posible. De cualquier modo, es cuesti\u00f3n de tiempo.
\nLa idea es que si este plugin funciona, quizas pueda usarlo como plataforma, para adaptar la web a otro tipos de dispositivos, ya que su funcionamiento se basa en el user_agent<\/em> del navegador del usuario. El problema es c\u00f3mo comprobar si funciona o no, si no tengo a mano un cacharro de Apple…<\/p>\n

iPhoney<\/strong>
\niPhoney<\/a> es un emulador del navegador del iPhone (o iPod Touch) que representa de forma precisa (pixel por pixel) como quedar\u00eda una web en la pantalla de uno de estos dispositivos. Es decir, puedes probar el desarrollo de una web como si tuvieras uno en la mano. El emulador permite rotar la pantalla, mostrar o esconder la barra de navegaci\u00f3n, simular el user_agent<\/em> (el punto clave) del navegador, quitar el zoom para ver la vista real, desactivar plugin, etc…
\nAdem\u00e1s se actualiza autom\u00e1ticamente y es Open Source (y gratuito) pero tiene una pega… Solo est\u00e1 disponible para MAC. As\u00ed que de momento solo he podido hacer una prueba en el mini de la nena<\/a> \ud83d\ude41<\/p>\n

\"Kusanagiweb<\/a>
Kusanagiweb en iPhoney (Click para agrandar)<\/figcaption><\/figure>\n

Aunque la web “se ve”, el texto es apenas legible (Tendr\u00eda que confirmalo con un terminal real). Necesita poder adaptarse y reducirse para que no sea tan pesada para un tel\u00e9fono m\u00f3vil .
\nProbando con la vista “mobile” del Opera mini, podemos conseguir algo similar, pero no respeta la posici\u00f3n del sidebar<\/em>, header<\/em> y otros elementos. Y aunque reduce bastante el peso de la web, sigue siendo bastante para un m\u00f3vil. En estos momentos la portada del blog, con 5 o 6 fotos, pesa 61KB (11KB la versi\u00f3n para m\u00f3viles actual). No es mucho, pero es 3 veces m\u00e1s de lo que recomienda el W3C y quiz\u00e1s no todo el mundo est\u00e9 dispuesto a pagar ese tr\u00e1fico de datos. Por contra, el texto es perfectamente legible y las im\u00e1genes se ven con la calidad suficiente (llenan el ancho de la pantalla).<\/p>\n

Habr\u00e1 que seguir el desarrollo…<\/p>\n

* Kusanagiweb.com era el nombe antiguo de esta web.<\/p>\n","protected":false},"excerpt":{"rendered":"

> echo Como ya comente en post anteriores sobre el tema (1 y 2) crear una web rica en contenido y adaptada a dispositivos como tel\u00e9fonos m\u00f3viles, no es f\u00e1cil. La versi\u00f3n para m\u00f3viles de esta web, aunque ha ido evolucionando, sigue siendo bastante b\u00e1sica, pero quizas haya encontrado una forma de remediarlo, al menos […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[22],"tags":[32,159,33],"class_list":["post-650","post","type-post","status-publish","format-standard","hentry","category-webdesign","tag-iphoney","tag-webdesign","tag-wptouch"],"_links":{"self":[{"href":"https:\/\/knsweb.net\/index.php?rest_route=\/wp\/v2\/posts\/650","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/knsweb.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/knsweb.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/knsweb.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/knsweb.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=650"}],"version-history":[{"count":0,"href":"https:\/\/knsweb.net\/index.php?rest_route=\/wp\/v2\/posts\/650\/revisions"}],"wp:attachment":[{"href":"https:\/\/knsweb.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=650"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/knsweb.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=650"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/knsweb.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=650"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}