List of Figures

Chapter 1. Introducing the iPhone

Figure 1.1. The iPhone supports two dramatically different views, landscape and portrait. Choosing between them is not just a question of which is easier to read, but also requires thinking about how much of each view is taken up by toolbars and other chrome. Mobile Safari is used here as an example of how much room the chrome takes up in each display.

Chapter 2. Web development or the SDK?

Figure 2.1. Though not identical, web programming (left) and SDK development (right) can produce similar output with similar underlying programming models.

Chapter 3. Redeveloping web pages for the iPhone

Figure 3.1. The iPhone’s viewport allows a much larger web page to be shown, scaled, in the iPhone’s display.

Figure 3.2. Gmail offers a different experience for iPhone users through a page that has been redisplayed to the point where it’s become an iPhone web app.

Figure 3.3. Facebook’s iPhone Optimized login screen makes everything big and easy to use, and gets rid of superfluous content.

Chapter 4. Advanced WebKit and textual web apps

Figure 4.1. New WebKit properties on the iPhone make your pages more attractive.

Figure 4.2. Our roundedbox transformed into a wackybox, which is rotated 30 degrees and translated 5 percent along each of the X and Y axes.

Figure 4.3. A thumbnail (left) is animated by a tap (middle), turning it into a full-page picture (right).

Figure 4.4. Data retrieved from a database can then be displayed.