摘要：
通用Meta定义1. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" >（1）强制让文档与设备的宽度保持1：1；（2）文档最大的宽度比列是1.0（initial-scale初始刻度值和maximum-scale最大刻度值）；（3）user-scalable定义是否可缩放（0为不缩放），使页面固定设备上面的大小。下图分别是没有定义viewport和定义viewport在手机上显示的 阅读全文
摘要：
涂雅导读：现在移动开发算真正地热起来了，各大网站都有推出手机网站，软件也越来越多了，像QQ也推出了Android和iPhone的智能机版本。各在在线商旅网站也不约而同地推出了手机预订的功能，可以预见，从事手机网站开发的人将会越来越多。全文：虽然国内用手机上网的速度实在不咋的，3G要么速度奇慢，要么费用巨高，Wifi热点因为某些部门的禁止而无法普及。或者也是个好事，指不定哪天美国佬因为Wifi的辐射造成了大批量死亡，那就是我们某些部门的高瞻远瞩了，哈哈。作为一个程序员，当然会更注技术层面的东西，今天我就把我对国内手机网站开发的一些看法分享给大家，为什么要说国内呢，因为国内要考虑手机上网的资费和速 阅读全文
摘要：
我要设计3个典型的网络商店页面，并运用手机页面设计原则。我会从草图开始讲，然后是网站线框图，到最后的设计成品。（译者：节选PART2中的部分内容，推荐英文好的读者查看原文。由于手机设备屏幕尺寸不一，网站要支持每一个屏幕尺寸是不切实际的，这里我使用240X320作为目标屏幕尺寸，因为据Device AtlasDataExplorer的调查显示，240X320在保持实用的同时，还能保证你的网站能够在众多手机设备上显示正常。的确，240X320与桌面电脑屏幕相比真是太小了（参见下图），几乎是其十分之一，这也是值得注意的一点。 Step 1: Sketches（草图） 首先，用网站线框图来勾勒出一.. 阅读全文
摘要：
手机网站与普通网站有很多不同的地方，所以在编写手机网站时，有很多问题需要注意，需要多测试。1. 内容优先手机分辨率比电脑的分辨率小很多，所以在手机版网页上只显示最主要的内容。下图所示是携程网的首页和手机版的首页。2. 垂直浏览取代水平浏览如上图所示，普通站点的网页中，导航条都是横向的，而在手机版网页中，导航条（功能标签）都是纵向的。3. 导航条，标签和超文本在手机上，用户主要通过手指触摸屏幕来进行操作。为方便用户操作，网页上应尽量不使用超链接，而更多地使用导航条，标签和按钮。4. 图片在移动站点设计中，应该减少图片的使用，原因有二：其一，一些移动设备并不支持和传统网页站点一样显示方式；其二，移 阅读全文
摘要：
导读：国内手机网站目前还算是个新鲜事物，相应的手机网站前端开发也并不是特别成熟，对于一个网页设计师来说要做一个手机网站还是会碰到许多问题，本文转载自淘宝 UED，分享如何开发进行手机网站的前端卡发。从09年初接手淘宝手机网站前端开发的工作至今，转眼已是一年。一步步看着手机淘宝从最初的beta版本到今天的样子，感慨良多。手机网站开发，有着许多不为人知的困难：一是可参考的资料太少，大部分手机网站都处于起步阶段，很多的时候都是摸着石头过河，而鉴于淘宝自身的特殊性，也使得我们在参考成功案例之余，要做更多的思考；二是兼容性工作异常艰辛，难度一点也不比web网站的兼容性工作来的低；再者作为一个手机网站的前 阅读全文
摘要：
Facebook推出新版手机网站（融智创想配图） 北京时间4月1日消息，据国外媒体报道，社交网站Facebook周四推出了最新版的手机网站。Facebook表示，该手机网站更为简洁，数千款不同类型的手机均可以登录该手机网站。 在此之前，Facebook手机网站的运行过于复杂。举例来说，当用户使用手机登录Facebook手机网站时，Android手机和iPhone等智能手机用户将被导向touch.facebook.com；使用功能手机登录Facebook手机网站时，用户则会被导向m.facebook.com。如今，Facebook终于把m.facebook.com和touch.faceboo.. 阅读全文
摘要：
关于手机网站设计，我将分两部分来写。第一部分中，我重点介绍目前3个主流的手机网站应用，探讨这些应用是如何恰到好处地解决手机Web应用的难题。第二部分中，我会逐步介绍一个小型电子商务网站的设计。“良好的交互设计关注人们所想，所做以及所感”——斯蒂芬·P·安德森安德森的这句话适用于整个交互设计领域，同样这也是手机交互设计的真理。让用户快速地找到他们想要的信息是手机交互设计的必要条件。最重要的一点还是用户可以以最简便的方式找到最重要的东西。由于手机是一个最为私人的设备，所以一定要让用户对自己正在做的事有着非常好的感觉，这样才会让他们越来越多地光临你的网站。我在去年购买了N95，现 阅读全文
摘要：
如果你是一个网站所有者自己，你应该想想你的网站有一个移动版本，这应该是下一步的行动，在我看来你未来的计划的人使用他们的手机访问互联网的人数与日俱增。 建立一个网站的移动版本这并不复杂，你只需要一些技巧，这些可以很容易地在互联网上找到，但你应该挑其设计的想法？如果你没有什么灵感，这一篇可以帮助你一点！Mobilize MediaDiggWacom BambooMySpaceLexus IS FCooshPlavebAmmy StoddardPrint FancyTwitterFar From FearlessProductive DreamsMashableMarcel MullerProcab 阅读全文
摘要：
移动互联网高速发展的今天，手机用户已经越来越多，据不完全统计，去年年底，手机上网的用户量已经远远超过PC机，稳居第一。（而且大街上人手一部的苹果，伤不起啊，哎！）所以，手机网站，很可能就会是互联网的另外一种革命。言归正传，说起手机网站，大多数人的观念还是停留在非智能机和非触摸式智能机的时代，也就是我们常说的WAP网站的时代。WAP作为手机网站的一种，曾经的确风靡一时。随着触摸式智能机的快速崛起，安装了全新操作系统和浏览器的智能手机，基本上可以作为“掌中PC”来用，WAP这种只能显示简单信息和图片的手机网站，已经不再适应潮流了，在智能机下，完全就不能看，基本没样式，烂的够可以。而目前大部分没有手 阅读全文