You are previewing iPhone® & iPad® Web Design For Dummies®.
O'Reilly logo
iPhone® & iPad® Web Design For Dummies®

Book Description

A full-color guide to designing top-notch Web sites for the iPhone, iPad, and iPod touch!

Apple's trio of mobile devices the iPhone, iPad, and iPod touch are nearly unstoppable; no other advanced mobile platform comes close to the number of users they boast. However, many of the popular Web technologies are not compatible with the iPhone, iPad, and iPod touch and that's where this book comes in. Focused on creating a captivating mobile Web experience, this straightforward-but-fun guide shows you how to use HTML5, CSS3, AJAX, and JQuery to produce highly interactive Web sites for these sophisticated devices. The author duo takes you on a journey of designing for the iPhone, iPad, and iPod touch from start to finish. You'll discover how to plan the perfect Web experience for a mobile device, add interactivity and multimedia, test and optimize your creations, and publish and market your final design.

  • Offers a full-color introduction to designing Web sites for the immensely popular iPhone, iPad, and iPod touch using HTML5 and CSS3
  • Teaches you how to add interactivity with AJAX, JQuery, and JavaScript
  • Addresses optimizing images and multimedia; combining a Web site with a mobile application; creating iPhone and iPad designs for WordPress, Joomla, and Drupal; and adding mobile commerce
  • Highlights ways to test your site and then publish and market your new creation

Discover the exciting possibilities of designing Web sites for the iPhone, iPad and iPod touch with iPhone & iPad Web Design For Dummies!

Table of Contents

  1. Cover
  2. Table of Contents
  3. Title Page
  4. Introduction
    1. About This Book
    2. Part I: Laying the Groundwork
    3. Chapter 1: Designing for the Future of the Web
  5. Part I: Laying the Groundwork
    1. Part I: Chapter 1: Designing for the Future of the Web
    2. Part I: Chapter 2: Planning the Perfect Mobile Experience
      1. Assessing Your Current Web Presence
      2. Chapter 3: Designing for the iPhone and iPad
    3. Part I: Chapter 3: Designing for the iPhone and iPad
  6. Part II: Using Markup and Programming Languages
    1. Part II: Chapter 4: Introducing HTML5 and CSS 3
      1. Designing for Different Web Browsers
    2. Part II: Chapter 5: Creating Sites with HTML5
      1. Creating a Site Framework in HTML5
    3. Part II: Chapter 6: Designing with the Advantages of CSS 3
      1. Displaying New Code in Many Browsers
    4. Part II: Chapter 7: Animating and Interactivity
      1. Creating Interactive Features with CSS 3
  7. Part III: Adding Multimedia and Web 2.0 Features
    1. Part III: Chapter 8: Optimizing Images
      1. Desiging Images for the iPhone and iPad
      2. Chapter 9: Adding Video and Audio
    2. Part III: Chapter 9: Adding Video and Audio
    3. Part III: Chapter 10: Creating Mobile Commerce Sites
      1. Appreciating the Mobile Opportunity
  8. Part IV: Publishing Your Site
    1. Part IV: Chapter 11: Testing and Publishing Your Designs
      1. Comparing Site Testing Solutions
    2. Part IV: Chapter 12: Using Device Detection to Target iPhone and iPad Designs
      1. Developing a Device Detection System
      2. Chapter 13: Creating iPhone/iPad Designs for a WordPress Blog
    3. Part IV: Chapter 13: Creating iPhone/iPad Designs for a WordPress Blog
  9. Part V: The Part of Tens
    1. Part V: Chapter 14: Ten Web 2.0 Opportunities: Google Maps, Facebook, and Beyond
      1. Finding Yourself on Google Maps
    2. Part V: Chapter 15: Ten Ways to Market Your Site
      1. Making Your Site Search Engine Friendly
  10. Cheat Sheet