CSS optimizacija za iPod i iPhone Safari

Izgradnja 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 izgradio na gotovo svim jezicima ... pa je vrijeme da započnem učiti razvoj za Safari i učiti okvir 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 pejzažna ili portretna. 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.