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

科技网编2023-02-24 19:132100

  随着HTML5网站开发的流行,有越来越多的优秀网站涌现。最近,微软IE为亚洲动物基金精心打造的“月熊志”3D网站正式上线,供网民浏览、了解月熊保护的相关事情。该网站正是用目前比较流行的HTML5标准开发而成的,整体交互体验非常好,尤其是在触控设备上的体验,非常流畅。开发者可以好好研究一下,这个网站背后的开发技术及实现原理。

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

  整个网站共分为三部分,用户在浏览整个体验的过程当中,就像翻阅一本杂志一样轻松,网站中的翻页依靠了CCSTransitions和CSSTransforms,但这又不是一本传统的电子杂志,在杂志中加入了非常丰富的3D元素、高清图、视频和信息交互方式,并且可以触控流畅体验,让人们沉浸在月熊的故事和AAF为保护月熊所做的努力中。并且该网站对于HTML5中Canvas标签的运用非常多,使得整体图像视觉效果非常炫,比如视频拼图和小熊洗澡的页面都有用到

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

  现在触控设备越来越多,而“月熊志”网站在开发过程中也为触控进行了考虑,使用了Hammer.JS和微软的PointerAPI,PointerAPI封装了包括触摸、鼠标等不同类型的输入,能够对操作进行统一的捕获和处理,不论使用什么样的输入硬件,都能够很好的工作,这样也保证了网站可以良好的支持来自触控的体验。在未来,触控设备也会成为主流的网站体验终端,而IE11在Windows8.1上则能够完美支持多点触控,使用IE11将会得到最好的触控操作体验。

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

  随着网民对交互型体验需求的增加,以及触控设备的增多,HTML5网站会越来越流行。以什么样的形式展现,采用哪种Web效果和用户交互,作为开发者都应该好好考虑。而微软的IE11团队开发的这个月熊志网站,可谓是树立了一个行业典范。

  另外,基于IE11全面支持硬件加速,能够对网站上的文字、视频以及图片等使用GPU来进行渲染,从而释放CPU的时间去做更专注的事情,提升网页加载速度和渲染效果。

  搞网站开发的同学们,可以学习一下这个网站的开发思路。微软IE团队每一次的网站作品,都是引领着网站开发的方向,大家应该好好研究一下。把里面你感觉比较炫的设计理念、开发技巧运用到自己的作品里面。相信你们也可以开发出类似的优秀的HTML5网站。网址:/。

评论区