本文转自：http://www.rtdot.com/product/44
看完本文确实有同感，经常遇到提需求时同时告知你这个需求很简单，很容易实现，把应该由开发来评估的时间都给你评估好了，甚至把实现方式，技术方案都给你想好了。有时开发者自己在遇到瓶颈前也会错估开发时间，如果再被不了解内部架构和数据结构的外行人吐槽会很烦躁….
—————————————
“这个网站相当简单，所有你需要做的就是完成X，Y，Z。你看起来应该是技术很好，所以，我相信，你不需要花费太多时间就能把它搭建起来。”
我时不时的就会收到这样的Email。写这些邮件的人几乎都是跟技术不沾边的人，或正在研究他们的第一个产品。起初，当听到人们这样的话，我总是十分的恼怒。他们在跟谁辩论软件开发所需要的时间？但后来我意识到，即使我自己对自己的项目预测要花去多少开发时间,我也是一筹莫展。如果连我自己都做不好，我何必对那些人恼怒呢？
真正让我郁闷的不是他们预估的错误。问题在于他们竟然认为自己可以做出正确的估计。作为开发人员，我们经常会发现，在软件开发的问题上，一个外行人会很自然的把复杂的事情估计的很简单。
前面两篇文章《指尖的星光——触屏设备web网页开发总结（一）》 和 《指尖的星光——触屏设备web网页开发总结（二）》介绍了获取手势滑动方向和移动列表位置，现在我们增加移动的动画效果。
现在列表可以移动了，但是很生硬，所有的变化都是瞬间完成，这个不符合apple的操作体验，现在我们来添加切换动画。
在传统方案中，我们一般是setTimeout延迟，每次移动一定的距离，完成动画的效果，现在css3原生提供了切换动画。
这里介绍几个关键的css3动画属性：
transition-property: none | all | [<property-name>][, <property-name>]*
transition-property,顾名思义，响应动画效果的css属性名。
前面《指尖的星光——触屏设备web网页开发总结（一）》这篇博文说了该如何获取手势移动方向，现在我们需要真正的移动div元素实现列表的切换。
获取到了移动方向，现在就是让触摸的列表滚动到指定的位置，这里就有好多种方案，常见的就是移动列表父元素的left属性或者scrollLeft属性，这里我们就以修改left属性为例。
改变样式left值，其实就是让列表div的宽度很宽很宽，而父元素宽度固定，overflow为hidden，然后改变列表div的左边距距离，让列表div在父元素中移动
要向右移动列表，就需要把列表ul.nav_list的left属性减小到负值，向左移动则增加left值。上一步我们已经知道手势滑动方向了，现在只需要根据方向修改left值即可。
好吧，确实很久没有写博客了，主要是最近一直在负责一些对外合作的数据接口，另外有些事情技术沉淀局限在具体项目上，仅能在公司内公开。
言归正传，最近一直在研究触屏版的网页开发，触屏设备的出现，改变了操作的理念，各种app都是手指触摸滑动翻页，切换图片等，那么在网页上的操作也需要跟随时代的步伐，不能再用PC上鼠标点击“下一页”，“上一页”或者拖动滚动条来展现内容。
获取手势滑动的方向
PC上我们使用鼠标，响应onmouseon，onmouseover，onmousemove等事件实现一些复杂的动画效果，典型的例子就是鼠标拖拽。但是触屏监听这些事件已经不合适了，取而代之的是触摸屏设备独有的ontouchstart（开始触摸，也就是手指按在网页上），ontouchmove（手指在屏幕上滑动），ontouchend（手指离开屏幕），ontouchcancel（触摸被取消）等事件。
ios系统没有告诉我们当前用户手指移动的方向，需要我们自己去分析，基本步骤就是在开始触摸的时候记住触摸的坐标，在触摸结束时再获取触摸坐标，然后取差值算得位移方向。
HTML5 的 <video>标签有许多默认的事件，如果我们通过这个播放器加载一段视频文件，从开始加载到播放结束，都经历了哪些事件呢？这些事件的触发顺序如何？
[1]HTML5:onplay
[2]HTML5:onwaiting
[3]HTML5:ondurationchange
[4]HTML5:onloadedmetadata
[5]HTML5:onloadeddata
[6]HTML5:oncanplay
[7]HTML5:onplaying
[8]HTML5:oncanplaythrough
[9]HTML5:onended
事件详细说明：
全新的锁屏界面
第一次使用时的崭新欢迎屏幕
免PC激活（这个功能实在是太好了）
新的消息推送中心（就是有点像Android的那个）
锁屏相机快捷方式
股票和天气内置入消息推送中心
iPod应用改名为Music并使用了新图标
新的视频录像应用
iMessage
短信发送按钮绿色为普通短信、蓝色为iMessage
为杂志和报纸新建的Newsstand
可以创建和删除照片文件夹
系统级Tωitter支持
新Tωitter键盘，带有#和@按钮
支持图片编辑
前几天腾讯视频播放页改版，右侧的列表由以前的上下分页更改为滚动条下拉，有上角的“收起”由以前的向左箭头更改为叉叉，无论是产品经理的意思还是设计或者交互的意思，这里由于把工期压缩的很短，而改版的工作量很大，没有来得及去PK这里的设计，其实作为开发，本人对这里有些意见的。
播放页右侧列表
列表的翻页改成滚动条下拉，或许是只需要按住鼠标拖动滚动条就行了，避免了之前的反复点击，有什么精彩片段一眼就可以看到。
