随着HTML5网站开发的流行，有越来越多的优秀网站涌现。最近，微软IE为亚洲动物基金精心打造的“月熊志”3D网站正式上线，供网民浏览、了解月熊保护的相关事情。该网站正是用目前比较流行的HTML5标准开发而成的，整体交互体验非常好，尤其是在触控设备上的体验，非常流畅。开发者可以好好研究一下，这个网站背后的开发技术及实现原理。
整个网站共分为三部分，用户在浏览整个体验的过程当中，就像翻阅一本杂志一样轻松，网站中的翻页依靠了CCSTransitions和CSSTransforms，但这又不是一本传统的电子杂志，在杂志中加入了非常丰富的3D元素、高清图、视频和信息交互方式，并且可以触控流畅体验，让人们沉浸在月熊的故事和AAF为保护月熊所做的努力中。并且该网站对于HTML5中Canvas标签的运用非常多，使得整体图像视觉效果非常炫，比如视频拼图和小熊洗澡的页面都有用到
现在触控设备越来越多，而“月熊志”网站在开发过程中也为触控进行了考虑，使用了Hammer.JS和微软的PointerAPI，PointerAPI封装了包括触摸、鼠标等不同类型的输入，能够对操作进行统一的捕获和处理，不论使用什么样的输入硬件，都能够很好的工作，这样也保证了网站可以良好的支持来自触控的体验。在未来，触控设备也会成为主流的网站体验终端，而IE11在Windows8.1上则能够完美支持多点触控，使用IE11将会得到最好的触控操作体验。
随着网民对交互型体验需求的增加，以及触控设备的增多，HTML5网站会越来越流行。以什么样的形式展现，采用哪种Web效果和用户交互，作为开发者都应该好好考虑。而微软的IE11团队开发的这个月熊志网站，可谓是树立了一个行业典范。
另外，基于IE11全面支持硬件加速，能够对网站上的文字、视频以及图片等使用GPU来进行渲染，从而释放CPU的时间去做更专注的事情，提升网页加载速度和渲染效果。
搞网站开发的同学们，可以学习一下这个网站的开发思路。微软IE团队每一次的网站作品，都是引领着网站开发的方向，大家应该好好研究一下。把里面你感觉比较炫的设计理念、开发技巧运用到自己的作品里面。相信你们也可以开发出类似的优秀的HTML5网站。
[ 此帖被他妻负我°在2013-12-19 20:06重新编辑 ]
