iPad Design Resources

Emulator

iPad Peek

Test your web pages in the iPad browser emulator. Click on the top iPad border to rotate.

LiveView for iPhone & iPad

LiveView is a specialized remote screen viewing application intended as a tool to help designers create graphics for mobile applications

Getting Started

Web Development For The iPhone And iPad

The iPhone operating system makes up 50% of the worldwide smartphone market, with the next-highest OS being Android at 24%.

The iPad Web Design & Development Toolbox

The main focus of this article relates to designing websites for the iPad.

Useful Design Tips For Your iPad App

Think about the device in terms of lifestyle rather than features and technology.

GUI & Templates

iPad GUI PSD

The PSD was constructed using vectors, so it’s fully editable and scalable.

iPad Stencil for Omnigraffle

OmniGraffle template for folks designing iPad apps

Collection Vol. 1

Here's a list of free iPhone & iPad templates and stencils.

Collection Vol. 2

Library of UI elements at your disposal. Big time saver.

Collection Vol. 3

iPhone and iPad Development GUI Kits, Stencils and Icons.

Icons

A Collection of Free iPad Icons, Tutorials and PSDs

Collection of ready made icons and PSDs.

Layout

iPad Dimensions

Size of iPad and other Apple products compared.

Books in the Age of the iPad

Tufte & Formless Content.

iPad Design for News by Mario Garcia

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

Fonts for iPad & iPhone

Must see!

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.

App Gallery

Gizmodo's Essential iPad Apps

Netflix, ABC Player, Marvel Comics, iBooks, NBA, MLB, ESPN, Yahoo Entertainment

Landing Pad Gallery

A showcase of beautiful iPad app design

34 Inspiring iPad Application Websites

Landing Page design for iPad App sites.

Apple - iPad ready

CNN, Reuters, New York Times, Vimeo, Time, ESPN, MLB, Netflix, NPR, NHL, The White House, Virgin America, Sports Illustrated, Flickr, People, TED, Nike.

10 Must-Have Apps for the New iPad Owner

Air Video, Real Racing HD, GoodReader, Mondo Solitaire, Wired Mag, Kindle for iPad, Epicurious, Dropbox, The Guardian Eyewitness, NewsRack.

Goodies

How to Design the Apple iPad in Photoshop

You can use these techniques to make almost any Apple product.

30+ iPad Apps For Designers, Developers And Creative Types

Over 30 iPad apps designers, developers and creatives will find useful.

DODOcase

A classic look to protecting your iPad.

iPad Case Finder

Find the perfect iPad case.