Design for iPad

A key first step: do a diagram of your storyboard, so that you can pace content, strategically place destination moments. This is essential in a non-linear platform.

Fonts & Typography

Designing for iPad: Reality Check

iPad’s resolution is higher than a regular LCD but still lower than an iPhone which gives the pixel type an unusual “in between” feel.

What the iPad is Missing

Yet it’s exactly that part of media consumption, reading, that reveals what’s missing on the iPad: good typography.

Better Screen, Same Typography

Today’s Microsoft actually beats today’s Apple in typography.

Usability

iPad Application Design

The primary warning about designing for the iPad is: more screen space doesn’t mean more UI. You’ll be tempted to violate that principle, and you need to resist the temptation.

Jakob Nielsen: First Findings From User Testing

It's the same with iPad apps: anything you can show and touch can be a UI on this device. There are no standards and no expectations.

Usability of iPad Apps and Websites

UI pioneer Jef Raskin once used the terms card sharks vs. holy scrollers to distinguish between two fundamentally different hypertext models: cards and scrolls.

iPad User Experience Guidelines

There’s a unique and exciting opportunity here, and just possibly the beginning of the next major stage in software design and user experience.

WIRED on iPad: Just like a Paper Tiger

We should use original tools to create iPad apps, not because Steve Jobs said so, but because these tools create products with flesh and bone, that is: an understanding of both the purpose, the potential and the limits of the iPad technology.

iPad UI Conventions

The Devil is in the details.

Touch Screen

Touch Gesture Reference Guide

The Touch Gesture Reference Guide is a unique set of resources for software designers and developers working on touch-based user interfaces.

CSS hacks

Preparing Your Web Content for iPad

Apple's Human Interface Guidelines for the iPad.

iPad Orientation CSS

Pad’s Two Orientation Are A Big Deal.

How to fit your website for the Apple iPad

If your site is designed to work at 980 pixels wide or slightly less, you probably don’t need to do anything.

Designing for the iPad

iPad Ready checklist.

iPad CSS Layout with landscape / portrait orientation modes

A special iPad optimised website layout that uses pure CSS to change layouts in the portrait and landscape orientation modes.

HTML5

The First HTML5 Mobile App Framework

Sencha Touch allows you to develop web apps that look and feel native on Apple iOS and Google Android touchscreen devices.

Making an iPad HTML5 App & making it really fast

The site uses no images, no JavaScript framworks, and no external CSS, and fits quite comfortably in a few k’s of gzipped HTML.

Build native mobile and desktop apps with web tecnologies.

Use Appcelerator Titanium to build mobile apps for iPhone & Android and desktop apps for Windows, Mac OS X & Linux from Web technologies

JS&PHP

iPad Detection Using JavaScript or PHP

The JavaScript, the PHP and the .htaccess.

Video demonstration

Wired Magazine on the iPad

A look at the new digital version of Wired.

Time Magazine

Dave's iPad Stuff featuring Time, NASCAR, Cadillac and Route 66.

Apple - iPad - Apps for iPad

Popular Science, Real Racing HD, The Periodic Table, Alphabet Fun, Glee, Zillow, The Weather Channel, Things for iPad, Marvel Comics, The Wall Street Journal, Epicurious, E*TRADE Mobile Pro, F1 2010.