Blog

iPhone site

FEB
04
2010
Posted in category Site news and updates | 3709 views
Tags: iPhone  web  web design 
I've created an iPhone version of the website, mostly to take advantage of the automatic rotation after seeing an article on Engage Interactive. If you're using an iPhone or an iPod Touch, you should be sent there as soon as you visit my site. If you don't have an Apple product (and normally I wouldn't blame you, I make an exception for the iPhone though), you can view the site here, although it'll not make much sense since it doesn't know which direction you're facing to be able to display the appropriate content.

So instead, here are some screenshots - taken with the phone's built in screen capture, by pressing the home and power buttons simultaneously.

The home page:
iPhone site


Phone rotated to the left:
iPhone site 2


Phone rotated to the right:
iPhone site 3


After touching a video, it will play in the iPhone's default player, although for blog content videos, as they are uploaded in FLV format (as opposed to M4V that I used for the dedicated video page), they won't play [although I've now gone through and converted some of the videos and added links when visiting on the iPhone page]. When the video has finished or you click done, it then throws you back to the page you came from.

I'm going to continue working on things like the missing videos, and allow comments to be added to blog posts (not that I get - or expect - many comments; it's just for my own concepts more than anything else) to make it as close as I can to the main site, and allow devices without accelerometers to be able to use it too.

One thing I really like is that if it looks correct on one iPhone, it'll look correct on them all. Saves a lot of time testing and then fixing all the issues Internet Explorer inevitably brings up, which also means it doesn't matter so much about complying to W3C standards (assuming they matter to you). And Safari supports CSS3 styling, so easy shadows and rounded corners without having to use graphics, which obviously helps with speeding up the download of pages on poor connections.

Related posts

 

    RegisterLogin

Post a comment


Sign in | Register
Mobile theme on