book

Professional iPhone™ and iPod® touch Programming: Building Applications for Mobile Safari™

Name: Professional iPhone™ and iPod® touch Programming: Building Applications for Mobile Safari™
Author: Richard Wagner
ISBN: 9780470251553

by Richard Wagner

January 2008

Beginner to intermediate

307 pages

6h 49m

English

Wrox

Read now

Unlock full access

Copyright
About the Author
About the Technical Editor
Credit
Acknowledgments
Introduction
Whom This Book Is ForWhat This Book CoversWhat You Need to Use This BookConventionsSource CodeErrata
1. Introducing the iPhone and iPod touch Development Platform
1.1. Discovering the Mobile Safari Platform1.2. Four Ways to Develop for iPhone and iPod touch1.3. The Finger Is Not a Mouse1.4. Limitations and Constraints1.5. Accessing Files on a Local Wi-Fi Network
2. Designing a User Interface
2.1. The iPhone Viewport2.2. Exploring Native iPhone Applications2.2.1. Navigation List–Based UI Design2.2.2. Application Modes2.3. Screen Layout: Emulating Apple Design2.3.1. Titlebar2.3.2. Edge-to-Edge Navigation Lists2.3.3. Rounded Rectangle Design Destination Pages2.3.4. Button Bar2.4. Designing for Touch2.5. Working with Fonts2.6. Best Practices in iPhone UI Design
3. Implementing the Interface
3.1. Top Level of Application3.1.1. Creating irealtor.html3.1.2. Examining Top-Level Styles in iui.css3.1.3. Adding the Top Toolbar to irealtor.html3.1.4. Adding a Top-Level Navigation Menu in irealtor.html3.2. Displaying a Panel with an Internal URL3.3. Displaying AJAX Data from an External URL3.4. Designing for Long Navigation Lists3.5. Creating a Destination Page3.6. Adding a Dialog3.7. Designing a Contact Us Page with Integrated iPhone Services3.8. Scripting UI Behavior with iui.js3.8.1. On Document Load3.8.2. Loading a Standard iUI Page3.8.3. Handling Link Clicks3.8.4. Handling AJAX Links3.8.5. Loading an iUI Dialog
4. Styling with CSS
4.1. CSS Selectors Supported in Mobile Safari4.2. Text Styles4.2.1. Controlling Text Sizing with -webkit-text-size-adjust4.2.2. Handling Overflowed Text with text-overflow4.2.3. Subtle Shadows with text-shadow4.3. Styling Block Elements4.3.1. Image-Based Borders with-webkit-border-image4.3.2. Rounded Corners with-webkit-border-radius4.3.3. Gradient Push Buttons with-webkit-appearance4.3.4. Multiple Background Images4.4. Setting Transparencies4.5. Creating CSS-Based iPhone Buttons4.6. Identifying Incompatibilities

5. Handling Touch Interactions and Events
5.1. How iPhone Handles Events5.2. Detecting an Orientation Change5.2.1. Changing a Style Sheet When Orientation Changes5.2.2. Changing Element Positioning Based on Orientation Change5.3. Capturing Two-Finger Scrolling5.4. Simulating a Drag-and-Drop Action5.5. Trapping for Key Events with the On-Screen Keyboard
6. Advanced Programming Topics: Canvas and Video
6.1. Identifying the User Agent for iPhone and iPod touch6.2. Programming the iPhone Canvas6.2.1. Defining the Canvas Element6.2.2. Getting a Context6.2.3. Drawing a Simple Rectangle6.2.4. Drawing Other Shapes6.2.5. Drawing an Image6.2.6. Adding Color and Transparency6.2.7. Adding Gradients6.2.8. Creating an Image Pattern6.2.9. Adding Shadows6.2.10. Transforming a Canvas State6.2.11. Saving and Restoring State6.2.12. Creating an Animation6.2.13. Canvas in Action6.3. Working with Video6.3.1. Preparing iPhone/iPod touch—Friendly Video6.3.1.1. Deciding on Video Size and Bit Rate6.3.1.2. Considering Aspect Ratio6.3.1.3. Exporting for Wi-Fi and EDGE6.3.1.4. Creating a Reference Movie6.3.2. Embedding Video or Audio Files
7. Integrating with iPhone Services
7.1. Preparing the iProspector Application Shell7.1.1. Creating the Contact Header7.1.2. Creating the cui.css Style Sheet7.2. Making Phone Calls from Your Application7.2.1. Creating Service Links7.3. Sending Emails7.4. Pointing on Google Maps7.4.1. Creating a Contacts Address Box7.4.2. Creating Service Buttons
8. Enabling and Optimizing Web Sites for iPhone and iPod Touch
8.1. Tier 1: iPhone/iPod touch Compatibility8.2. Tier 2: Navigation-Friendly Web Sites8.2.1. Working with the Viewport8.2.2. Turning Your Page into Blocks8.2.3. Defining Multiple Columns (Future Use)8.3. Tier 3: Custom iPhone/iPod touch Styles8.3.1. Media Queries8.3.2. Text Size Adjustment8.3.3. Case Study8.4. Tier 4: Parallel Sites8.4.1. Avoid Handcuffs, Offer Freedom8.4.2. Transform a Site to an iPhone/iPod touch Design
9. Bandwidth and Performance Optimizations
9.1. Your Optimization Strategy9.2. Best Practices to Minimize Bandwidth9.2.1. General9.2.2. Images9.2.3. CSS and JavaScript9.3. Compressing Your Application9.3.1. Gzip File Compression9.3.2. JavaScript Code Compression9.4. JavaScript Performance Optimizations9.4.1. Smart DOM Access9.4.1.1. Cache DOM References9.4.1.2. Offline DOM Manipulation9.4.1.3. Combining document.write() calls9.4.1.4. Using the Window Object9.5. Local and Global Variables9.6. Dot Notation and Property Lookups9.6.1. Avoiding Nested Properties9.6.2. Accessing a Named Object9.6.3. Property Lookups Inside Loops9.6.4. String Concatenation9.7. What to Do and Not to Do
10. Packaging Apps as Bookmarks: Bookmarklets and Data URLs
10.1. Bookmarklets10.1.1. Adding a Bookmarklet to Mobile Safari10.1.2. Exploring How Bookmarklets Can Be Used10.2. Storing an Application in a Data URL10.2.1. Constraints and Issues with Using Data URLs10.2.2. Creating an Offline iPhone/iPod touch Application10.2.2.1. Embedding External Styles and Scripts10.2.2.2. Encoding Images10.2.2.3. Converting Your Application to a Data URL
11. Case Studies: Beyond Edge-to-Edge Design
11.1. Case Study: iRealtor 2.011.1.1. Customizing the Application Toolbar11.1.2. Creating and Styling the Photos Page11.1.3. Programming the Photos Page11.1.4. Attaching the Photos Page to iRealtor11.2. Case Study: Mobile WYFFL11.2.1. Text-Based Destination Pages11.2.2. Table-Based Destination Pages11.2.3. Game Day Navigation List Page
12. Testing and Debugging
12.1. iPhone and iPod touch Debug Console12.2. Working with Desktop Safari Debugging Tools12.2.1. Enabling the Debug Menu12.2.2. Working with the Safari Web Inspector12.2.3. Working with the JavaScript Console12.3. Industrial Strength Debugging with Drosera12.3.1. Preparing Drosera for Safari12.3.2. Working with Drosera12.4. Simulating Mobile Safari on Your Desktop12.4.1. Using Safari for Mac or Windows12.4.1.1. Changing Safari's User Agent String12.4.1.2. Changing the Window Size12.4.2. Using iPhoney12.5. Debugging Inside Mobile Safari12.5.1. Firebug for iPhone12.5.1.1. Launching Firebug for iPhone12.5.1.2. Adding a Script Tag to Your Page12.5.1.3. Debugging with Firebug for iPhone12.5.1.4. Terminating the Debug Session12.5.2. DOM Viewer12.5.2.1. Starting the DOM Viewer12.5.2.2. Specifying a Root Node

Overview

The Safari-exclusive applications for iPhone and iPod touch assemble various elements, and this book shows you how to integrate these elements with key design concepts and principles in order to develop a highly usable interface for the touch screen. You'll learn to use existing open-source libraries in your code, imitate the overall look and feel of built-in Apple applications, and migrate existing Web 2.0 apps and sites to this new mobile platform. By the end of the book, you'll feel untouchable as you create a custom mobile application from scratch.

Note: CD-ROM/DVD and other supplementary materials are not included as part of eBook file.

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.

Julian F.

Head of Cybersecurity

I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.

Addison B.

Field Engineer

I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.

Amir M.

Data Platform Tech Lead

I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.

Mark W.

Embedded Software Engineer

Adobe® Dreamweaver® CS6 on Demand, Second Edition

Publisher Resources

ISBN: 9780470251553Purchase book

Cloud Computing

Data Engineering

Data Science

AI & ML

Programming Languages

Software Architecture

IT/Ops

Security

Design

Business

Soft Skills