iPhone和iPad开发入门

核心提示：Apple Web Apps ListingMobile Awesomeness Design GalleryCSS iPhone Design GalleryWell Placed PixelsApple App Store (虽然这些都是原生的应用程序，不过你可以找到一些很好的视觉设计灵感)纸张纸张模型是我长期以来

Apple Web Apps Listing

Mobile Awesomeness Design Gallery

CSS iPhone Design Gallery

Well Placed Pixels

Apple App Store (虽然这些都是原生的应用程序，不过你可以找到一些很好的视觉设计灵感)

纸张

纸张模型是我长期以来一直使用的设计网站框架结构的工具。以下是几款常用的工具：

Notepod: iPad and iPhone sketchbooks

App Sketchbook

PixelPads

UI Stencils sticky pads

Apress iPhone Application Sketch Book

Printable iPhone Wireframe Template (免费)

数字化

一旦你想好了你的设计走页，我们需要将他们移到桌面上具体化。我非常喜欢使用的网页架构设计工具是OmniGraffle，但有时候也会直接使用Photoshop进行。不过使用什么，以下这些工具都会对你有很大的帮助：

iPhone GUI PSD 3.0 以及 iPad GUI PSD (Photoshop)

Layered iPhone GUI elements (Photoshop)

PSD Vector Kit (Photoshop)

iPad and iPhone stencils; 更多可以参看 Graffletopia (OmniGraffle)

iPhone and iPad Development GUI Kits, Stencils and Icons

代码

当你开始为iPhone操作系统上的Safari进行代码设计的时候，理解浏览器的工作模式是非常重要的。另外，iPhone和iPad的浏览器会有一些细微的差别，例如表单选择的盒模型工作模式等。最重要的是，Safari可以很好的支持CSS3和HTML5，因此你可以放心使用先进的代码而不用担心跨浏览器的兼容问题。

相关知识

事实上，苹果公司对于iPhone操作系统的Safari说明文档已经足够详细了。唯一不足的一点就是缺少操作系统和浏览器探测的使用帮助。以下就是针对这点的相关使用说明：

iPhone & iPod touch浏览器探测

The Javascript

1

if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {