Pag-optimize ng CSS para sa iPod at iPhone Safari

ipod touch at iphoneAng pagbuo ng mga application na na-optimize para sa paggamit ng iPod o iPhone ay isang mahusay na paraan upang isawsaw sa isang sumasabog na merkado na may higit 1 bilyong pag-download hanggang ngayon Mahalagang malaman na ang mga numerong iyon ay hindi nagsasama ng mga application na nakabatay sa browser na na-optimize para sa Safari sa iPhone o sa iPod Touch at hindi nangangailangan ng pag-download.

Ngayon kinagat ko ang bala at binili ang isang 16Gb iPod Touch upang simulang suriin ang platform para sa parehong Safari at Apps. Oo naman ... Nasasabik ako na makakapanood ako ng mga pelikula sa kalsada at ang iPod Touch ay maaaring kumilos bilang isang remote para sa aking AppleTV din!

Ang aking unang gawain sa kamay ay ang pag-update ng aking Calculator ng suweldo para magamit sa Safari sa iPod Touch o sa iPhone. Ito ay isang application na binuo ko sa halos bawat wika ... kaya oras na na nagsimula akong matuto ng pag-unlad para sa Safari at pag-aaral ng framework ng Apps.

Nakatutuwang sapat, ang pagdadala ng pahina sa Safari ay hindi awtomatikong magagamit ang media = handheld Mga setting ng css, kaya kailangan kong magsulat ng ilang server-side scripting sa PHP upang magamit ang naaangkop na styleheet:


> link rel = "styleheet" media = "screen" href = "iphone.css" type = "text / css" />
>? php} iba pa {?>
> link rel = "styleheet" media = "screen" href = "style.css" type = "text / css" />
>? php}?>

Nakuha ko ang pahina na maganda ang hitsura, ngunit alam kong mayroong isang tonelada ng Mga argumento ng iPhone at iPod Safari CSS Maaari kong magamit, kahit na ang paglilipat ng mga bahagi batay sa kung ang oryentasyon ng pahina ay landscape o portrait. Magpatuloy akong mag-eksperimento!

Nakakuha ba ng iPhone o iPod Touch? Subukan ang Calculator ng suweldo at ipaalam sa akin kung paano ito hinahanap para sa iyo! Isaisip halos ang lahat ng mga pagbabago sa pagitan ng pahina ay ginawa gamit ang CSS lamang! Maaaring mas madali na simpleng magsulat lamang ng isang bagong pahina - ngunit hindi mahirap.

3 Comments

  1. 1

    Douglas-

    Salamat sa mga tip sa CSS ng iPhone ... magkatulad ito para sa isang Blackberry o iba pang smartphone gamit ang isang mobile browser?

  2. 3

    Kailangan kong makuha ang aking sarili ng isang iphone, wala man akong ipod touch. Mawala ako sa css at mga bagay-bagay bagaman, ang anumang may code ay wala sa aking liga lol

Ano sa tingin ninyo?

Ang site na ito ay gumagamit ng Akismet upang mabawasan ang spam. Alamin kung paano naproseso ang data ng iyong komento.