In this tutorial, we are going to design a website for the mobile Safari browser (found on the iPhone and the iPod Touch). We’ll start from scratch in Photoshop and work our way, step-by-step, to a finished product complete with an animated jQuery image slider. Join today!
Join Tuts Plus
For those unfamiliar, the family of TUTS sites runs a premium membership service called “Premium”. For $19 per month, you gain access to exclusive premium tutorials, screencasts, and freebies from Nettuts+, Psdtuts+, Aetuts+, Audiotuts+, and Vectortuts+! For the price of a pizza, you’ll learn from some of the best minds in the business. Join today!
- Subscribe to the Nettuts+ RSS Feed for more daily web development tuts and articles.
Enjoyed this Post?
Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!
By Tylor Skory
Join our newsletter!
Create a Tutorial, Get Paid!
Have something to teach the world? Want to earn money doing it? Tutorials, screencasts, and articles published here on Nettuts+ are largely contributed by readers just like you! We'll pay you great money for good content. Find Out More
This looks fantastic – and may just push me over the edge to get a Mac… Thanks Tylor!
Don’t need a Mac to develop sites/web apps for iPhone..
You don’t need a Mac to develop a website for mobile Safari.
Ash,
He is just looking for any reason to buy a Mac. I understand where he is coming from.
But I think you need a mac to develop for the iPhone.
OH snap.
I guess I should have paid closer attention to what this article is about. i thought it was literally Designing and developing apps for the iPhone.
In order to use the Iphone SDK you need to be running OS X
not only running OSX you need to have an intel based mac..
Looks awesome, will have a look tonight
Designing web pages for the iPhone? There’s an app for that.
Designing web pages for the iPhone? There’s an app for that.
From Michigan aye… very nice. I live in Michigan as well.
This is a good tutorial for Iphone apps..
Interesting….
Though i’m not a member :(
Great time to become one then. They got lots of great tutorials and its rather inexpensive.
Paypal not supported in our country .. and editor of this site said ” We can’t help you” :(
Nice one, I might have a go at this tutorial. Good to see a tiny bit of Norway being used in your example as well. :-)
I don’t think you can beat http://jqtouch.com/ for developing websites on the iPhone or http://iwebkit.net/
thanks I will add it to my site
I’ve been waiting for something like this
Or you can buy my Mobile site script on themeforest and create your own mobile website in seconds ;).
http://themeforest.net/item/mobile-site/63316
I’m excited to check this out. Thanks Tylor.
Recommended site would be iDevApps (http://www.idevapps.com)
Good community site for developers of iPhone and iTouch apps.
There is also http://www.mobify.me and http://www.wapple.net to build your own mobile sites.
Published in 2009 and still relevant! Thanks a lot for the reference!
Create your mobile website in just a few minutes. Check out http://www.buil.mobi and start building your mobile site. This platform allows you to easily create and manage hundreds of mobile websites through a central interface. For multiple websites build.mobi users may use our CSV bulk upload or for single sites, we have a simple 5 step process.