写点什么

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

  • 2013-01-24
  • 本文字数:1944 字

    阅读完需:约 6 分钟

导言:近些年来,整个网络与移动技术产业中一直不乏这样的声音: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 焕发出全新的美。

2013-01-24 21:07733
用户头像

发布了 1464 篇内容, 共 700.7 次阅读, 收获喜欢 2486 次。

关注

评论

发布
暂无评论
发现更多内容

【得物技术】主子订单模型

得物技术

互联网 模型 电商 订单系统 订单

中奖了!中奖了!,android组件化通信

android 程序员 移动开发

为了KPI,对APK进行极限优化!,2021年Android春招面试经历

android 程序员 移动开发

产品级Flutter开源项目FunAndroid,Provider MVVM的最佳实践

android 程序员 移动开发

从 0 到 1,带你解剖 MVP 的神秘之处,并自己动手实现 MVP !

android 程序员 移动开发

不要再焦虑了:BATJ大牛给程序员的价值百万的职业规划(18-35岁(1)

android 程序员 移动开发

为什么不能使用 Application Context 显示 Dialog?,安卓kotlin

android 程序员 移动开发

二本学历,五年抄代码经验,疫情期被裁,真牛皮

android 程序员 移动开发

人工智能的下一站:精细化生活场景的智能时代,靠着这份900多页的PDF面试整理

android 程序员 移动开发

今日头条屏幕适配方案终极版正式发布!,移动应用开发平台

android 程序员 移动开发

不明白四大组件底层的通信机制是怎样的?写给Android应用工程师的Binder原理剖析!

android 程序员 移动开发

为什么经常看到35岁程序员,转行之后工资呈断崖式下跌?

android 程序员 移动开发

浮感

feitian

专科毕业,Android不好找工作的同学,你的问题在这里,android源码设计模式解析与实战

android 程序员 移动开发

不懂源码、NDK,架构设计,2021最新Android笔经

android 程序员 移动开发

毕业设计

Geek_35a345

毕业总结

Geek_35a345

互联网寒冬即将过去,Jetpack将是燃起来的第一把火,我先收藏为敬

android 程序员 移动开发

不愧是阿里技术官,Android-Framework的精髓全写在这本“限量笔记

android 程序员 移动开发

今年40岁了,忽然接到公司裁员通知,接下来的路我该怎么办

android 程序员 移动开发

互联网大厂“围城”,android界面开发

android 程序员 移动开发

不要再焦虑了:BATJ大牛给程序员的价值百万的职业规划(18-35岁

android 程序员 移动开发

专科毕业三年,从外包公司到今日头条offer,我想把面试心得分享给你

android 程序员 移动开发

为了这一次字节跳动Android面试机会,我准备了158天,一个疏忽让我前功尽弃

android 程序员 移动开发

五千字长文,深度解密:那些BAT大厂的Android面试官到底在想些什么

android 程序员 移动开发

携程商旅订单系统架构优化实践

GavinYe

架构 中台 后端 OTA 订单系统

今日头条APK瘦身之路,android组件化开发框架对比

android 程序员 移动开发

不愧是鹅厂,连面试算法题都是这样恐怖至极,已顺利OC,附赠课程+题库

android 程序员 移动开发

为什么不能使用 Application Context 显示 Dialog?(1)

android 程序员 移动开发

为您的应用配置 Play Feature Delivery,flutter视频教程仿京东

android 程序员 移动开发

为了弄懂Flutter的状态管理, 我用10种方法改造了counter app

android 程序员 移动开发

让Web之美在开发者手中绽放_HTML5_InfoQ 中文站_InfoQ精选文章