十二 20
Digg
Stumbleupon
Technorati
Delicious

HTML5未来发展的六大趋势

HTML5从根本上改变了开发商开发Web应用的方式,从桌面浏览器到移动应用,这种语言和标准都正在影响并将继续影响着各种操作平台。 在移动领域,大家争论不休的一个问题就是开发Web应用还是原生应用?而随着HTML5标准的发展,两者之间的差异已经逐渐变得模糊,今天各大媒体都争相报道与HTML5有关的东西,那么,HTML5未来的发展趋势到底是什么?   1) 移动优先 前天,appMobi获选ReadWriterWeb2012最具前途的的公司,作为一家初创公司,这个奖公司首先专注于在移动平台上如何实现HTML5的简单易用和无处不在。 从如今层出不穷的移动应用就知道,在这个智能手机和将平板电脑大爆炸的时代,移动优先已成趋势,不管是开发什么,都以移动为主。 如上文所说,此前一直困扰移动领域的问题就是开发Web应用还是原生应用。而如今,我们看见一些大型企业如《金融时报》在冲着HTM L5进军移动市场过程中,从App Store撤掉iPad原生应用而开发Web应用,同样表现出色。 许多游戏开发商也将在移动Web应用中扮演中重要角色,移动Web应用优先的趋势将会持续到移动设备统治信息处理领域。其实用户根本不在乎你用什么工具开发了什么应用,不管是Web应用还是原生应用,只要好用就可以了。   2) 游戏开发者领衔“主演” 其实移动游戏开发商是从HTML5获益最多的一方,他们可利用这个平台逃脱付费游戏须向苹果支付的30%提成。在某种程度上,游戏就是移动平台销量最好的应用,也是吸引人们购买移动设备的一个重要因素。 许多游戏开发商都被Facebook或者Zynga推动着发展,而未来的Facebook应用生态系统是基于HTML5的,尽管在HTML 5平台开发出游戏非常困难,但游戏开发商却都愿意那么做。通过PhoneGap及appmobi的XDK将Web应用游戏打包整合到原生应用中也是一种方式,Facebook差不多就这么干的——基于Web应用及浏览器,但却将之打包整合进原生应用。   3) 响应式设计&自动变化的屏幕尺寸 在HTML5真的改变移动开发平台之前,必须要迈出重要一步,那就是“响应式设计”,也就是屏幕可以根据内容而自动调整大小。 响应式设计最好的一个例子就是今年上线的BostonGlobe.com(观看视频),其屏幕能够根据任何内容而调整尺寸大小,在访问过其开发商Filament Group后才了解到,响应式设计也并非易事,一些基本概念设计必须从头开始,比如处理媒体库的RespondJS,而且处理来自第三方的图片和广告也是恼人的问题。 要想做好响应式设计,就必须洞悉内容与屏幕之间的反馈关系,一家来自硅谷的响应式设计公司ZURB称,其实在过去的16年中,开发商就意识到响应式设计就要完全离开“流”,转而注重内容是如何在网页和移动设备中被处理的,这一过程还在继续,HTML5会让它最终成为可能。   4 )设备访问 消除Web应用与原生应用界限的最大障碍就是浏览器访问移动设备基本特性的能力,比如照相机,通讯录,日历,加速器等,利用HTML5实现此能力方面,上文中提到的appMobi算是行业翘楚,在感恩节后开源了所有API。Mozilla也一直在努力通过移动浏览器Fennec来将强设备访问能力。 对许多移动开发商来说,提高设备访问能力是HTML5最令人激动的革新,这意味着Web应用能够登陆移动设备而无需做任何PhoneGap式打包,游戏开发商当然最开心,因为某些特性对他们来说是封锁的,比如能整合到游戏中的加速器。 这就开启了另一个可能的世界,比如能与云更好地整合(这有利于应用内购买,消息推送等)并提高游戏可玩性,有了HTML5这个平台,开发商可以不再依赖于Java语言,CSS3,HTML及其它程序语言。   5) 离线缓存 这个概念相当新潮,离线情况下,app也能照常运作,算是HTML5充满魔力的一面,今年最好的离线缓存例子就是亚马逊Kindle的云阅读器,可以通过Firefox6以上版本,Chrome11以上版本,Safari5以上版本及iOS4以上版本浏览器将内容同步到所有Kindle系列设备,并能记忆用户在kindle图书馆的一切。 亚马逊就这么实现了离线使用Web应用,许多专家人声称原生应用的末日即将到来,因为Web应用的使用变得简单,无摩擦,适用于任何一个平台或者无需平台。当然Mozilla的触角也伸到了这里,实际上,Mozilla想涉足任何一个HTML5能渗透的领域,从Mozilla的移动蓝图,可以了解更多。   6) 开发工具的成熟 在今年八月份,Brian Fling曾写过一篇博文叫HTML5 Web应用开发剖析,提出了几点建议供从事HTML5应用的开发者参考:   要耐心,HTML5项目可能比开发其他任何项目好是都要长   做好预算,这不像建网站那么简单,可能会耗费你大量资金   找对开发者,你要记住,这对许多经验丰富的专家来说都非常难的事,那么你的团队也会觉得困难,所以一定要找对人,找到正确的方向   要自食其力,你要知道,开发HTML5项目,许多工具都要自制,不是现成的   在技术界,按部就班的教条风格在这里行不通,会花掉许多不必要的资金,在移动领域,没有对与错,只有是否适合,一切以用户体验为重。 在工具方面,除了appMobi提供的工具以外,还有Sencha及Appcelerator提供的框架及IDE供应用开发商们使用,虽然这些工具现在算不上成熟,也不如Android和iOS上的开发商框架及工具那般简单强大,但至少它们在演进,将会变得越来越好用。   总结 HTML 5的其它功能,如表单和新标准还在快速演进,而随着标准化工作的进行,HTML5有可能变回HTML。HTML5开发领域的领军人物包括Sencha,Adobe,Appcelerator,appMobi及Facebook,亚马逊,Google三大巨头。 不管你是想开发出新型视频应用的开发商如Brightcover还是想开发新型音频应用的开发商如Soundcloud,不论是桌面应用还是移动应用,HTML5都是创新的主旋律。 英文原文:RWW:Top 6 Trends In HTML5 In 2011    

Author: jianyun
05
Digg
Stumbleupon
Technorati
Delicious

Silk和UCWeb

Amazon Kindle Fire 的 Silk 浏览器到底厉害在哪里? 是现有云端和本地分离式浏览器的简单抄袭( Opera , BB , UCWeb),还是真的有一手绝活? UCWeb的烦恼 UCWeb是在中国很流行的分离式浏览器。也是个估值数亿美金的大生意:搜索引擎握住网络的咽喉?而在使用UCWeb的移动设备上,他可以握住搜索引擎的咽喉。 但是也有很多人觉得他是个缺乏前途的技术。随着iPhone等拥有高性能浏览器的手机的普及,随着移动网络的提速(3G,4G),UCWeb所处的市场将会不断缩小。 Silk抄了UCWeb什么? 服务器端连接 Loading 一个网页,可能和很多服务器建立很多连接:这个去拿 HTML,那个去拿图片等等。移动设备的运算能力有限,网速也慢,在这种设备上建立很多连接代价很大。 而服务器的运算能力远远超越手机,Aamzon EC2更是光纤接入。在服务器端连接多个服务器取得数据,然后整合起来交给客户端,就要经济很多了。 优化效果? Amazon的宣传中给出的数据是 1337ms vs 5 ms!(不过,他们似乎没有计算服务器端建立连接取得数据的时间。) 内容优化 给 iPhone 一个 1024×768 的图片其实意义不大。因为超越了他屏幕的分辨率。所以可以在服务器把图片缩小一下。这样可以减少数据传输量,加快页面 Loading 速度。这也是久经考验的移动设备浏览的优化手段了,可以期待。 Silk 微创新了什么? 服务器端文件缓存 两次 Loading 一个页面,第二次会明显快一些。因为第一次下载的内容已经缓存到了本地。但是,移动设备的存储空间也是有限的。有了云端,可以在服务器上建立更加庞大缓存。 当然,这不是技术难题。 UCWeb 不这么做,可能更多的是由于隐私方面的考虑。 服务器端点击预测 Google Chrome 支持一种点击预测技术:他猜测并且预先下载某些链接,如果你点中,那么几乎瞬间就能打开。 Amazon 把这个技术挪到了 EC2 的服务器上。这样做的结果,是客户端不会因为这种技术产生流量。(但是由于多数缓存不在本地, Amazon的 EC2 [...]

Author: jianyun
23
Digg
Stumbleupon
Technorati
Delicious

电信IDC或遭反垄断调查

据消息人士向《财经国家周刊》记者证实,相关部委已就宽带接入问题,对中国电信展开反垄断调查,并有可能进行反垄断处罚。作为中国最大的宽带接入及IDC提供商,中国电信的自身战略如因反垄断调查进行调整,对中国互联网的产业发展格局也将带来巨大影响。 消息人士透露,相关部门此次调查自今年上半年就已经展开调查取证,相关部委与中国电信就进行了多轮沟通取证,还向联通、铁通等多家接入企业、研究机构及多位专家进行了求证。其主要调查内容,是中国电信在宽带接入及网间结算领域,是否利用自身具有的市场支配地位,阻碍影响其他经营者进入市场等行为。“通过前期调查,有关部门基本认为中国电信存在垄断行为。有可能计划对其进行违法收入1%~10%的惩罚。”该人士透露。 电信IDC或遭反垄断调查,于是宽带提速有望了。是的,这看似毫无联系的两句话,但却隐藏了什么深深的因果关系? 这一切还得从“流量穿透”解释。所谓“流量穿透”,是指一些公司在中国电信购买带宽后,并不自己使用,而是转手卖给铁通、广电等弱势运营商赚取差价,通俗的讲,就是倒卖宽带。其实你目前用的宽带接入商(ISP)可能就是租用的电信宽带,接入商购买电信的带宽,然后再卖给用户,这就是目标到用户的流量穿透。 然而问题在于,电信对于联通、长城宽带、教育网等全国级的大型单位(这些单位被电信分为了一类用户)以非常高的价格出售带宽,而对于对自身没有利益影响的其他小型单位或组织,则是以低于一类用户高达50%以上的价格出售。换句话说,购买电信带宽自己成立ISP的单位被电信抬高了接入成本而限制其对电信的市场冲击。而最终抬高的价位则最终算在了用户身上。 联通、长城宽带、教育网等全国级的大型单位从根本上说也不过是市场的公司而已,也是需要赚钱的。现在他们被电信抬高了成本,唯一能做的就是降低带宽质量来求生存。然而他们一方面提升价格,一方面增加共享。100M带宽,假如分配给20个人用,现在因为成本问题不得不分配给50个人用,那么这速度、这稳定性还有保障吗? 所以文章写到这里大家也就看出来一些端倪了,电信作为宽带资源的掌控者,可以任意通过抬高接入成本来实现对竞争对手的打击,当然也就间接打击了选择联通、长城宽带、教育网的用户。 那么用户直接购买电信的带宽呢?——这到不失为一个好主意。可气的是,在利益心膨胀的时代,电信以一种高高在上的姿态对待着他的顾客。顾客是上帝?不,在目前互联网的情况看来,ISP或IDC才是真正的上帝。现在经常听到周围的朋友反映电信网络没以前快了,客服态度也不好,价格到不菲。其实这正是电信作为一个垄断者的行为。在电信眼里看来,你认为电信的价格贵,服务态度不好,那么你得以更高的价格选择不稳定的宽带。 电信遭反垄断调查,笔者想电信会有所收敛吧,其实最终还是广大网民获得好处。很久以前互联网上就流行一篇文章,大意是说中国的网络是最贵的,速度是最慢的,其根本原因就是电信的垄断行为。不过笔者并不会对此持特别乐观的态度,因为单位的“上有政策下有对策”是实行惯了的。但至少我们还是保持那一点点可能的希望,也许我们有一点会用上性价比更高的宽带服务。  

Author: jianyun
19
Digg
Stumbleupon
Technorati
Delicious

html meta标签作用及使用说明

meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的<head>与</head>中,meta 标签的用处很多。meta 的属性有两种:name和http-equiv。 name属性主要用于描述网页,对应于content(网页内容),以便于搜索引擎机器人查找、分类(目 前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)。这其中最重要的是description(站点在搜索引擎上的描述)和 keywords(分类关键词),所以应该给每页加一个meta值。比较常用的有以下几个: name 属性 1、<meta name=”generator” contect=””>用以说明生成工具(如Microsoft FrontPage 4.0)等; 2、<meta name=”keywords” contect=””>向搜索引擎说明你的网页的关键词; 3、<meta name=”description” contect=””>告诉搜索引擎你的站点的主要内容; 4、<meta name=”author” contect=”你的姓名”>告诉搜索引擎你的站点的制作的作者; 5、<meta name=”robots” contect= “all|none|index|noindex|follow|nofollow”> 其中的属性说明如下: 设定为all:文件将被检索,且页面上的链接可以被查询; 设定为none:文件将不被检索,且页面上的链接不可以被查询; 设定为index:文件将被检索; 设定为follow:页面上的链接可以被查询; 设定为noindex:文件将不被检索,但页面上的链接可以被查询; 设定为nofollow:文件将不被检索,页面上的链接可以被查询。 http-equiv属性 1、<meta http-equiv=”Content-Type” contect=”text/html”;charset=gb_2312-80″> 和 <meta http-equiv=”Content-Language” contect=”zh-CN”>用以说明主页制作所使用的文字以及语言; 又如英文是ISO-8859-1字符集,还有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字符集; 2、<meta http-equiv=”Refresh” contect=”n;url=http://yourlink ”>定时让网页在指定的时间n内,跳转到页面http://yourlink ; 3、<meta http-equiv=”Expires” contect=”Mon,12 May 2001 00:20:00 GMT”>可以用于设定网页的到期时间,一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式; 4、<meta http-equiv=”Pragma” [...]

Author: jianyun