Designing and Developing for the iPhone from Scratch

Designing and Developing for the iPhone from Scratch: New Plus Tutorial

Oct 21st in News by Tylor Skory

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!

PG

Author: Tylor Skory

Hi there! My name's Tylor. I am an avid Website designer from Michigan USA. Everyday, I am learning something new and hope to continue growing my passions forever. You can follow my various ramblings and helpful link findings at my Twitter account @TylorSkory. Thanks!

Join Tuts Plus

NETTUTS+ Screencasts and Bonus Tutorials

For those unfamiliar, the family of TUTS sites runs a premium membership service called "TUTSPLUS". For $9 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.


Related Posts

Check out some more great tutorials and articles that you might like

Enjoy this Post?

Your vote will help us grow this site and provide even more awesomeness

Plus Members

Source Files, Bonus Tutorials and
More for $9 a month for all TUTS+
sites in one subscription.

Join Now

User Comments

( ADD YOURS )
  1. PG

    Laneth October 21st

    This looks fantastic – and may just push me over the edge to get a Mac… Thanks Tylor!

    ( Reply )
    1. PG

      lkaz October 22nd

      Don’t need a Mac to develop sites/web apps for iPhone..

      ( Reply )
    2. PG

      Ash October 22nd

      You don’t need a Mac to develop a website for mobile Safari.

      ( Reply )
      1. PG

        Eric October 22nd

        Ash,

        He is just looking for any reason to buy a Mac. I understand where he is coming from.

      2. PG

        Nathan Ledet October 22nd

        But I think you need a mac to develop for the iPhone.

      3. PG

        Nathan Ledet October 22nd

        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.

      4. PG

        Sean October 22nd

        In order to use the Iphone SDK you need to be running OS X

    3. PG

      Jaimie November 16th

      not only running OSX you need to have an intel based mac..

      ( Reply )
  2. PG

    Web and designers October 21st

    Looks awesome, will have a look tonight

    ( Reply )
  3. PG

    Evan October 21st

    Designing web pages for the iPhone? There’s an app for that.

    ( Reply )
  4. PG

    Evan October 21st

    Designing web pages for the iPhone? There’s an app for that.

    ( Reply )
  5. PG

    Ian October 21st

    From Michigan aye… very nice. I live in Michigan as well.

    ( Reply )
  6. PG

    Muhammad Adnan October 21st

    This is a good tutorial for Iphone apps..

    ( Reply )
  7. PG

    Padfoot October 21st

    Interesting….
    Though i’m not a member :(

    ( Reply )
    1. PG

      Nori Silverrage October 22nd

      Great time to become one then. They got lots of great tutorials and its rather inexpensive.

      ( Reply )
      1. PG

        Usman October 25th

        Paypal not supported in our country .. and editor of this site said ” We can’t help you” :(

  8. PG

    Michael October 22nd

    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. :-)

    ( Reply )
  9. PG

    Benjamin Reid October 22nd

    I don’t think you can beat http://jqtouch.com/ for developing websites on the iPhone or http://iwebkit.net/

    ( Reply )
  10. PG

    esranull October 22nd

    thanks I will add it to my site

    ( Reply )
  11. PG

    awake October 22nd

    I’ve been waiting for something like this

    ( Reply )
  12. PG

    Sitebase October 23rd

    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

    ( Reply )
  13. PG

    Autonomy October 23rd

    I’m excited to check this out. Thanks Tylor.

    ( Reply )
  14. PG

    Carlos October 26th

    Recommended site would be iDevApps (http://www.idevapps.com)
    Good community site for developers of iPhone and iTouch apps.

    ( Reply )
  15. PG

    Ramon October 27th

    There is also http://www.mobify.me and http://www.wapple.net to build your own mobile sites.

    ( Reply )
  1. Arrow
    Gravatar

    Your Name
    October 27th