Quick Start

1. Take a look at the index.html file
2. Modify the lists/views to suit your needs
3. Load up the page in Safari and see how it works for you.

About Magic Framework

Magic Framework is a native iPhone UI imitator built in html/css/javascript. It's useful for online websites or on-device Webkit-based applications looking to imitate the native iPhone UI without having to write native code.

How It Works

Magic Framework is built in javascript, html, and css. CSS3 transitions are used to build the transitions between pages, and images and other css styles are used to build the interface to have a native iphone look & feel.

CSS3 Transitions

CSS3 Transitions are a new feature to webkit, especially mobile safari. Magic Framework makes use of some of the following:

• -webkit-border-*-*-radius
• -webkit-transition-property
• -webkit-transition-duration
• -webkit-transition-timing-function

PhoneGap

PhoneGap is a development tool that allows web developers to take advantage of the core features in the iPhone, Android, and Blackberry SDK using JavaScript.

Magic Framework is a great fit for developers using PhoneGap or similar projects to build native iPhone apps ontop of web technologies.

Credits

Magic Framework was build by Jeff McFadden and is used in his iPhone game, Inside Trader.