So I made my site iPhone Compatible

[aroundlsu]

I spent the last few hours doing this. I am by no means a web designer, but I was able to piece this together from online forums relatively quickly. The portfolio section is still a little weak on content, but I just wanted to get everything up and working then I can add to it later.

So why am I worried about the iPhone? Better than 85% of my clients have iPhones and have been to my site from their mobile device. Some even have placed print orders from their iPhone. For this reason, I have been adamant about keeping my site simple with no flash.

With their iPhone parked on my website they can email me, text me, call me, or even get a Google Map to the studio with just one click.

From your iphone: www.teddysmithstudio.com

Check it out and let me know what you think. It auto directs to the iphone site if it detects you are on an iPhone/iPod Touch. If you are on a regular computer you won't see anything different.

[ScottKCooper]

do you have to have a different site, or can you swap out stylesheets according to browser type (if handheld...)

[aroundlsu]

There is a seperate index.htm that the browser redirects to if it detects an iPhone. It was relatively easy to do. I just copy pasted the code and changed it to what I needed.

[SwitchBlade]

What about other mobile devices? If you've gone to the effort then people browsing with any phone/PDA could benefit there too.

[cdifoto]

I was going to hire you but damn...no love for BlackBerry. :D :p

[ScottKCooper]

I was going to hire you but damn...no love for BlackBerry. :D :p
That gets me back to my question - I'm thinking you could cover most mobile devices if your index page detects a handheld, you point to a stylesheet which is made for about a 150 px width screen(?) otherwise, it loads for a standard screen. Time for a new how to thread?

[cdifoto]

Mine already does that. Go to www.cdifoto.com. On a computer it'll be a fancy website. On (most) smart phones it'll be a mobile friendly, basic html website. The difference is, my mobile version is just "CDI Lite" and not the main website stripped down via stylesheets. It's a standalone website. I'm not smart enough to use a css to strip down my main website for mobile display, so I used a redirect instead. hah.

[ScottKCooper]

got it. Time for me to do some research.

[ClickHappy]

I really liked it. Very impressive. Here are some screenshots for those that don't have iphones to view all your hard work. :)

http://photos.bnkrazy.com/photos/765147794_KvA27-M.jpg

http://photos.bnkrazy.com/photos/765147834_GPanv-M.jpg

http://photos.bnkrazy.com/photos/765148126_84j6i-M.jpg


http://photos.bnkrazy.com/photos/765148064_PXeMQ-M.jpg

[ScottKCooper]

Thanks for the screenshots!

[aroundlsu]

Thanks for the screenshots and the positive comments.

Frankly, not many of my clients have "other" mobile devices and by looking at my visitor logs only a very small percentage of visitors are on other mobile devices. It is not worth it to me to maintain a portal for 1% of visitors.