摘要： 我们经常会用ul, li来制作菜单，让li排成一行当然不是什么难事，比较常见的是让li浮动。然后给ul设置一个比较大的宽度，以确保li不会把ul"撑破"。这样做固然可以，但不是很好。首先，有浮动就要清除浮动。其次，我们必须给UL的宽度预设一个比较大的值。这里要介绍另一种方法，通过display:inline-block和white-space:nowrap来实现同样的效果。形如下面的DOM，怎样让它们乖乖的排成漂亮的菜单。1 <ul class="menu"><li>item1</li><li>item2& 阅读全文

摘要： 上一篇文章中，我们讨论了量度任务的方法：http://www.cnblogs.com/windyao/archive/2011/05/18/2049411.html接下来，我将用这个方法，对一些网络上实际的例子作分析。我该找什么样的例子？是不是找来一堆注册页面之类的东西，一头扎进去数数呢？且慢。如果我不知道人们上网究竟干什么，也就不可能知道他要完成哪些任务，更别提对任务进行分析了。嗯，我先找个人问问。我：诶~同学，你好！能打扰下吗？请问你上网主要做什么啊？路人甲：哦，这个啊~看帖，看片，泡妞呗~~~~~~我：很坦率啊~~~~~~路人甲说的可能是大实话（尽管不够积极上进哈），不过这个回答太笼统， 阅读全文

摘要： 很薄的一本小书，花了几天时间，摇摇晃晃的在公交车上看完了。作者的一些视角和观点颇有新意，也很独特。书虽然看过，但很多东西还没有在实践中咀嚼消化。我摘抄了一部分我认为有价值的东西，姑且先记着：1，我知道首页主要的目的是吸引（或者说诱使）用户注册 听起来似乎挺有道理的。首页即注册登录页面的例子真不少，例如： （人人网）http://www.renren.com/ （悲催，谁叫咱上不了非死不可呢！） （Tumblr）http://www.tumblr.com/ （这个可以有） （点点）http://www.diandian.com/ （哥俩长得挺像，有区别的） （Flickr）http://www. 阅读全文

摘要： 之前的一篇被从首页拿掉了，我想不出哪里违规。询问管理员，也没回应。那我就猜一个，也许是没有用插入代码的方式写代码。Update一下。为交互添加恰当的音效，常常能改善用户体验。在我们所熟悉的windows里，清空回收站的碎纸声就是很好的例子。下面是一个利用HTML5, Jquery，给页面添加音效的小组件（只是添加音效，并不是播放器）。其实很简单，就是利用HTML5中的audio标签，播放声音。不过为了照顾IE 6-8，还是用上了bgsound。兼容所有主流浏览器（非主流不在考虑之列了）闲话少说，上代码：<a href="#" class="fui-btn&q 阅读全文

摘要： 上一篇文章中，我引入了几个概念：任务，操作，难易度。http://www.cnblogs.com/windyao/archive/2011/05/17/2038670.html现在回到第一篇提到的两个问题上来。直觉告诉我们，相较之下，左边的登录界面比较简单：经验告诉我们，右边的登录界面比较好用。如果只需要删除一个文件，我们通常会使用鼠标单击选中来进行删除。如果有很多个文件需要批量删除，比如说，40个，那么我们通常会使用全选的方式去删除。为什么？有的任务步骤很多，看似繁琐，其实却很简单，例如一些软件的安装过程，基本上只需要点击下一步就好。（什么？不小心装上了流氓软件，自己要看清楚点啊）这说明，一 阅读全文

摘要： 在上一篇文章中，我们谈了两个看似简单的小问题：http://www.cnblogs.com/windyao/archive/2011/05/03/2036000.html这两个问题实际上是两个任务，第一个任务是完成用户登录，而第二个任务则是要删除指定的文件。为了便于讨论和分析，我将任务定义为：为达到某个目标，而进行的一个或一系列操作。在#1-1和#1-2中，任务当然就是用户登录，而操作，则是如下步骤：1) 输入用户名> 2) 输入密码> 3) 敲击回车键/点击登录按钮在#2-1中，任务是删除文件，操作如下：1) 单击点选 > 2) 敲击Delete键 > 3) 敲击回车 阅读全文

摘要： 五一节的时候买了台TCL的L32P11BDEG电视。它的遥控器是这样的：上面只有五个按钮：电源开关，3D切换按钮，退出，OK，菜单按钮。以及一个转轮拨盘。我和老婆一看就傻眼了，这怎么用啊？我问销售小姐：你给我选个中央十台看看。销售小姐：不好意思，我们这里没有电视信号。我：这个遥控器连数字键盘都没有，怎么选台？我要选择21频道，你操作给我看下。销售小姐：这个遥控器很方便的。。。。。。。不好意思，这个我也不太熟。。。。。。。我：。。。。。。。老婆：你给换个遥控器吧，家里有老人小孩，这种遥控器他们不会用的。。。。。。。。我老婆软磨硬泡了好一阵，销售小姐终于答应送一个传统的遥控器，就是下面这个：电视装 阅读全文

摘要： 进入正题之前，请先看两个小问题：#1-1，下面有两个登录界面，比较一下，哪个更简单？#2-1，这个文件夹里有一个文件，需要删除，你会怎么做？很简单的问题是不是？显而易见，左边的登录界面看上去更简单。至于删除这个PSD文件嘛。大多数人会直接单击，然后按Delete键删除。当然也可以单击这个文件，然后单击鼠标右键，弹出菜单后，选择删除。还可以按ctrl+A全选，选中这个文件，然后按Delete键/右键菜单 删除。更可以用鼠标拉出一个选区，选中这个文件，然后删除。还有......打住！您可能已经不耐烦了。这么简单的事情，有必要纠缠吗？好，容我把这两个问题改改：#1-2，哪个登录界面更好用？#2-2， 阅读全文