Tuesday, November 20, 2007

Yes,   I've done it.   I've created an iPhone/iPod version of this blog.

Really, I did this just for interest to understand how different you have to code pages to be Safari compliant (that's the web browser on all things Apple).

The reality of coding a web-page to take full advantage of the iPhone platform is a bit tricky.    Especially hampered by lack of Javascript debugger in the Windows version of Safari.   I got inspired by looking at -

http://iphone.facebook.com

(best viewed under Safari)

Anyway,  here's what you need to get going.

Firstly you need a copy of Safari which at least gives you a sporting chance of seeing what your eventual web pages will look like on an iPhone/iPod -

http://www.apple.com/safari/

Next I used the iPhone developers guide to work out how to code up the web-pages -

http://developer.apple.com/iphone/devcenter/

The next step was to go and get some ideas,  for how my site should look

http://iphoneapplicationlist.com/

Almost there...    So,   next step was to build my site.   Basically I took the mobile version of my blog that's at -

http://www.binaryrefinery.com/mobile

I came up with -

http://www.binaryrefinery.com/i

Now if your using Internet explorer to view the above you'll be disappointed.   However on Safari,  it looks great and kind of (if I dare say so myself) polished.

Please view source on my pages to nick all that I've done.

And finally...   I modified my auto redirect page to detect iPhones/iPods hitting my site.

www.binaryrefinery.com/main/PermaLink,guid,fec7f2ca-503d-45b2-9684-9cd0787ec3c7.aspx

 

I would show you a screenshot,  but while spoil the surprise :-)

 

Technorati Tags: ,
Tuesday, November 20, 2007 9:16:19 PM UTC  #    Comments [0]  | 

Theme design by Jelle Druyts

Pick a theme: