CSS Optimizacija za iPod in iPhone Safari

ipod touch in iphoneIzdelava aplikacij, ki so optimizirane za uporabo iPoda ali iPhona, je odličen način, da se z več kot potopite na rastoči trg 1 milijard prenosov do danes. Pomembno je vedeti, da te številke ne vključujejo aplikacij, ki temeljijo na brskalniku in so optimizirane za Safari v iPhonu ali iPod Touchu in jih ni treba prenesti.

Danes sem ugriznil kroglo in kupil 16 Gb iPod Touch da začnete preverjati platformo tako za Safari kot za aplikacije. Seveda ... Bil sem navdušen, da lahko gledam filme na cesti, iPod Touch pa lahko deluje kot daljinski upravljalnik tudi za moj AppleTV!

Moja prva naloga je bila posodobitev mojega Kalkulator plač za uporabo s Safari na iPod Touch ali iPhone. To je aplikacija, ki sem jo zgradil tako rekoč v vseh jezikih ... zato je čas, da sem se začel učiti razvoj za Safari in učiti ogrodje aplikacij.

Zanimivo je, da odpiranje strani v Safariju ni samodejno uporabilo medij = ročni css, zato sem moral v PHP napisati nekaj skriptov na strani strežnika, da sem uporabil ustrezen tabelo slogi:


> povezava rel = "styleheet" media = "screen" href = "iphone.css" type = "text / css" />
>? php} drugo {?>
> povezava rel = "styleheet" media = "screen" href = "style.css" type = "text / css" />
>? php}?>

Stran je videti precej dobro, vendar vem, da jih je na tone Argumenti CSS za iPhone in iPod Safari Lahko uporabim celo premikanje komponent glede na to, ali je usmerjenost strani ležeča ali pokončna. Še naprej bom eksperimentiral!

Imate iPhone ali iPod Touch? Preizkusite Kalkulator plač in sporočite mi, kako izgleda za vas! Upoštevajte, da so bile skoraj vse spremembe na strani izvedene samo s CSS! Morda je bilo lažje preprosto napisati povsem novo stran - vendar ne tako zahtevno.

3 Komentarji

  1. 1
  2. 3

    Pridobiti si moram iphone, nimam niti ipod dotika. Izgubil se bom s css in podobnimi stvarmi, vse, kar ima kodo, pa je izven moje lige, lol

Kaj menite?

Ta stran uporablja Akismet za zmanjšanje nezaželene pošte. Preberite, kako se vaš komentar obravnava.