Share the world

Tools to design a website for iPhone

Posted in Tools by quyan213 on September 28, 2009
Tags: , , ,

There are some libraries and kits available to help you iPhoneize your design.

* iPhoney
iPhoney gives you a pixel-accurate web browsing environment—powered by Safari—that you can use when developing web sites for iPhone. It’s a perfect tool to see how your web creations will look on iPhone.
* Test iPhone
A web browser based simulator for quickly testing your iPhone web designs.
* iWebKit (Demo)
iWebKit is a file package designed to help you create your own iPhone and iPod Touch compatible website or webapp. Comes with various ready-to-use themes.
* iUI
iUI is a framework consisting of a JavaScript library, CSS, and images for developing iPhone web designs. It makes your web designs look and feel like iPhone’s native applications.
* Intersquash (Demo)
Not really a helpful tool for designing, but you can instantly create an iPhone compatible site from your RSS feed url.

* WPtouch
For WordPress users: WPtouch transforms your WordPress blog into an iPhone application-style theme, complete with ajax loading articles and effects, when viewed from an iPhone or iPod touch.
* Jaipho Gallery (Demo)
If your website features a photo gallery, Jaipho will optimize it for iPhone users.

Further Resources

Don’t stop here. Check out these other great tutorials and guidelines.

* iPhone Reference Library
Apple’s official iPhone reference library for developers. It has everything you need to get started: guidelines, code-examples, tutorials, etc.
* How to build a website for iPhone
This step-by-step tutorial includes everything you need to do when building a website for iPhone. Instructions for orientation direction also included.
* iPhone Compatible CSS layouts
Free website layouts which work in all the common web browsers including Safari on the iPhone and iPod touch.
* iPhone Interface Samples
This includes samples for iPhone interface elements like buttons, fonts, text, design patterns, hacks 6 more.
* iPhoneWebDev Examples
Very helpful examples for alot of things. Direction change, events, fonts, compression, etc.
* iPhone Application UI Design Patterns
A showcase of designs optimized for iPhone.


3 Responses to 'Tools to design a website for iPhone'

Subscribe to comments with RSS or TrackBack to 'Tools to design a website for iPhone'.

  1. Free iphone said,

    I’ve been an avid reader of your blog for a long time . I liked this
    article & request you to write more articles of your interest.

    this blog has some real indepth articles & i’d recommend these highly
    to some of my blog readers too . please let me know your reviews on my

  2. Brandon said,

    Great blog its very helpful and easy to understand. For more ideas or just to add links check out There are blogs there about website design, development, Search engine optimization, and hosting. Most of these blogs are tutorials that you can repost just be sure to reference the page you get them from if adding them to your blog. Again thank you for this blog.

  3. quyan213 said,

    Thank you, it’s nice to know you. and thank you that you wanna share other cool blogs. hope we will be friend to share info for a good articles to share with others 😉

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: