You are previewing Pro iOS Web Design and Development: HTML5, CSS3, and JavaScript.
O'Reilly logo
Pro iOS Web Design and Development: HTML5, CSS3, and JavaScript

Book Description

With Pro iOS Web Design and Development, you'll design websites and develop web applications for iPhone and iPad using web standards deployed with Apple's Safari browser.

Utilizing the very latest web and mobile technologies and releases, this book shows every web professional how to use HTML5 to do the heavy lifting, CSS3 to create the look and feel, and JavaScript to add program logic to their mobile sites and Web applications.

In addition, you'll learn how to address the specific features made available through Apple's iOS, especially with regard to designing Web-based touch-screen interfaces.

Pro iOS Web Design and Development will help you deliver rich mobile user experiences without compromise by optimizing your sites for WebKit and Safari, the de facto standard for the iPhone, iPad, and iPod touch.

What you'll learn

  • Design an optimal website for the iPhone, iPad, and iPod touch.

  • Use web standards to develop professional sites on Apple's key platforms and see why this is important for Web developers and designers.

  • Take advantage of Apple's multi-touch screen technology in your Web apps, maximizing user experience and accessibility.

  • Carry out usability testing for mobile websites and Web apps.

  • Define an agile project flow optimized for mobile development.

  • Use a cognitive approach to UI design using the laws of perception, color psychology theory, and the concepts behind positive and negative space.

Who this book is for

Web designers who are interested in mobile Web design and/or mobile Web development; desktop developers who are interested in mobile Web application development; or any Web professional who wants to learn how to design and develop for the iPhone, iPad, and iPod touch.

Table of Contents

  1. Title
  2. Dedication
  3. Contents at a Glance
  4. Contents
  5. About the Author
  6. About the Technical Reviewer
  7. Acknowledgments
  8. Preface
    1. Mobile Device Evolution
  9. Introduction
    1. Who Needs This Book
    2. What You Will Learn from This Book
    3. Where Will the Journey Through This Book Take You?
    4. How Will You Get Started and Then How Will You Use What You've Learned?
  10. Chapter 1: Think Mobile Touch
    1. Why the Mobile Web?
    2. Apple's Mobile Hardware
    3. Summary
  11. Chapter 2: Agile Project Building for iOS Devices
    1. Implementing a Mobile Information Architecture
    2. Systematic Approach to Mobile Design
    3. Summary
  12. Chapter 3: Web Development for iOS Devices
    1. Web Development Tools
    2. Mobile Applications
    3. Web Development Model
    4. SDK Development Model
    5. Summary
  13. Chapter 4: User Interface Design for iOS Devices
    1. User Interface Design
    2. iPhone and iPad Compatible User Interface Design
    3. iPad Native-Like User Interface Design
    4. iPhone Native-Like User Interface Design
    5. Summary
  14. Chapter 5: iPhone UI Design: Think Simple
    1. User Interface Sketching
    2. Think Simple
    3. Anatomy of Sketching
    4. Design Using Tools
    5. Designing with Adobe Fireworks
    6. Summary
  15. Chapter 6: iPad UI Design: Think Inverted
    1. User Interface Sketching
    2. Think Inverted
    3. Design Using Tools
    4. Design with Adobe Fireworks
    5. Summary
  16. Chapter 7: Web Standards for WebKit: Maximizing Mobile Safari
    1. Comparing iPhone and iPad for Web Presentation
    2. HTML5
    3. CSS3
    4. Javascript
    5. Summary
  17. Chapter 8: Native iOS Environment Development
    1. Setting up the Environment
    2. Defining Viewport
    3. Full-Screen Mode Application
    4. Adding the Springboard Icon
    5. Application Startup Image
    6. Application Redirecting
    7. Setting up the Head Section
    8. Native Link Emulation
    9. Native Text Emulation
    10. Native Element Emulation
    11. Native Scrolling Emulation
    12. Native iOS Service Interaction
    13. Touch Events and Gesture Interactions
    14. Expand a Framework for iOS
    15. Resources for Coding
    16. Summary
  18. Chapter 9: Native iOS Design Implementation
    1. iPhone Page Model Implementation
    2. Implement the Native-Like Page Structure
    3. iPhone Native Interface Emulation
    4. Summary
  19. Chapter 10: Optimizing iOS WebApps
    1. iPad and iPhone Compatibility
    2. Performance Optimization
    3. Offline WebApp
    4. Mobile SEO
    5. Summary
  20. Chapter 11: Testing iOS WebApps
    1. Web Development Lifecycles
    2. Web Application Testing
    3. Agile Tests
    4. Heat Map Tests
    5. Organizing a Test
    6. Performing a Test
    7. Evaluating a Test
    8. Variables and Feedback to Evaluate
    9. Resources on Testing
    10. Summary
  21. Chapter 12: Maximizing the Market for iOS WebApps
    1. Use Your Mobile Strategy
    2. How to Promote Your WebApp
    3. Monetizing a WebApp
    4. Resources on WebApp Market
    5. Summary
  22. Chapter 13: Looking Beyond the Mobile Web to Ubiquitous Computing
    1. The Explosion of Mobile Devices, Wireless, and Cellular Communications
    2. Next-Generation User Experience with Touchscreen and Multitouch Technology
    3. New Technology, New Usability, and New Opportunity
    4. How the Multitouch-Screen Revolution Will Change Next-Generation Computing
    5. Summary
  23. Index