Optimización CSS para iPod y iPhone Safari

ipod touch y iphoneLa creación de aplicaciones optimizadas para el uso de iPod o iPhone es una excelente manera de sumergirse en un mercado en expansión con más de 1 mil millones de descargas hasta la fecha. Es importante darse cuenta de que esos números no incluyen aplicaciones basadas en navegador que están optimizadas para Safari en iPhone o iPod Touch y no requieren descarga.

Hoy mordí la bala y compré un IPod Touch de 16 Gb para comenzar a verificar la plataforma tanto para Safari como para aplicaciones. Claro ... ¡Estaba emocionado de poder ver películas en la carretera y que el iPod Touch también puede actuar como control remoto para mi AppleTV!

Mi primera tarea fue actualizar mi Calculadora de sueldos para usar con Safari en el iPod Touch o el iPhone. Es una aplicación que he creado en prácticamente todos los idiomas ... así que es hora de que empiece a aprender a desarrollar para Safari y a aprender el marco de aplicaciones.

Curiosamente, abrir la página en Safari no utilizó automáticamente la media = handheld css, así que tuve que escribir algunas secuencias de comandos del lado del servidor en PHP para usar la hoja de estilo adecuada:


> link rel = "stylesheet" media = "screen" href = "iphone.css" type = "text / css" />
>? php} else {?>
> link rel = "stylesheet" media = "screen" href = "style.css" type = "text / css" />
>? php}?>

La página se ve bastante bien, pero sé que hay un montón de Argumentos CSS de Safari para iPhone y iPod Puedo utilizar, incluso cambiar componentes en función de si la orientación de la página es horizontal o vertical. ¡Seguiré experimentando!

¿Tienes un iPhone o iPod Touch? Prueba el Calculadora de sueldos ¡y déjame saber cómo te queda! Tenga en cuenta que prácticamente todos los cambios entre la página se realizaron solo con CSS. Puede haber sido más fácil simplemente escribir una página completamente nueva, pero no tan desafiante.

3 Comentarios

  1. 1

    Douglas-

    Gracias por los consejos de CSS para iPhone ... ¿sería similar para un Blackberry u otro teléfono inteligente que usa un navegador móvil?

  2. 3

    Tengo que conseguirme un iphone, ni siquiera tengo un ipod touch. Sin embargo, me voy a perder con el CSS y esas cosas, cualquier cosa con código está fuera de mi alcance lol

¿Qué piensas?

Este sitio usa Akismet para reducir el correo no deseado. Descubra cómo se procesan los datos de sus comentarios.