为iPhone设计：资源

曾经说过有关为iPhone设计的37信号：

为iPhone设计的打印和网页设计的混合 。

大家都知道的网站充斥着不确定性。 我们不知道观众的屏幕大小或分辨率，我们不知道别人的屏幕伽玛，我们不知道如果他们已经有了一个特定的字样和/或究竟如何面对呈现在他们的浏览器，我们不知道他们打算使用浏览器等。

但是，纸，另一方面，充分的控制。 固定大小，固定的面孔，固定的色彩。 你打印的是，正是人们看到（假设你做你的功课，颜色和纸张等）。

因此，iPhone是一个奇怪的组合。 它的网页，并可以滚动的事情，和数据从远程服务器拉，但它也是一个固定的宽度，固定的浏览器，固定的字体，等的很酷，一个真正令人耳目一新的设计工作。

这是非常真实的。 开始为iPhone设计，只是好玩。 关于跨浏览器测试的无后顾之忧，无后顾之忧，以满足过时的技术。 你设计的是你会得到什么！

这里有一些资源，让您与您的iPhone的设计项目。

Photoshop文件

免费iPhone PSD文件图标/快照/什么

iPhone的GUI PSD

iPhone界面PSD文件

iPhone的图标样式。PSD套件

苹果官方资源

iPhone开发中心
视频： 介绍了iPhone SDK （需要免费注册）
编码操作方法的图形和动画

教程

学习如何开发针对iPhone

为iPhone设计（当你不持有一份）

创建一个灵活的iPhone从任意的RSS /移动接口

为iPhone设计 （与iPhone的接口几个网站的列表）

问问ET： iPhone的界面设计 （包括视频）

实用的电子商务网站设计 ： 为iPhone

iPhone图标

设计的iPhone（第一部分） （favicon）

如何为您的网站创建一个定制的苹果iPhone图标

如何使用Photoshop创建一个Webclip iPhone图标

交货状态图标的演变（其进展的非常酷的动画）

有用的代码片段

检测与JavaScript的iPhone：

<script type="text/javascript"> if (navigator.userAgent.indexOf('iPhone') != -1) { { // Do something iPhone Specific! } </script> 

设置iPhone视窗大小：

 <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;"> 

把您的网页的head部分。 如果您想强制一个静态的宽度，改变一个特定大小的“设备宽度”。 iPhone的屏幕尺寸为320 × 480px。

向下滚动到隐藏在页面加载的菜单栏：

 <script type="application/x-javascript"> addEventListener('load', function() { setTimeout(hideAddressBar, 0); }, false); function hideAddressBar() { window.scrollTo(0, 1); } </script> 

更多iPhone的最新新闻和评论iPhone应用程序 ，检查出AppCraver 。