Mis iconos favoritos en iPhone / iPod Touch

Ayer fue día de actualizar las apps del iPod Touch, y mientras se actualizaban estuve viendo los iconos de las que tengo instaladas.

De 52 aplicaciones instaladas, dejo mis 6 iconos favoritos:

bolsacontactosgoogledocs

speedtesttapdefenseyahoo

  • Son frescos/modernos
  • Son diferentes de la mayoría
  • Son fáciles de encontrar
  • Buen diseño (no necesitas texto para entenderlos).

Crear un icono no es tarea fácil, a menos tamaño mayor dificultad, pero estos han logrado muy bien su propósito.

¿Cuáles son tus favoritos?

Detectar iPhone y aplicar estilos usando HTML o Javascript

Hace dos días les mostraba cómo crear un campo de texto con botón de borrar incluido, en ese ejemplo tuve que distinguir entre Safari de Safari Mobile (iPhone/iPod Touch) porque aunque ambos usan webkit aún muestran pequeñas diferencias en la forma de mostrar el HTML y CSS.

Detectar iPhone y aplicar estilos usando HTML

La forma de detectar el iPhone usando HTML y aplicar los estilos adecuados la descubrí en “CSS, JavaScript and XHTML Explained” .

Con un hack en la etiqueta <Link>

El hack consiste en agregar un estilo a través de la etiqueta link con un media type especial

<!--[if !IE]>–>
<link media="only screen and (max-device-width: 480px)" type="text/css" rel="stylesheet" href="iphone.css" />
<!–<![endif]–>

Only screen es detectado por la mayoría de navegadores mientras que (max-device-width: 480px) solo por el iPhone y iPod Touch. De esta forma la hoja de estilo solo es cargada por el iPhone/iPod Touch. Se añaden los comentarios condicionales para Internet Explorer, porque según comentan en el blog original, algunas versiones de Internet explorer cargan la el estilo para iphone.

Con un hack en la etiqueta <style>

De la misma forma anterior se puede aplicar el estilo necesario en la etiqueta Style directamente, de esta forma

<style media="only screen and (max-device-width: 480px)" type="text/css">
  .texto{color:blue;}
</style>

Detectar iPhone y aplicar estilos usando Javascript

La forma de detectar el iPhone con Javascript la utilice en el ejemplo anterior del campo de texto, y aunque es funcional es un poco más complicada que la anterior y requiere de Javascript.

if(navigator.platform=="iPhone"||navigator.platform=="iPod"){
 document.write('<style> texto{color:blue;};</style>’);
}

En este caso use la variable platform del objeto navigator de Javascript, que en el caso del iPhone devuelve “iPhone” y en del iPod Touch “ipod”.

Demo

Los dejo con algunas capturas del resultado del segundo método en diferentes navegadores, para el ejemplo: Safari Mobile, Firefox, IE y Safari.

Safari Mobile (iPod Touch)

Hack safari mobile

Firefox

Hack safari mobile en Firefox

Internet Explorer

Hack safari mobile en Internet Explorer

Safari (Windows)

Hack safari mobile en Safari

El ejemplo lo encuentras en http://webdebolsillo.com//sandbox/hacks-safari-mobile/

Entretenido con 3 juegos para iPhone

Tres juegos para iPhoneEsta semana que paso estuve bastante entretenido con 3 juegos para el iPod Touch, iTouch de cariño ;) , dos juegos de carros y un juego de Poker en el que soy malo pero me gusta jugarlo :P

VW New Polo y Seat Ibiza Cupra Race son los dos de autos y Live Poker es el de Poker, obviamente.

VW New Polo

Imagen 031

Este juego lo encontré paseando por la App. Store, sino estoy mal estaba dentro del top 25 de las aplicaciones gratuitas. Lo baje para quitarme la curiosidad de cómo es un juego “patrocinado” y porque se veía bien en las capturas.

El juego no decepciona de entrada, gráficas decentes, quizás mejor que las de Asphalt 4, se maneja bien y por supuesto incluye una página de promoción de las características del nuevo Polo. El juego tiene 8 niveles diferentes, al inicio con 7 bloqueados, en donde tenemos que romper el record de la pista para poder pasar el siguiente nivel. Cuando empiezas a jugarlo es algo dificil y llega un punto que sientes el auto increíblemente lento (llega a 110mph “solamente”), es bastante desesperante, al punto que pensé que solo iba a jugar un par de pantallas y dejarlo.

A la fecha he desbloqueado 6 de las 8 pistas, más por el reto de romper todos los records que porque el juego sea bueno. Es jodidamente difícil llegar a tiempo, especialmente en las pistas largas en donde un choque puede arruinar todo.

Imagen 045Imagen 041 Imagen 051

En resumen, esta bonito para ser gratis pero tampoco esperen mucho. Es mucho mejor Seat Ibiza Cupra Race.

Ver en VW en App Store

Seat Ibiza Cupra Race

IMG_0001 Ya lo dije, es mejor Cupra race que VW New Polo, aunque ambos estan por la misma línea: Juegos de carreras para promocionar un auto, las dos son aplicaciones patrocinadas (los famosos advergames).

Aunque son similares, Cupra race es mejor que VW New Polo por varias razones, la primera es que el auto me gusta mas jeje, otra es porque tiene más modos de juego: carrera, contra el tiempo (time attack) y la prueba de manejo (test drive). Además el juego es mucho más rápido, el auto se siente más rápido, y es más emocionante ir en carrera que solo intentando romper el tiempo.

Aparte de la mala calidad de los gráficos, no hay nada malo en esta aplicación, quizas agregaría el vídeo de introducción que se carga cada vez que entras al juego. Es bastante molesto. ¬_¬

IMG_0002 IMG_0003

Advertencia: Ninguno de los dos juegos supera a Asphalt 4 en calidad de juego, aunque ninguno de los dos cuesta más que Asphalt 4 :)

Ver Seat Ibiza Cupra Race en App Store

Live Poker

IMG_0005 Para el final dejo Live Poker que me impresiono como juego, es bastante completo para ser gratis. llegue a él por un aviso en Facebook que me llevo a la App Store. No me había pasado eso antes así que decidí probarlo y me dio una buena sorpresa, el juego se conecta a Facebook, a través de Facebook Connect, y permite jugar con otros amigos e interactuar en Facebook.

El juego es un juego “básico” de Poker, en donde entras al salón de juego, sacas cartas, apuestas, te diviertes y de vuelta a comenzar. Como características extras esta la opción de chat, de dar regalos a tus compañeros de mesa, a llevar un registro de tus juegos y por supuesto conectarse a Facebook para darle un “toque social” al juego. Demás esta decir que los gráficos son excelentes, solo vean las capturas.

IMG_0006

Imagen 028

Ver Live Poker en App Store

Horario móvil con Google Docs

El próximo mes se va a celebrar el primer Barcamp en Guatemala (conferencias). Parte del apoyo consiste en organizar las charlas, tarea que nos asignaron a Manuel Morales y a mi, y pensando en que las charlas se conocen hasta el día del evento se me ocurrió una idea. Manejar el horario de charlas con la hoja de cálculo de Google Docs, que quizás no es una idea nueva pero si útil para esto.

googledocs_charlas_barcampgt

Ventajas

Edición instantánea: Las ventajas de manejar el horario es que permite editar en cualquier momento desde casi cualquier computadora o incluso desde el iPhone/iPod Touch. Justo lo que necesitamos para modificar el orden de las charlas durante el barcamp.

Trabajo en equipo: El horario puede ser modificado por cualquier persona invitada a participar, o incluso se puede dar acceso a cualquier para que edite, de esta forma los cambios no dependen de una sola persona.

Versión para móviles: Google Docs cuenta con una versión para móviles, lo que hace que el horario este disponible para cualquier persona con acceso a Internet y un móvil para verlo. Ideal en una exposición o un evento lo suficientemente grande, como el barcamp ;)

charlas_barcampgt

Desventajas

Compatibilidad: A pesar de que Google Docs funciona en muchos navegadores, no lo hace aún en los navegadores para móviles. Por ejemplo, los documentos no funcionan bien con Opera Mini, mientras que en iPhone/iPod Touch funciona perfectamente.  En Zoho, otro servicio web similar, si funciona con Opera Mini pero no es una versión para móviles entonces no la recomiendo.

URL: La dirección de un documento público es larga, muy larga, especialmente para un móvil. Hay muchas opciones, como copiarla al correo, pero son un poco tediosas. La solución que mejor me funcionó fue crear una dirección corta usando Tinyurl.

Con TinyURL paso de esto:

http://spreadsheets.google.com/ccc?key=plI-2H3JKTh5FoN3hQ_rCRQ

a esto:

http://tinyurl.com/charlas

¿Y Google Calendar?

Google calendar es mejor opción si manejas un solo horario para un solo lugar, pero en el caso de estas charlas hay 3 salones. Al usar Google Calendar se traslapan los eventos y se vuelve un poco confuso saber a qué salón corresponde cada charla. Por supuesto que la opción siempre esta y es valida para usarse. Es cuestión de gustos ;)

Como ves, es una idea sencilla y que puede sacar de apuros a más de alguno durante cualquier evento.

¿Es posible vivir sin iTunes?

itunes Hace unas semanas me preguntaba si era posible vivir sin iTunes, y para mi desgracia lo averigüe luego de tener que reinstalar Windows por problemas con el controlador del bluetooth.

Señoras y señores:

¡NO! ¡No se puede vivir sin iTunes!

Es prácticamente imposible y maldigo a Apple por eso (al menos si usas Windows).

Soporte una semana sin instalarlo, igual, con tantos GB en el iPod quién necesita actualizar música? ERROR 1: iTunes también sirve para revisar la app store. No iTunes = No apps.

¿Quién necesita iTunes como reproductor cuando existe Winamp que es mucho mejor y con soporte para iPod?
ERROR 2: Winamp es mejor que iTunes pero no tiene soporte para iPod Touch/iPhone, necesitas instalar una extensión (ver más abajo) que necesita tener instalado iTunes, lo que nos deja en el mismo lugar: necesitamos de iTunes.

¿y cuál es el problema con iTunes?

  • Sitio web de iTunesEs pesado, lento y minimalista (léase carga mucho y hace poco)
  • Es muy inestable, de 5 veces que lo uso quizás falla 2 y tengo que “matar el proceso”.
  • No puede sincronizar en dos vías, eso significa que si iTunes no tiene información va a eliminar la de tu iPod, en lugar de intentar obtenerla. Si un día te quedas sin ninguna app en iTunes (porque reinstalas windows por ejemplo) o no tienes favoritos en Safari y sincronizas tu iPod entonces iTunes va a borrar las apps y los favoritos de Safaria en el iPod. Es tonto, pero así funciona (comprobado ¬_¬).
  • Restricciones.  Odio que iTunes haga restricciones en la App Store solo porque no vivo en EEUU (o similares). Deje de comprar dos apps porque no están disponibles para Guatemala.
  • No me gusta, no lo quiero usar y me obliga a instalarlo (es claro que tiene el sello Apple).

Instalarlo no significa usarlo

Es claro que no se puede vivir sin iTunes, aunque eso no quiere decir que haya que usarlo todo el tiempo. Luego de buscar un poco encontré ML_IPOD, una extensión para Winamp que se encarga de la sincronización de la librería de música con el iPod.

Como mencione antes, ML_IPOD necesita de iTunes para poder trabajar, sin embargo, solo necesita que este instalado y no que este activo.

transferencia

Es una herramienta realmente buena, se integra casi perfectamente con Winamp y la transferencia es igual de rápida que en iTunes. Permite transferir y editar música en el iPod, mostrar playlist, podcast y el panel de configuración es bastante completo como para permitir crear playlist automáticas (tu decides bajo que criterios construye las playlist).

En resumen, con ML_IPOD rara vez usaras iTunes, lo que sin duda se vuelve un alivio, especialmente cuando tu música la manejas en Winamp.

Otras formas de sincronizar música con el iPod es a través de MediaMonkey, que aún no he tenido la oportunidad de probar, lo mismo que la extensión para Songbird que tampoco logre hacer que funcionara.

Probablemente existan más formas de sincronizar, en mi caso, la extensión de Winamp es la que mejor me funciono pero si conoces otra deja un comentario.

Enlaces ML_IPOD

El juego de la botella en iPhone y otro juego de niños

El pasado viernes “paseando” en la iTunes Store me encontré con SpinTheCoke, la app para jugar el juego de la botella, bastante graciosa la idea, por no decir picara. El juego se juega con una botella de Coca-Cola, hay opción a dos tipos de botella y varios escenarios diferentes, también de Coca-Cola.

Spin The Coke

Spin The Coke

Opciones de Spin The Coke

Opciones de Spin The Coke

Spin The Coke

Spin The Coke Clásico

Y en otras noticias ;) no podía dejar pasar por alto la noticia de Lim Ding Wen, un niño de 9 años, que ha creado su propia aplicación para iPhone/iPodTouch. No pude con la curiosidad y me lance a la iTunes Store a descargar la aplicación de dibujo que Lim Ding Web ha creado: Doodle Kids.

Doodle Kids

Doodle Kids

Doodle Kids

Doodle Kids

Doodle Kids es bastante simple, tocas la pantalla con un dedo para dibujar (lanza figuras), al tocarla con dos dedos cambias de color de fondo y al agitar el iPhone borras todo, bastante simple, pero igual de divertida para los niños. Hice la prueba con mi sobrino de año y medio y le gusto mucho la app. jejeje casi llora cuando tuve que guardar el iPod Touch :(

Plugins para presumir tu blog desde el teléfono

Wordpress móvilQuizás presumir tu blog desde el teléfono no sea lo mejor jeje pero dejar que otros lo lean desde su teléfono sin duda qué es muy útil. ¿Cuantas veces has querido leer el blog de un amigo y no puedes porque es muy “pesado” o porque no se ve bien? A mi me ha pasado y muchas veces, por eso agradezco cuando los blogs tienen una versión para teléfonos. Esta vez quiero recomendar algunos plugins para Wordpress que solucionan ese problema.

MobilePress

MobilePress es el primero de ellos, es un plugin que encontré hace ya algún tiempo y me gusto porque ofrece varias versión móvil para varios navegadores. Al instalar el plugin automáticamente tu blog ofrece cuatro versiones, una para iPhone/iPod Touch, una para Windows Mobile (CE), otra para Opera Mini y una más para otros navegadores de teléfono.

webdebolsillo usando Mobilepress

webdebolsillo usando Mobilepress

MobilePress es el que estoy usando en webdebolsillo en estos momentos y me ha funcionado muy bien. Los posts se ven bien, incluye los comentarios (en otra página), además de dejarte comentar y lo mejor es que es personalizable usando plantillas, así que si sabes hacer plantillas de wordpress puedes crear tu propio estilo y agregarlo.

Al momento solo he tenido un problema, y es relativamente pequeño, ocurre cuando publicas fotos muy grandes y son más grandes que la pantalla de tu móvil. En la mayor parte de navegadores no hay problema pero en iPhone el zoom se reduce (para mostrar toda la imagen) y el texto se ve muy pequeño.

Wordpress con MobilePress

Wordpress con MobilePress

Nuevo comentario con MobilePress

Nuevo comentario con MobilePress

WPTouch

WPTouch es otro plugin que ofrece una versión para Safari de iPhone/iPod Touch y hace un buen trabajo. El diseño es atractivo y conserva el estilo de las apps de iPhone, incluye iconos, animaciones al abrir los menús (con javascript), soporte para otros plugins como FlickrRSS y Blip.it y tienve varias opciones de personalización como configurar páginas de archivo, fotos o enlaces.

Portada usando WPTouch

Portada usando WPTouch

Sin embargo, este plugin solo ofrece soporte para iPhone/iPod Touch lo que deja fuera a otros navegadores móviles. Personalmente, y aunque me gusta más la versión para iPhone de WPTouch, recomiendo usar MobilePress porque es una solución mucho más completa para ofrecer la versión para teléfono de tu blog.

Categorías con WPTouch

Categorías con WPTouch

Menú con WPTouch

Menú con WPTouch

Como ejemplo puedes ver este plugin en funcionamiento en el blog de arturogoga.

Además Javier Aroche, de Maestros del Web, ha comentado que ellos utilizan los dos plugins. WPTouch para iPhone y MobilePress para el resto de navegadores de teléfono.

¿También puedo escribir en mi blog desde el teléfono?

Ok, con los dos plugins anteriores tus amigos pueden ver tu blog pero ninguno de ellos te deja escribir tus temas. Para eso existen dos herramientas más, una es un plugin para wordpress y la otra una app para iPhone.

WPHONE

WPhone es el plugin para WordPress que una vez lo instalas le agrega una opción al login del administrador de wordpress para habilitar la versión para iPhone.

Panel de administración de WPhone

Panel de administración de WPhone

La primera vez que carga se siente pesado, incluso diría que es lento, pero una vez cargo la interfaz es muy fluida. Con casi todas las opciones necesarias para administrar tu blog desde el iPhone, como ejemplo escribir nuevos temas, editar comentarios (esta opción da problemas a veces) y revisar lo último de tu blog (estadísticas).

Crear nuevo tema con WPhone

Crear nuevo tema con WPhone

WPhone muestra la última actividad del blog

WPhone muestra la última actividad del blog

WPhone incluye menú de atajos

WPhone incluye menú de atajos

App de WordPress

La aplicación de WordPress para iPhone/iPod Touch la encuentras en la iTunes Store y te permite manejar todo el administrador de tu blog desde una app, lo cual lo hace muy rápido. Con esta app desarrollada por Automattic, la misma empresa que creó WordPress, puedes administrar varios blogs, escribir temas en ellos, tener la vista previa antes de publicarlos, soporte para cámara (en el iPhone) y galería de fotos (en iPhone y iPod Touch).

En webdebolsillo utilizo WPHone porque rara vez escribo desde el teléfono, pero igual siempre tengo la opción de conectarme desde la app WordPress para escribir, que se siente más estable y confiable de usar. Ambas funcionan muy bien pero es más simple de instalar la app para iPhone, así que te recomiendo usar esta.