Google HTML 5训练营第二期总结:电商、游戏与浏览器

原创
开发 前端
5月28日是北京地区第二期Google HTML 5训练营活动,这次活动邀请到了淘宝前端开发的大牛——李晶(拔赤)、MagnetJoy的CTO同时也是开源轻量级HTML5游戏引擎的作者——杜欢,以及磊友科技的创始人兼CTO——赵霏进行三场讲座。

关注HTML 5又身在北京的开发者朋友们多半听说过Google举办的HTML 5训练营(即HTML 5 Hackthon)活动。5月28日是北京地区第二期Google HTML 5训练营活动,这次活动邀请到了淘宝前端开发的大牛——李晶(拔赤)、MagnetJoy的CTO同时也是开源轻量级HTML5游戏引擎的作者——杜欢,以及磊友科技的创始人兼CTO——赵霏进行三场讲座,在讲座之后的四个小时的现场编程环节中诞生了五组作品。

活动在双清路边的盒子咖啡馆举办。

盒子咖啡馆

现场被分割为两个分场,虽然灯光有些昏暗,但整体布局还是相当有开发的情调的:

[[31298]]

当天没有到现场的朋友们,可以下载到当天三位讲师们的讲座PPT,并在EnjoyHTML5官网上观赏当天出炉的作品:

  1. 淘宝的HTML5实践 —— 淘宝UED 李晶(拔赤) 下载
  2. HTML5新技术在游戏中应用思路 —— MagnetJoy Games 杜欢 下载
  3. 浅析HTML5手机浏览器设计和未来 —— 磊友科技 赵霏 下载

下面简单的描述一下当天的情况:

首先是拔赤的讲座。身为淘宝前端,面对电子商城的用户,所关注的***问题就是如何照顾到所有的用户;换言之,就是如何让所有浏览器的用户都能顺利的访问自己设计的页面。当天拔赤的主题主要是这个:

支持HTML5的设备和平台

有点隐晦,没看懂吗?再看看这个:

HTML5兼容性一览

做前端开发的朋友们看到这张图应该明白大半了。拔赤的讲座主题正是:

如何让IE6/7/8显示HTML5标签

以及

如何让IE6/7/8下又关闭了JS的用户顺利的访问页面

就开发效率而言,一般团队会先在比较现代的浏览器下开发,然后再针对那些非现代的浏览器进行兼容开发。根据拔赤的介绍,淘宝有0.1%的用户在关闭了JS的IE6/7/8下访问页面,这对于这个规模的电子商务网站而言是很可观的人群,因此也一定要照顾到。

整个讲座涉及到大量的HTML 5案例,主要内容围绕在HTML 5+CSS3的相应功能如何在非现代浏览器下实现的问题。对于门户网站和电商网站的前端而言,拔赤的经验分享相信会很实用。

拔赤之后是号称爱游戏、会玩游戏、更会开发游戏的、MagnetJoy的CTO,杜欢带来的讲座。讲座内容主要是很多游戏细节在浏览器中的实现,也玩了不少游戏:)

用HTML 5开发游戏

说来这次活动中也展现出HTML 5一个很有意思的现象,就是游戏开发者和门户、电商网站的前端对HTML 5的需求是非常不同的。iOS的崛起不仅让Adobe头疼不已,也使得不少Flash开发者纷纷找寻新出路;而很多游戏开发团队出于减少平台移植成本的考虑,开始将浏览器作为其游戏开发的***平台。

从杜欢的分享中可以听到一些很有意思的情况,比如在Chrome商店上玩游戏因为某网络问题总是很纠结,再比如苹果虽然不支持Flash,在一开始一直声称要全力挺HTML 5,但实际上对HTML 5的态度却很暧昧(因为App Store的关系),等等。

后来编码环节的几个作品,基本上都是游戏(或和游戏有关的)。其实我们回顾个人电脑的发展,移动平台的发展,国内外几个大佬互联网公司的发展,会发现游戏在其中占据了非常巨大的作用(更不用说各个游戏平台之间的争夺,说到底都是游戏软件开发者的争夺)。HTML 5在游戏方面有着先天的优势:跨越所有设备和平台。即使现在在标准方面和性能方面都不够成熟,但相比玩不了Flash的iOS,玩不了iOS游戏的Android,玩不了Windows游戏的Linux,玩不了NDS游戏的PSP……HTML 5才有更光明的未来。

但是,硬伤也是有的。HTML 5主要针对鼠标设计,无论对触屏、键盘、专门的游戏手柄也好,都不是HTML 5的专长。杜欢说W3C虽然在酝酿一个针对触屏的标准,但这个标准还是个草的不能再草的草案,估计在未来数年之间还无法进入市场参与任何的竞争。HTML 5的定位注定它不会有太好的游戏体验(尤其是Hardcore),作为开发者一定要谨慎选择。

第三个是磊友科技的创始人兼CTO赵霏的讲座,主要介绍移动终端浏览器开发的内容。

***拿拔赤的图作为总结:

请小心使用HTML5!
沿着HTML5的革命路线胜利前进,但请小心使用!

责任编辑:yangsai 来源: 51CTO.com
相关推荐

2011-05-17 09:39:28

HTML5Google

2011-01-14 17:53:33

HTML5cssweb

2020-03-02 16:44:44

戴尔

2018-06-14 11:15:08

区块链数字货币比特币

2013-06-28 11:38:33

2015-12-03 10:26:01

上海威博

2011-10-18 10:17:39

Android应用开发

2011-05-10 11:23:13

Windows

2013-07-02 17:36:49

IT半小时

2012-10-23 16:25:16

技术沙龙

2017-02-13 13:02:19

故事 IT技能 职场经

2014-08-15 14:00:11

IT基础架构

2011-03-28 08:51:47

51CTO沙龙Windows运维

2016-08-04 13:41:27

CTO训练营,技术管理

2011-08-10 15:04:27

运维月刊

2017-06-30 16:13:19

HTML5

2017-08-03 14:13:00

开发者管理员招募

2017-06-19 12:34:39

智能硬件行业

2015-12-16 09:59:32

点赞
收藏

51CTO技术栈公众号