HTML5优秀网站“月熊志”,微软IE11又一力作

社区服务
高级搜索
猴岛论坛电脑百科HTML5优秀网站“月熊志”,微软IE11又一力作
发帖 回复
倒序阅读 最近浏览的帖子最近浏览的版块
15个回复

[资源分享]HTML5优秀网站“月熊志”,微软IE11又一力作

楼层直达
上上钱

ZxID:27697521

等级: 列兵
举报 只看楼主 使用道具 楼主   发表于: 2013-12-19 0
  随着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重新编辑 ]
伊影泠月寒

ZxID:38303063

等级: 新兵
举报 只看该作者 沙发   发表于: 2013-12-21 0
3D效果很好,图片质量做的不错
绯色流年53da

ZxID:38338423

等级: 新兵
举报 只看该作者 板凳   发表于: 2013-12-21 0
同意楼上说的,确实,而且翻动的效果也很好
寒玉1542

ZxID:38448037

等级: 新兵
举报 只看该作者 地板   发表于: 2013-12-22 0
网站动物真的好可爱,希望大家都能够不去伤害它们
久绊

ZxID:34658365

等级: 少尉
第一眼就心动的人要怎么做朋友.

举报 只看该作者 4楼  发表于: 2013-12-22 0
引用
引用第1楼伊影泠月寒于2013-12-21 10:05发表的  :
3D效果很好,图片质量做的不错

绯色流年53da

ZxID:38338423

等级: 新兵
举报 只看该作者 5楼  发表于: 2013-12-22 0
3D神马真的做的不错,尤其是呼吁大家保护动物,杀熊取胆真的好残忍啊。
a1067934287

ZxID:8065776

等级: 上校
举报 只看该作者 6楼  发表于: 2013-12-23 0

我说你这货干嘛呢? 刷好评啊?
华子a781

ZxID:38574645

等级: 新兵
举报 只看该作者 7楼  发表于: 2013-12-23 0
   网站的互动做的很好
一应儿

ZxID:38599681

等级: 新兵
举报 只看该作者 8楼  发表于: 2013-12-23 0
   嗯互动方面确实做的很完美,就是点击有些需要改善
皇妃ecac

ZxID:39162203

等级: 新兵
举报 只看该作者 9楼  发表于: 2013-12-28 0
     熊熊很可爱,但是杀熊取胆很残忍
皇妃ecac

ZxID:39162203

等级: 新兵
举报 只看该作者 10楼  发表于: 2013-12-28 0
引用
引用第8楼一应儿于2013-12-23 16:46发表的  :
   嗯互动方面确实做的很完美,就是点击有些需要改善

这个熊不错很可爱
若为d9cb

ZxID:39183417

等级: 新兵
举报 只看该作者 11楼  发表于: 2013-12-28 0
引用
引用第9楼皇妃ecac于2013-12-28 16:01发表的  :
     熊熊很可爱,但是杀熊取胆很残忍

真的好可爱呀。我也很喜欢的
风ffc4

ZxID:39272413

等级: 新兵
举报 只看该作者 12楼  发表于: 2013-12-29 0
   可爱是可爱但是了解了杀熊取胆后就为他们悲哀了
风ffc4

ZxID:39272413

等级: 新兵
举报 只看该作者 13楼  发表于: 2013-12-29 0
网站的3D效果真的是不错呢
风儿冷冷吹

ZxID:39408111

等级: 新兵
举报 只看该作者 14楼  发表于: 2013-12-30 0
     网站的3D效果也听哈O互动也不错
15390134965

ZxID:29331311

等级: 下士
举报 只看该作者 15楼  发表于: 2014-01-01 0
看图片好行吧   不过网址是多少啊
.
« 返回列表
发帖 回复