Ottimizzazione CSS per iPod e iPhone Safari

ipod touch e iphoneSviluppare applicazioni ottimizzate per l'utilizzo di iPod o iPhone è un ottimo modo per immergersi in un mercato in forte espansione 1 miliardi di download ad oggi. È importante rendersi conto che questi numeri non includono applicazioni basate su browser ottimizzate per Safari su iPhone o iPod Touch e non richiedono download.

Oggi ho morso il proiettile e ho acquistato un file IPod Touch da 16 Gb per iniziare a controllare la piattaforma sia per Safari che per le app. Certo ... ero entusiasta di poter guardare i film in viaggio e l'iPod Touch può fungere anche da telecomando per la mia AppleTV!

Il mio primo compito a portata di mano era aggiornare il mio Salary Calculator da utilizzare con Safari sull'iPod Touch o sull'iPhone. È un'applicazione che ho creato praticamente in tutte le lingue ... quindi è ora che inizi a imparare a sviluppare per Safari e ad apprendere il framework Apps.

È interessante notare che la visualizzazione della pagina in Safari non utilizzava automaticamente il file media = palmare CSS, quindi ho dovuto scrivere alcuni script lato server in PHP per utilizzare il foglio di stile appropriato:


> 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 pagina sembra piuttosto buona, ma so che ce ne sono un sacco Argomenti CSS per iPhone e iPod Safari Posso utilizzare, anche spostando i componenti in base al fatto che l'orientamento della pagina sia orizzontale o verticale. Continuerò a sperimentare!

Hai un iPhone o un iPod Touch? Prova il file Salary Calculator e fammi sapere come ti sembra! Tieni presente che praticamente tutte le modifiche tra le pagine sono state apportate solo con CSS! Potrebbe essere stato più facile scrivere semplicemente una pagina completamente nuova, ma non così impegnativo.

Commenti

  1. 1

    Douglas-

    Grazie per i suggerimenti CSS per iPhone ... sarebbe simile per un Blackberry o un altro smartphone che utilizza un browser mobile?

  2. 3

    Devo procurarmi un iPhone, non ho nemmeno un iPod Touch. Mi perderò con il CSS e roba del genere, qualsiasi cosa con il codice è fuori dalla mia portata lol

Cosa ne pensi?

Questo sito utilizza Akismet per ridurre lo spam. Scopri come vengono elaborati i dati dei tuoi commenti.