CSS optimizacija za iPod i iPhone Safari

ipod dodir i iphoneIzgradnja aplikacija koje su optimizirane za upotrebu iPod-a ili iPhone-a izvrstan je način da s više od njih uronite na tržište koje eksplodira 1 milijarda preuzimanja do danas. Važno je shvatiti da ti brojevi ne uključuju programe temeljene na pregledniku koji su optimizirani za Safari na iPhoneu ili iPod Touchu i ne zahtijevaju preuzimanje.

Danas sam ugrizao metak i kupio IPod Touch od 16 GB za početak provjere platforme i za Safari i za Apps. Naravno ... Bio sam uzbuđen što mogu gledati filmove na cesti, a iPod Touch može djelovati i kao daljinski upravljač za moj AppleTV!

Moj prvi zadatak bio je ažurirati moj Kalkulator plaće za upotrebu sa Safari-jem na iPod Touchu ili iPhoneu. To je aplikacija koju sam izradio na gotovo svakom jeziku ... pa je vrijeme da započnem s učenjem razvoja za Safari i s učenjem okvira za Apps.

Zanimljivo je da otvaranje stranice u Safariju nije automatski koristilo mediji = ručni css postavke, pa sam morao napisati neke skripte na strani poslužitelja u PHP-u da bih koristio odgovarajući tabelu stilova:


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

Stranica mi izgleda prilično dobro, ali znam da ih ima na tone iPhone i iPod Safari CSS argumenti Mogu koristiti, čak i prebacujući komponente, ovisno o tome je li orijentacija stranice vodoravno ili uspravno. Nastavit ću eksperimentirati!

Imate iPhone ili iPod Touch? Isprobajte Kalkulator plaće i javite mi kako to izgleda za vas! Imajte na umu da su gotovo sve promjene između stranice izvršene samo s CSS-om! Možda je bilo jednostavnije jednostavno napisati potpuno novu stranicu - ali ne toliko izazovno.

3 Komentari

  1. 1

    Douglas-

    Hvala na iPhone CSS savjetima ... bi li ovo bilo slično za Blackberry ili neki drugi pametni telefon koji koristi mobilni preglednik?

  2. 3

Što vi mislite?

Ova web stranica koristi Akismet za smanjenje neželjene pošte. Saznajte kako se podaci vašeg komentara obrađuju.