BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

让Web之美在开发者手中绽放

| 作者 InfoQ中文站 关注 60 他的粉丝 发布于 2013年1月25日. 估计阅读时间: 6 分钟 | QCon上海2018 关注大数据平台技术选型、搭建、系统迁移和优化的经验。

导言:近些年来,整个网络与移动技术产业中一直不乏这样的声音:HTML5是未来的技术发展方向,是移动应用的必然发展趋势。单在理论上看,确实如此。借助HTML5技术,如今的Web页面能够实现许多在从前来看极为复杂,甚至不可思议的功能,例如直接在网页上绘制复杂动画、模拟本地应用中的菜单和工具栏、支持用户拖放操作、动态写入浏览器缓存、执行多任务、离线状态下存储数据等等。

在执行效率方面,HTML5页面固然尚无法与原生代码本地应用相提并论,但与长久以来支撑一切网络动画与交互元素的Adobe Flash和Java applet相比,HTML5则具有极大的优势:旧技术能够实现的一切功能,HTML5都能够一一重现,更重要的是HTML5在实现各种功能的同时并不需要麻烦用户去专门下载额外的播放器或运行环境,真正做到了无缝的跨平台体验,开发者一次编写即可跨平台设备运行,而且能尽可能保证用户在各种设备上得到的体验相同。

作为HTML5技术的先行者与推广者之一,微软正在努力让新一代Web技术成为全球网络用户们每日浏览体验的新驱动力。但仅仅通过浏览器产品的版本更迭,来强化对HTML5的支持显然远远不够。中国有句俗话叫“筑巢引凤”,平台做得好固然重要,如何吸引和引导开发者更加不可或缺。作为从底层操作系统,到上层应用程序无所不包的生态系统提供商,微软自然深谙这个道理。刚刚过去的2012年是微软的“产品爆发年”,微软公司通过一系列“组合拳”多方面发力,借Windows 8与Windows Phone 8两款操作系统陆续上市的良机,大力推动HTML5在产业中的发展。

Internet Explorer 10(以下简称IE 10)不仅是微软最新的浏览器,更是Windows 8与Windows Phone 8操作系统搭载的浏览器,在移动与桌面两个平台上保持了完全相同的内核。与上一版本相比,IE 10对HTML5的支持程度再次增强,渲染引擎和硬件加速也得到了改进。在微软的策略中,这相当于“筑巢”,即为Web应用在不同平台上的顺利运行和同一体验打好了基础。

而围绕IE 10,微软也进行了一系列“引凤”活动,最关键的一步棋便是全面改造了Beauty of the Web(www.beautyoftheweb.cn)主题网站。Beauty of the Web最初与IE 9同期面世,主要目的是为全新打造的IE浏览器提供标杆展示平台。网站的主题是“Web之美”,意指IE 9以网页为核心的界面设计,以及HTML5给Web带来的新生魅力。在IE 10的时代,该网站的内容被彻底重建,承载起更复杂的功能和更重要的意义:

· 展览与展示:新版Beauty of the Web网站以简约的Modern风格,简明扼要地概括了IE 10跨平台、支持多点触摸、硬件加速、安全保护等与用户直接相关的特性。

· 样板工程:微软与一系列著名厂商合作,推出了以HTML5为基础的新一代Web应用,用出色的视觉效果、流畅的动画、复杂的用户互动向用户和开发者们证明了Web平台完全可以提供与本地应用相近的体验。这其中包括完整复制本地应用体验的游戏(Cut the Rope、Contre Jour、Atari Arcade)、集成社交网络的杂志式网上购物站点(Glimpse),以及全新改版特别适合触摸屏设备的新闻门户站(cnBeta)。Beauty of the Web对上述网站进行了逐一图文介绍,并提供了访问入口。

· 大家帮助大家:Cut the Rope、Contre Jour和Atari Arcade三个网站中均附上了非常详细的“幕后故事”,与来访的Web开发者分享心得。例如Contre Jour的开发团队就知无不言、言无不尽,对从Objevtive-C到Javascript的跨语言移植、游戏场景的物理原理、多点触控实现代码等各个方面进行了详细阐述,甚至干脆还为大家提供了一套初学者用的游戏开发框架,供免费下载。

· 官方技术支持:除了促进开发者们互相帮助,微软自己的技术文档也不含糊。为了帮助开发者尽快适应IE 10这个开发平台,Beauty of the Web上专门提供了一套极为详细的免费指南,包括HTML5与CSS3标准兼容、Point触摸事件、用HTML5取代ActiveX插件、为IE 10优化Flash内容、应用调试、兼容低版本浏览器等角度提供非常到位的讲解和帮助,并搭配微软知识库的深度文章以及示例代码下载。

· 官方非技术支持:Beauty of the Web主题站点想人民之所想。技术人员负责的不仅是开发,更是为上层领导的决策提供技术支持。当企业网站已经陈旧过时、需要使用HTML5技术进行彻底更新,应该怎样说服老板批准项目?微软在官方支持白皮书中专门开辟了这样一章,从关键信息到沟通技巧,深入浅出指导您如何晓之以理、动之以情。

 

(上图为Beauty of the Web主题网站页面)

如果您是Web开发者,并且对HTML5技术持有浓厚的兴趣,那么Beauty of the Web主题站将是您最可靠的入门助手。同时,您的兴趣也是Beauty of the Web最宝贵的财富,毕竟无论技术如何先进,只有在开发者熟练的双手中才能够转化为产品、让Web焕发出全新的美。

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我
社区评论

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT