Optimización CSS para iPod e iPhone Safari

Construír aplicacións optimizadas para o uso de iPod ou iPhone é unha boa forma de mergullarse nun mercado en plena explosión 1 millóns de descargas Ata a data. É importante darse conta de que eses números non inclúen aplicacións baseadas en navegadores que están optimizadas para Safari no iPhone ou no iPod Touch e que non requiren ningunha descarga.

Hoxe mordei a bala e merquei un IPod Touch de 16 Gb para comezar a comprobar a plataforma de Safari e Apps. Por suposto ... Estaba emocionado de que puidese ver películas na estrada e que o iPod Touch poida actuar como un control remoto para o meu AppleTV.

A miña primeira tarefa entre mans foi actualizar a miña Calculadora de salarios para usar con Safari no iPod Touch ou no iPhone. É unha aplicación que teño construída en practicamente todos os idiomas ... polo que é hora de que comece a aprender o desenvolvemento de Safari e a aprender o marco de aplicacións.

Curiosamente, abrir a páxina en Safari non utilizou automaticamente o media = portátil css, polo que tiven que escribir un script do lado do servidor en PHP para usar a folla de estilo axeitada:

> ligazón rel = "folla de estilo" media = "pantalla" href = "iphone.css" type = "text / css" />
>? php} else {?>
> ligazón rel = "styleheet" media = "screen" href = "style.css" type = "text / css" />
>? php}?>

A páxina ten un aspecto bastante bo, pero sei que hai un montón de Argumentos CSS para iPhone e iPod Safari Podo utilizar, incluso cambiar compoñentes en función de se a orientación da páxina é horizontal ou vertical. Vou seguir experimentando!

Tes un iPhone ou iPod Touch? Proba o Calculadora de salarios e avísame como che parece. Teña presente que practicamente todos os cambios entre a páxina só se fixeron con CSS. Pode que fose máis sinxelo escribir simplemente unha páxina completamente nova, pero non tan desafiante.