HTML5无所不能之设计网站
极客
编者按:当前最热的技术是什么?非HTML5莫属!不管是微软、苹果、Google等IT大公司,还是资深的开发者,都非常看好HTML5,这说明HTML5有雄厚的资本吸引着万众的目光。从本期开始,我们邀请专家,按照HTML5从网页制作扩散到APP开发的顺序,跟大家剖析HTML5的价值。
微软IE浏览器总经理Dean Hachamovitch曾经说过:HTML5是互联网的未来。乔布斯曾预言:Flash必会被HTML5取代。HTML5网站越来越多,它与传统网站相比好在哪里?
秀野堂主,HTML5研究小组成员(http://www.mhtml5.com),《论道HTML5》的作者,中国传媒大学动画与数字艺术学院兼职讲师。
邮箱:admin@xiuyetang.com
个人网站:www.xiuyetang.com
新浪微博:http://weibo.com/xiuyetang
HTML5设计的网站很酷
是的,使用HTML5设计的网站超级酷。酷在哪里呢?我以一个例子来说明,图1是一个在线书法练习网站(http://sufa.cnodejs.net),该页面中的背景华丽且写字时有动画效果。用传统网页设计也可以达到同样的效果,那HTML5给网站带来什么好处呢?从用户体验来说,最明显的就是HTML5制作的页面操作更加流畅,页面更加动感。
流畅嘛,是因为HTML5制作的网页体积更小,且部分资源被预先缓存,这样一来消耗的系统资源就更少,因此浏览速度就更快。我曾经做了一个实验,同样是1MB内容的网页(含大量图片),第二次访问时,HTML5网页的打开时间从1秒骤减到9毫秒(1秒=1000毫秒),而传统网页的时间没有变化还是1秒。
页面更加动感,跟HTML5增强的功能有关,可以很方便地使用更多的特效而不用担心拖累浏览速度。此外,HTML5网站与用户具有较强的互动功能,例如实时聊天、在线摄像头访问、地理位置共享等都可以很轻松地实现。
最后,我要提一个HTML5网站用户看不到的好处,那就是更加安全。一些传统网站经常使用各种插件,这些插件对用户构成潜在的安全威胁。原因很简单,插件就像黑盒子,你不知道里面装了什么。而HTML5设计的网站强调无插件、开源。用户在使用这些网站时,可以放心地使用相关功能,而不用担心网站做了一些用户不知道的事情。

设计HTML5网站的不同之处
HTML5网站的大体制作流程基本上与传统的网站制作是没有太大的区别的,都是提出问题,分析问题,解决问题——从开发角度来看,网页还是网页,标签还是标签。不过,如果细细对比一下技术细节的话,还是有不同之处。
第一个不同之处,开发者再也不需要切割页面了。DIV+CSS的时代已经过去了,开发者可以拿着设计稿图,对着稿图中相关的参数,直接用CSS3实现,无须再把设计稿图分解成一个一个小图片再拼接起来。
例如代码
第二个不同之处,开发者再也不需要写复杂的JavaScript脚本去判断表单中是不是有内容,访问者是不是按要求填写了相关的内容。例如,可以利用Input标签中新增的E-mail属性来做输入验证:
第三个不同之处,首页新闻图片的轮播、切换、动画等都不再需要使用Flash了,简单的CSS就能解决,轻便而灵活。
请细心的读者注意思考一个问题:如果网页制作不再切割和拼接了,那以前的网页设计和制作软件还有用吗?嘿嘿!


游戏开发应回避的20个坏习惯
人人都有坏习惯(坏习惯是指那些定期重复且下意识出现的负面行为),如果是生活中的坏习惯则只影响自己,如果是在游戏设计中的坏习惯则会影响产品的全部用户。例如,为自己而非目标用户设计游戏、完全无视竞争产品、遗漏新手教程、闭门造车地设计游戏、忽视事后检查等。需要注意的是,这些坏习惯在其他产品开发中也会出现,值得大家警惕。
帖子:http://go.icpcw.com/f/jk071.htm
@江苏 笔架山上风
谈谈页面中的
光影特效
为了展现页面的主题或者营造话题的氛围,常常会在页面中运用许多不同类型的光影特效。一个简单的元素有时候加上一点光影特效,就可以化腐朽为神奇。那么光影特效究竟是如何具体地影响页面的视觉观感的呢?这就要从页面层次、视觉焦点说起……
帖子:http://go.icpcw.com/f/jk073.htm
@内蒙古 张同
设计iPad应用的十大准则
开发iPad应用,如何考虑用户体验呢?iPad应用,应该足够的简单易用,使用户不需要进行复杂的设置和学习就可以顺利上手;在应用外观方面要清爽;交互方式要人性化。当然,这些是软件设计的基本要求大家都知道,可具体怎么做呢?看了iPad应用的十大设计准则,你就明白啦!
帖子:http://go.icpcw.com/f/jk086.htm
@四川 新编物理学
八款开源Android 游戏引擎
很多初涉及Android游戏开发的朋友,往往会显得有些无所适从,不知道该从何处入手。其实Android平台上有不少游戏引擎,不过一些游戏引擎是收费的、一些游戏引擎非常小众、一些游戏引擎非开源,有值得一用的Android 免费游戏引擎吗?有,且不止一款哟,例如Angle、Rokon、LGame等。
帖子:http://go.icpcw.com/f/jk087.htm
@海南 清风雨季