Otimização CSS para iPod e iPhone Safari

ipod touch e iphoneCriar aplicativos otimizados para uso no iPod ou iPhone é uma ótima maneira de mergulhar em um mercado em expansão com mais 1 bilhões de downloads Até a presente data. É importante perceber que esses números não incluem aplicativos baseados em navegador que são otimizados para Safari no iPhone ou iPod Touch e não requerem download.

Hoje eu mordi a bala e comprei um IPod Touch 16 Gb para começar a verificar a plataforma para Safari e Apps. Claro ... Fiquei animado porque posso assistir a filmes na estrada e o iPod Touch pode funcionar como um controle remoto para minha AppleTV também!

Minha primeira tarefa foi atualizar meu Calculadora Salário para uso com Safari no iPod Touch ou iPhone. É um aplicativo que construí em praticamente todos os idiomas ... então é hora de começar a aprender o desenvolvimento para Safari e aprender a estrutura de aplicativos.

Curiosamente, abrir a página no Safari não utilizou automaticamente o media = handheld configurações de css, então eu tive que escrever alguns scripts do lado do servidor em PHP para usar a folha de estilo apropriada:


> 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}?>

A página parece muito boa, mas sei que há uma tonelada de Argumentos de CSS do iPhone e iPod Safari Posso utilizar, até mesmo mudar os componentes com base na orientação da página ser paisagem ou retrato. Vou continuar experimentando!

Tem um iPhone ou iPod Touch? Experimente o Calculadora Salário e me diga como fica para você! Lembre-se de que praticamente todas as alterações entre as páginas foram feitas apenas com CSS! Pode ter sido mais fácil simplesmente escrever uma página inteiramente nova - mas não tão desafiador.

3 Comentários

  1. 1

    Douglas-

    Obrigado pelas dicas de CSS do iPhone ... isso seria semelhante para um Blackberry ou outro smartphone usando um navegador móvel?

  2. 3

    Tenho que comprar um iphone, não tenho nem ipod touch. Eu vou me perder com o css e outras coisas, porém, qualquer coisa com código está fora do meu alcance lol

O que você acha?

Este site usa o Akismet para reduzir o spam. Saiba como seus dados de comentário são processados.