“Web之美”在开发者手中绽放

标签: APP与开发者 Windows 专题 特别报道 Beauty of Web | 发表时间:2013-01-15 15:17 | 作者:貘
出处:http://www.wpdang.com

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

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

然而这样一种先进的技术,经过几年的发展,还没有在移动领域造成翻天覆地的革命。一方面技术创新不能自动转化为更好的消费者体验,需要等待绝大多数开发人员对其技术知识进行更新,然后才能够开发出大量新生代的应用、改善用户的Web体验。另一方面,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技术进行彻底更新,应该怎样说服老板批准项目?微软在官方支持白皮书中专门开辟了这样一章,从关键信息到沟通技巧,深入浅出指导您如何晓之以理、动之以情。

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

    相关 [web 开发 绽放] 推荐:

    “Web之美”在开发者手中绽放

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

    Web开发入门(转载)

    - linchanx - Starming星光社最新更新
    Web应用的竞争异常激烈,开发难度也是入门容易做好很难,所以第一次开发的应用不成功是很正常的事情. 不过这正是一个积累的过程,反正你需要的只是电脑和少量服务器经费,所以多磨练几次,水平自然会提高. 2, 习惯阅读及查阅英文资料. 前沿信息基本源自美国,翻译的东西不及时,不全,很多水平不高,再加之中文原创资料毕竟很有限,因此是否能熟练地查阅英文资料决定了你获取信息的 及时性和质量.

    Spring MVC 与 web开发

    - - 码蜂笔记
    项目组用了 Spring MVC 进行开发,觉得对里面的使用方式不是很满意,就想,如果是我来搭建开发环境,我会怎么做. 下面就是我的想法,只关注于 MVC 的 View 层. 现在基本上都是用 ajax 来调用后台接口,拿到 json格式的数据再展示,有的人直接返回数据,却没有考虑异常的情况,我觉得返回的报文里必须包含表示可能的异常信息的数据和业务响应数据.

    web开发利器之grunt

    - - CSDN博客Web前端推荐文章
    grunt不难,它主要依赖的是nodeJS的npm包管理器,和一个JSON及一个JS文件,先说说npm包管理器,玩过nodeJS的对它应该都很熟悉,在这里我们只需要安装nodeJS即可(新版的nodeJS基本都集成了npm),至于nodeJS的安装可以 点这里,这这篇文章就不做详细介绍,安装完后打开命令管理器(nodeJS安装完后的终端)输入:.

    Web开发者必备:Web应用检查清单

    - - ITeye博客
    想做一个高质量的Web应用,前前后后要做的事情非常多. 国外开发者 Ata Sasmaz 为 Web 开发者制作分享了一份检查清单,包括应用开发、性能、安全、分析、可用性、可靠性、转换策略、竞争策略这些方面需要注意的事项. 清单内容可能不全面,欢迎大家在评论中补充. JavaScript 允许捕获异常.

    Web应用程序的开发步骤

    - xxg - 月光博客
      如今已进入了web2.0高速发展的互联网时代,各种互联网的Web应用程序如雨后春笋般出现. 那么作为一名Web开发人员,怎样去开发一款优秀的Web应用程序呢. 这个问题没有一个简单的答案,甚至那些教育机构都未必能清楚的知道. 所以,像大多数在这个领域里的web开发人员一样,我们只是通过去做,去实验才学会了这些.

    Web开发人员速查卡

    - abcd - 酷壳 - CoolShell.cn
    无论你是多牛的程序员,你都无法记住所有的东西. 而很多时候,查找某些知识又比较费事. 所以,网上有很多Cheat Sheets,翻译成小抄也好 ,速查卡也好,总之就是帮你节省 时间的. 之前给大家介绍过Web设计的速查卡、25个jQuery的编程小抄,还有程序员小抄大全,今天转一篇开发人员的速查卡,源文在这里.

    平台是Web开发的未来吗?

    - iyuan - 伯乐在线 -博客
      导读:本文是Arjun Khanna关于平台的出现以及它们如何简化Web开发的个人分析,也分析了平台的缺点和它们能够继续存在的因素.   即便现在大部分网站开发人员所构建的网站在结构上非常相似,或是至少在布局方面会有一些根本的共同之处,如果你问一下,他们大多会说他们还有一大堆的苦差使要头疼呢. 虽然客户几乎都要求顶上有横幅,导航条在左边,页面布局不超过三列,但是这并不使他们的工作更简单.

    Web开发框架安全杂谈

    - goodman - 80sec
    最近框架漏洞频发,struts任意代码执行、Django csrf token防御绕过、Cakephp代码执行等等各大语言编程框架都相继暴出高危漏洞,这说明对于编程框架的安全问题已经逐渐走入安全工作者的视线. Web开发框架就相当于web应用程序的操作系统,他决定了一个应用程序的模型结构和编程风格.

    最好的开源Web开发资源

    - 陈晖 - Solidot
    51开源社区 写道 "B2bweb.fr对“开源中最好的Web开发的资源(中文)进行了汇总.