“我和HTML5的那点事儿”征文赠书活动9(作品收集及投票帖)

songshuang 2011-11-28
“我和HTML5的那点事”征文赠书活动完成了作品收集,进入投票阶段,感谢大家的踊跃参与!按照活动流程,本周开始进行参赛作品的评选,欢迎大家继续参与投票,选出你最喜欢的参赛作品。活动结束后,我们会将优秀的作品收集起来,放在群组中供大家学习和参考。

投票时间:11月28日-12月4日 (已结束,非常感谢大家的参与)

评选结果的前5名用户每人将获得由博文视点提供的《HTML5揭秘》中文版一本! 书籍介绍>>>

拉票攻略:
参赛用户可以在论坛、博客、水源进行适当宣传,让更多的用户了解你的作品,邀请大家到投票帖支持你,将能获到更高的人气哦!

投票攻略:
欢迎除机器人以外的任何用户参与投票,参与投票的用户的注册时间应在2011年11月1日之前;每人限投一票。

投票方式:在投票帖回复参赛作品的编号即可,也欢迎对作品做出评价和建议。

投票口号:选我所爱!拒绝马甲!

参赛作品:

1、gteam.yu

标题: jQuery Mobile框架使用简易指南

blog链接:http://gteam-yu.iteye.com/blog/1263461

简介:
   jQuery Mobile 是针对智能手机和平板电脑开发的,并且对触摸事件进行优化的浏览器页面框架。
   我主要是针对初学者写的,同时也自己写了jquery mobile一个demo,希望能够对大家学习有所帮助。

注意:由于图片是我自己手动截图的,所以没有在blog中贴出来,大家最好下载附件,word版本,里面有图片


2、firefly_zp

首先感谢 ITEYE 给大家这么一个平台来分享和交流,自己从上个月到这个月在论坛里面也混了许久,主要工作集中在 Javascript 一些基础知识和原理方面的,这些基础知识的底层剖析也是希望带给 ITEYER 会员更多的知识的组织结构。下面有几个是我近期整理总结的文章。

由 OO 继承来谈谈 javascript 继承
http://firefly-zp.iteye.com/blog/1260166

上述是这段时间整理的内容,发布了一些博客,也与一些会员做了深入的交流。希望我们共同的努力可以让 ITEYE 发展更加全面,更加壮大。
希望 ITEYE 能够做一个永久的全国最大的 IT 论坛。


3、大饼Tom

刚下了那个电子书,这就来中文版啦。。不错不错!!
说起HTML5,大都指Video标签,之前一直觉得HTML5=Video标签一样,但实际上随着我越来越深的陷入HTML5,越来越深入的应用HTML5,就越来越强烈的感受到,它带来的远远不止Video,真的是Web的未来。
额……够100字了没。。要书要书!LZ把书给我吧!!


4、九牛一毛

最近我们的项目一期快要结束了,二期项目已经续签成功。组员和接口人开会讨论二期项目的系统要求、整体架构、技术要点等等问题,其中有个地方接口人提供了几个技术选择。
Flex、Flash、applet、Silverlight、HTML5。
由于之前对这几个技术的应用不多,所以不是特别多的了解。在各个地方经常看到HTML5方面的资讯,已经各家浏览器对HTML5的各种支持。看了N-1个HTML5实现的DEMO。不禁感叹其强大啊。。。
------------------------无情的分割------------------------------------
经过大家打架式的激情讨论,最终HTML5被无情的淘汰。
原因是HTML5还未成熟,大家掌握不够。。
------------------------HTML5------------------------
努力让HTML5来到俺们的项目!!


5、leader-12 

对HTML5很感兴趣,目前它也被炒得2热火朝天的。
但是看了下,HTML5的相关实际应用还比较少,国外稍微多点,也有很多很炫的东西出来show。但是好像很少看到有实际应用的例子。
我个人非常不喜欢Flash的,呵呵,所以准备在研究HTML5,也能作出和FLASH一样炫的动画以及应用。


6、moxieyun

对html5的了解并不是很深,但是能够用,我现在一般都是用html5的框架去写前端架构代码,越写越觉得很强大,新的表单元素,新的input类型,2d,3d的效果真的很炫,其他的不说了,相信它会给未来的Web带来更好的用户体验,它将带着Web走进一个新的时代! 目前来说他还有很多缺陷的,一个是目前还不够成熟,二个是浏览器的兼容是一个很大的难题。



7、Apple.Chen

HTML5,一个说新不新,说旧不旧的名词,让无数的开发者向往神怡。有了html5的新特性,可以使我们省去了不少的工作,不用在写复杂的javascript,复杂的正则表达式,只需定义不同的控件,mail,date,url等等。尽管html5具有这么多的优秀的特征,但现在的浏览器支持不好,FF只支持一部分,IE,8,9乃至10对html5中的form的支持仍是不给力。因此,我们着重研究了canvas的功能,在我们的demo中画了些line chart。当然在这中,我还用了别人封装好的library---RGraph。详细信息见http://www.rgraph.net/

html5研究刚刚起步,许多知识还待补充夯实。
附:HTML5&CSS3 Support
http://www.findmebyip.com/litmus



8、javaliwei

HTML5庞大而复杂,初次接触难免会被其绚丽的特效或简洁实用的特性所吸引,而且现在很多人都重视结果和实现,忽视过程和思想,但我建议大家在深入探索之前,能够了解一下HTML5的设计原理,尤其是Jeremy在Fronteers 2010上的主题演讲,非常的精彩和深入,我总结了几点跟大家分享如下:

    [1]避免不必要的复杂性,如Doctype写法,编码写法,取消CSS和JS的Type属性等
    [2]支持已有的内容,HTML5支持已存在的各种不严谨的写法。
    [3]解决现实的问题,如给整块内容(含多个块级元素)加个链接。
    [4]求真务实,如新增语义化标签等。
    [5]平稳退化,如对不支持html5的处理等。
    [5]最终用户优先,本质上是一种解决冲突的机制

引用
一旦遇到冲突,最终用户优先,其次是作者,其次是实现者,其次标准制定者,最后才是理论上的完满




9、爪哇鱼

学习web也有些日子了,但说实话对于HTML的各个版本却没有更多的认识,比如在使用过程中知道<br>或者<br/>都是可以的,所以也就没有深究,也许自己已经解除了HTML5也说不定的···希望得到这本书!好好学习,天天向上!



10、dongisland

【我和HTML5那点事之《HTML5和FLASH那点事》】

Flash和HTML5实际上走的是差异化的路线,意思就是能用HTML5的地方你可以用HTML5,HTML5也包含Flash,相对比而言,HTML5属于标准,集大成者,但Flash属于开拓者,创新者。就像是HTML5是武林盟主,Flash是天下第一剑。以前如此(你不要和我说HTML5不是很多学的Flash),以后也将继续这样走下去。(当然指PC领域,移动的话,Adobe自己也说,Flash已经输了)

反正就是,Flash自己也不傻,和HTML5硬碰硬,同样的,HTML5也没能力完全干掉Flash,两者都会同存,领域不同而已。
就像是,天下第一剑也不傻,非得以一挑百,但武林盟主也不能就灭了天下第一剑,天下第一那名头也不是盖的。

HTML5会谈:
HTML5 ~= HTML + CSS + JS APIs

技术的发展已经不再是靠单一的某项技术来推动,如同HTML5一样,其实并不是简单的HTML标签的升级,而是涵盖CSS3、JS APIs、视频解码等各种技术的大集合。近些年AJAX、WEB2.0、SNS之类的发展越来越表现出这种组合拳和大联招的趋势。在这种情况下还象以前一样靠个人力量单干将会越来越难,团队合作共同发展才是王道。


11、czwlucky

都说HTML5会成为趋势,成为流行.甚至还说Flex团队都转向了HTML5阵营,大有取而代之之势.但是我却有深深的疑惑:HTML5究竟能做什么?哪些是它不能做的?
在富客户端大行其道的今天,如果HTML5不能很好的做到用户交互的效果,那它又怎能代替Flex们? 至少Flex可以任意扩展,生成各种组件供开发者使用,HTML5呢?提供了什么组件,可扩展性如何? 页面元素的拖拽又怎么实现? 我想如果不能回答这些问题,甭说HTML5的前途了,就连能代替Flex(Flash)都是个问题. 另外,浏览器的兼容也是个很大的问题,谁能保证在HTML5时代不会重蹈HTML4的覆辙?
希望对HTML5有深刻理解的老师们多给些答案. 多谢!


12、wv1124

刚毕业就一直在做flex开发,之后又从事extjs,jquery等开发,实际对html5并不是很了解,但曾经在面试的时候一位牛人问我会不会html5,我说不会。然后他说html5与flex开发实际是很相似的,什么canvas之类的,这我才明白,呵呵,莫不是flex的翻版实现,呵呵(开个玩笑)!
我感觉只要原理会了,写html5跟写flex应该区别不大!分析上面几位的评价我了解到html5开发不能拖拖拽拽,没有flex这么成熟工具,浏览器也支持的不是很充分,但它是未来web开发的标准!相信只要浏览器厂商支持这个标准这才能真正成为标准,也希望不要出现太多标准(兼容性会搞死的我们这些程序员的);
我主要在应用前人的成果,自己对底层的东西了解不是很深,最近也有意向学习一下html5,不知道这本书能不能买到,这本书是当前最好的教材么?请各位拍砖,呵呵


13、forverjoker

遥想当年看着别人界面华美心里惊叹的同时,不免有些嫉妒,为什么自己就不能做出来,前一段时间还是为是否学习Adobe的Flex而纠结了一阵子,ActionScript还没有来得及看,就看到HTML5的技术旋风刮了过来,起初是老师的介绍,然后自己看博客资料,看完后直接觉得“HTML5伤不起呀”,这技术不是我梦寐以求的吗?绚丽的界面,更加丰富的插件,用起来更加方便,当然要向后兼容的话不免要多写一些代码。那天看报道心中的乔大神曾经预言Flash必死掉,未来将是HTML5的天下,果不其然就在前几天Adobe将旗下的Flex捐赠给了Apache基金会管理,唉乔大神就是乔大神,说话还是那么准,不支持Flash也就算了,临死还要诅咒一次Adobe,但是说实话HTMl5确实有着先天的优势,开发的便捷性,可移植性,兼容性····对于像我们这样的低级程序员来说学会了他,也就可以载不动的人面前装装了,呵呵。但是现在HTML的开发文章相对来说还是较少,我也想陆续将自己的编程体验写出来发到博客上,希望大家到时候关注。现在技术种类那么多,更新换代也还算挺快,江山代有才人出,但是最重要的也还是基础,基础好了出来了新的基础你才能更好更快的掌握,所以我还是要劝告我么这些年轻的程序员切记勿躁。HTML5的发展背后既是广大网络群众对网站的用户体验的界面友好的不懈追求,也是对我们程序员对更加方便开解的开发程序的期盼。最后在这里想谢谢那些为开发HTMl5技术而做出努力的天才们。希望日后HTML5的技术应用更加广泛。


14、sarin

关于HTML5企业级开发的原创
HTML5绘制饼图实例(二)


15、housen1987

新手:
【HTML5活动】使用HTML5对web应用系统进行提升
http://housen1987.iteye.com/admin/blogs/1275356


16、liu1028701143

对HTML5并不是很了解,去年在学HTml的时候听老师提起过,后来自己也看了看资料,强大的html5,初学网页编程的时候觉得很无趣,感觉都是些机械的东西,但是后来学了js和css等一些知识了之后觉得网页也是一门很高深的学科,想学会不容易,慢慢的兴趣越来越浓,因为我学的是3G专业相对于php等网页编程的专业,我学的时间少些,但是最近在学jsp有用到了,原来的html知识,而且结课项目就是做一个动态网站,所以最近看了很多原来的学习资料,和原来的自己写的网页,觉得真的很有趣,今天看到这个活动很兴奋,本来就打算去网上找点html五的资料,真希望我能得到这本书,很好给我这个机会可以说这些话!!好啦,不说了!学习啦!


17、wanghetommy

支持Html5,支持eye的活动!

【HTML5活动】利用Html5 Canvas构建交互式图形报表

http://jidea.iteye.com/blog/1276541

简介:
在html5 之前,网页上绚丽的动画大多是flash 的杰作,画图也可能是SVG 或者VML 。但是都不能真正的跨平台。html5 横空出世将改变这一现状。本文将介绍一款正在研发中的开源项目Jidea的一个实例。也通过这个实例来展现一下Html5 canvas 的威力。。。


18、283433775

从1岁到"5"岁

    如果说,computer的出生为人类发展提供有力的工具,网络的创造将知识汇聚,那么相比之下web的出世改变了人类的什么-----获取知识了解知识的途径。
    从何说起呢,web的出现在某个世纪某个年代,具体年限我们不需要去深究,但是他给人带来的是可以共同的访问一个可以展现的世纪的界面,他给人们提供了共享知识,展现知识的一种好方法。这就是web1.0。
    人类在发展,我们的需求也在猛增,仅仅是静态的文档怎么呢让我们可以展现数以千万记得数据呢?于是头疼,头疼就需解决,于是web进入了1.5岁的阶段,给我们带来了动态网页时代,这样就可以有大量的数据可以用于展现。
    Web2.0的出现,什么是web2.0呢,这个名词好像很火似地,难道就是web的第二代? 其实web2.0是一个泛指,主要是web中形成了rss blog sns这样各种各样的应用,这也同样是为了满足人们对知识共享方式方法和效率的一种体现,另一方面主要因为人类也是动物,本质上有群体特性。
   
    说了这么多,那么现在才是web2.0,何为web5.0呢,web的发展是一步一步的,如果我们在新一代的web中还是使用web2.0 或者web3.0,那就太不能匹配到下一个web时代的性质了。下一代web的功能完全是颠覆性的。HTML5的出现,已经不仅仅是html了,不仅仅是弥补html4.0的不足,弥补不能客户端存储、弥补客户端播放音视频还要加载对象。我认为更重要的是一件事:那就是它已经体现人类发展中,人类也在关注质量了,有了,下一步就应该要好的。我们知识共享的方式有了,大数据量也可以了。那么现实效果的质量一定不能差,这就和乔布斯和他的iphone一样,不容许瑕疵。
    这是一代非常巨大的,或者你认为是颠覆的,那就颠覆吧。颠覆性的变化,所有我愿意看着web就此在html5时代增长到5岁。


19、wl1985

针对HTML5 这一新的web技术标准,主要从以下几方面想了解一下:

1、技术内在的属性,此技术主要解决那方面的问题,这些问题在HTML5中解决的是否符合行业内使用者的预期。其生命周期能有多久,能不能经得起技术更新的考验。

2、评估HTML5技术的适用性。技术对我现有的工作中是否适用。学习成本是多少,学习的技术要求有哪些。

3、HTML5在web应用上,其UE方面比html以前的版本作了哪些更新。在处理这些更新时所使用的技术解决方案有哪些。我们的能不能学到这些解决方案,应用到我们以后的开发及产品设计中。

4、当前有多少浏览器厂商关注它,支持它,支持的力度是否到位。及HTML5在SEO优化过程中会不会产生影响等。



20、LeeYee

标题:【HTML5活动】HTML5 Canvas实现贪吃蛇
地址:http://leeyee.iteye.com/admin/blogs/1278906
内容简介:
    严格来说这片博文不应该叫《HTML5 Canvas实现贪吃蛇》。因为这里除了向给大家展示用Canvas+javascript实现snake外,更重要的是我在写出snake之前,对Canvas学习过程中整理的笔记。因此这篇博文的内容有两个重点:
1、提供关于Canvas的相关学习文档
2、提供基于上述文档后的实例snake


21、coffeesweet

html5带给我们的是未来

    WEB的表现形式经历了从简单的文字展示,到带有格式化的分块,图片,再到和用户的可交互性,然后是展示除文字,图片之外的多媒体格式,以及再后来的用户自定义界面。整个过程其实是一个从功能性需求到易用性需求的进化。庞大的互联网用户是WEB技术表现形式最强大的需求提出团体,与其说是技术人员在不断的改变着WEB的表现形式,不如说是广大用户决定着WEB的发展方向。
    其实在WEB表现发展的道路上,各种技术一直是百花齐放,从来没有谁注定成功,也没有谁注定失败,Applet,Flex,Silverlight,甚至JavaFX,它们都由自己存在的空间和场景,好多年前在flash风疾一时的年代就有传言js必将消亡,结果js不仅活得很好,而且把其触角甚至伸向了服务端。
    html5的出现不会宣布其它任何前段技术的死亡,它带给前段技术新的活力,在它出现之前很多内容也能通过其它技术实现,只不过有了html5,我们的体会是“哦,原来我们可以直接这么写啊。。。”,清爽和干净的感觉谁都喜欢。。。
    对于开发者来说,标准和规范是我们最想要的,谁也不想在自己的作品中遍布这各种兼容性的校验,也正是因为这个原因,各种技术的斗争不可避免,谁都想成文标准,成为规范,这背后并不是单纯的为开发者着想,而是各个厂商利益的博弈,对于资本家而言,谁拥有制订标准的权利,谁就拥有绝对的统治地位。而HTML5的原生态,不带有任何政治色彩的特性恰好是目前前段技术乱象不堪的良药,我们希望它想二月的春风,剪掉所有历史的痕迹,实现未来的大一统。
    HTML5带给我们的是未来,让我们放开怀抱,尽情拥抱!


22、TremendousTurtle

谈谈我在移动开发领域接触HTML5的经历:

   未来是属于移动互联网的,手机的发展凶猛异常,短短几年中国人几乎是人手一台手机了,虽然现在大多数手机还是非智能的,但由于android这个免费智能平台的迅猛发展,还有国内山寨厂商的高胀热情,智能手机在中国的普及指日可待,言归正传,说说html5在手机上的机会。

   时下流行的几大平台ios,android,blackberry甚至symbian都是基于同一个浏览器引擎,叫做webkit,这个引擎是由苹果发起的一个开源项目的成果。我们PC上面的safari和chrome也都是基于这个引擎开发的浏览器。我们知道不同平台的应用是不兼容的,android平台的应用是不能在ios上跑起来的,可移植性在native应用上来说是不可能的,这就给基于HTML5标准的应用制造了存在的条件,在移动平台上有这么个组合phoneGap+senchaTouch 可以用来开发基于html5的应用,开发出来的应用在余户开来却和本地应用很相似。

   phoneGap是一个将硬件的接口暴露给javascript的框架,通过phoneGap你可以控制各种不同手机的硬件如相机,gps等,而 senchtouch 是一个javascript框架,是extjs的手机版,目前在手机上性能最好的js框架,两者结合就能开发出基于html5的native-like应用,优点是开发快速,可移植性好,几大平台通用,缺点也很明显:响应速度显然没有native的快,但是这种情况随着硬件的不断升级会大大改观。

谢谢。



想在投票阶段提交作品?可以,只要你对自己的文章有自信,在投票阶段也可以在投票帖中提交作品,不过参与评选的时间会比较短 有点亏哦。。。

songshuang 2011-11-28
LZ霸占1楼,统计投票情况~~~~  投票已结束,非常感谢大家的参与!

1、gteam.yu +++[3]
2、firefly_zp
3、大饼Tom
4、九牛一毛
5、leader-12 
6、moxieyun
7、Apple.Chen +[1]
8、javaliwei ++++[4]
9、爪哇鱼
10、dongisland +[1]
11、czwlucky
12、wv1124
13、forverjoker
14、sarin
15、housen1987 +++++++[7]
16、liu1028701143
17、wanghetommy
18、283433775 +++++++++[9]
19、wl1985
20、LeeYee ++++[4]
21、coffeesweet ++++[4]

22、TremendousTurtle
283433775 2011-11-28
18
自己顶自己一下
gteam.yu 2011-11-28
1
我也是来顶顶自己的,哈哈
goahead3650 2011-11-28
7
Brule 2011-11-28
  
http://www.html5cn.org/
顶顶顶
10支持一票
guojingtt 2011-11-28
顶18  楼楼楼楼
哭泣的眼泪 2011-11-28
18支持一票
a469784316 2011-11-28
狂顶18号
Global site tag (gtag.js) - Google Analytics