36个炫丽的html5 canvas展示

html5最新的canvas技术,提供通过JavaScript绘制图形的API,它是基于画布(canvas)的2d来实现绘画的,以往只有flash能够实现的效果,在下面的这些示例中,你将会看到炫丽的canvas展示动画,甚至超越它达到另外一个高度。

今天特地为大家收集来36个各种网站上面的,不同效果的html5 canvas应用程序。让大家对学习html5增加一份新的动力。

1、The Tumbler

001

这是一个使用SVG,WebAudio、Box2dWeb、CoffeeScript等技术实现的html5 canvas不倒翁效果,正如你所看到的一样,此示例会不断旋转,但里面的物体总朝着一定的方向。

Continue reading “36个炫丽的html5 canvas展示”

优劣比较:HTML5成本低廉 应用商业化程度高

北京时间7月24日消息,美国科技博客BusinessInsider下属研究机构BI Intelligence近日发表报告称,基于消费者、研发者和品牌等因素考虑, 从长远角度来看,HTML5应用在与本地应用的竞争中将是最后的胜者。

以下是报告中两项技术目前的优劣势:

功能:这对现阶段的HTML5技术来说是一个大问题。目前,有些功能还无法通过HTML5实现,但是随着HTML5技术的成熟将有所改进。这一方面还是本地应用更胜一筹。

用户体验:从这个层面分析,本地应用现在无疑更强。这是因为HTML5技术尚未发展成熟,此外还因为HTML5语言在研发人员中的使用率不高。

商业化:应用商店中的应用与iTunes等服务关联,而这些服务又与信用卡挂钩。因此,本地应用的商业化程度无疑要高出HTML5很多。

成本:HTML5应用的成本低廉,因为其成品可以跨平台。而本地应用则不然,想在新平台上推出软件就必须从头开始再来一次。

发布:不少人非常喜欢应用商店的发布模式,但是如果有更多开放式网络的发布模式,就会有更多人参与发布。这将削弱苹果等公司设置发布门槛的影响力。

注释:HTML5是一项新技术,可允许软件开发者研发大量基于网络的应用程序,而这些应用可通过标准的网络浏览器在任何设备上使用。

HTML5标准分裂 新分支升级将提速

HTML5标准制定组织WHATWG与W3C因为理念上的差异分裂。这意味着以后将会有两个版本的HTML5:即”标准版”和“living”版(活标准)。随着新技术的加入,WHATWG宣布为HTML制作新的“living”标准。WHATWG认为W3C做法过于缓慢,W3C的这种缓慢的制定方式将会耗费更多的时间。实际上W3C或多或少的放弃了HTML,04年时便把HTML交给WHATWG,把更多的注意力放在XML尤其是XHTML上。但更多的用户还是想继续使用HTML,只不过希望有所改进罢了。

WHATWG工作人员在公告中写道:

近来,WHATWG和W3C在HTML5标准上的分歧越来越大。WHATWG专注于发展标准的HTML5格式及相关技术,并不断的修正标准中的错误。而W3C则想根据自己的开发进程制作出“标准版”HTML5标准,颁布之后不容许更改,错误也无法修正,所以我们决定各自研发。

WHATWG和W3C自2004年便开始合作,07年时W3C还采用WHATWG的HTML5规范。但多年来这两个组织都有技术争议,现在是彻底分道扬镳了。W3C正计划制定一个简单而清晰的标准,这个标准被WHATWG当成是“living”标准的“快照版”。由于摆脱了W3C的程序步骤,WHATWG的“living”标准制定很可能会提速。

前HTML5标准的编写人员Ian Hickson说:“living版可以根据使用者的反馈不断改进,所以我们建议浏览器开发者来使用。而W3C版本一旦制定之后出现了错误也没法修正。但是并不是说标准版不好,WHATWG灵活的更新可以让用户获得更好体验,W3C的标准版在专利授权、合同条款等不允许随意变更的地方更有优势。”

总的来说对于HTML5的发展开发者并不一定是个坏消息,虽然HTML5标准的概念变得复杂了些,但HTML5的标准也没有颁布过。笔者猜测Chrome和Firefox会更愿意尝试WHATWG的新标准,而微软会具体观察哪一个标准更符合他们的产品开发利益再做出选择。早在今年4月,HTML5的标准就开始发生变化,Apple公司的工程师说正在为W3C编制标准,而微软的工程师则寻找新的编制人员。

事已至此,从现在开始,你要考虑哪一个规范的HTML5更适合你了。

 

HTML5非成熟体:能否最终取代App

一切都在重演。围绕App的移动互联,正在陷入重资本的荒漠中。有人想起了HTML5,将其视为荒漠中的甘露——即使它目前还未能实现完整的标准化。

一个非成熟体

这是移动互联版《上帝也疯狂》的续集,上次的主角是App,现在则是HTML5:一个将近10年前就被提出来用于取代HTML4.01和XTHML1.0,但在之后就步履蹒跚,直到近年重新又成为科技界焦点的Web标准版本。藉此,我们将循着价值、理想主义的纠结、极客思想、产业链演化和商业利益——是的,最终还是要谈到钱——这一系列标签来讲述一段有关HTML5这一业界“新宠”,以及它身边人的故事。

001

苹果的强势,使得Adobe的FLASH在移动端失手

Continue reading “HTML5非成熟体:能否最终取代App”

使用Wix.com创建的HTML5站点超过了100万

001

7月11日消息,据国外媒体报道,Java和HTML5出版平台Wix.com近日宣布,自3月份开始,用户已经利用他们的HTML5工具创建了100多万个站点。

报道称,Wix于2008年开始提供flash工具,直到三月份末才正式上线HTML5 builder。

Wix通信主管艾瑞克·梅森表示,Wix用户只制作一个网站,这就意味着他们在过去3个月内积累了100万独立的用户。Wix允许没有代码知识的用户通过Java或者HTML5的170个模板创建网站。

HTML5网站的需求继续呈现增长势头。根据今年1月份对100家财富500强公司的技术高管的一份调查报告,74%的人表示将考虑HTML5网站。

梅森称,当前很多用户都在使用Wix的免费组件,Wix在未来几月将发布一系列升级版的产品。

16个最好的CSS3过渡和动画教程

CSS3改变了许多旧的技术,使一切复杂的效果变得更容易。它有助于提高设计的功能,让你的网站设计更有影响和吸引力。CSS过渡和动画,具有更多强大的滤镜功能。他们帮助你制作更美丽和有趣的互动。这些影响有时候,令人印象深刻地徘徊或点击。所以今天我们列出了一些创新的CSS转换和动画技术。所有这些技术可以提高你的网站的整体外观,创造新颖和实际效果。请注意,这些技术也使用HTML5和JavaScript除了CSS3。

今天我们介绍的CSS3动画精选过渡功能的文章。CSS3是充满了实用的功能,其中一些是搜索不到的

Paperfold CSS

001

Paperfold CSS是所有隐藏的评论由Felix Niklas设计的折叠效果。它需要一个DOM元素,将其切成块,使它们像一个折叠纸的三维空间。有趣的效果对吗?

Continue reading “16个最好的CSS3过渡和动画教程”

30个实用的HTML5教程和技巧

HTML5是创建和网络上呈现内容的新标记语言。自从问世以来一直是新闻的头条,这是很流行的。这是非常方便和用户友好的,并提供了增强的功能。Web开发人员喜欢使用HTML5,因为它拥有各种新功能使Web开发方便了很多。你可能会喜欢用HTML5开发网站。

所以今天我们列出30个实用的HTML5教程和技巧,让所有网页设计师和开发人员的技术有进一步的提高。我们希望这些样品,教程和技术将有助于你,所以值得你访问并学习新的很酷的东西。

Implementing HTML5 Drag & Drop

001

HTML5的新特征是本地拖放。本教程将教你如何实现拖放来创建一个简单的购物车界面。

Continue reading “30个实用的HTML5教程和技巧”

Firefox OS挑战安卓:价格与HTML5将成重要砝码

7月3日消息,随着Mozilla Firefox宣布6家运营商和2家终端将支持其Firefox OS手机操作系统,使得继6月份苹果、微软和谷歌相继发布新版手机操作系统后,手机操作系统市场进一步升温。

001

Firefox OS手机操作系统界面

Mozilla 是14年前出身于Netscape的一家非营利性组织,第一款Firefox OS手机计划将由中兴和TCL在2013年初推出,使用高通Snapdragon芯片。

在目前的手机操作系统领域,不仅有谷歌的Android和苹果iOS,还有微软的WindowsPhone、RIM的BlackBerry,以及诺基亚的塞班、三星的Bada和小米MIMU等各种基于Android系统开发的各种Android“皮”操作系统,Firefox OS的加入,将加剧这个一市场的竞争。

手机操作系统不仅仅需要更多的终端企业支持,也需要一个完整的生态系统,尤其是庞大的开发者队伍和应用数量,因此需要向开发者提供开发工具、建立开发者社区和应用市场、设置应用管理规则和商业模式。过去几年LiMO、WebOS、塞班和Bada发展困难都是源于没有获得足够多的开发者和终端厂商的支持。

Firefox OS的优势在于已经有一个300万~500万的Web开发者社区,既有应用都已经支持HTML5。另外,Firefox OS是免费的,这将比微软和谷歌更容易吸引终端制造厂商,目前微软向每个Windows Phone终端收取20美元的版权费,而Android设备制造商也要向微软缴纳专利授权费。

今年智能手机市场复合增长率有望达到40%,Mozilla正在与Telefonica合作开发软件,并在2月份的MWC上展示了主要功能,新的系统整合了HTML5,使用了部分Linux的核心部件,将操作系统与浏览器整合,不再需要单独的操作系统,从而缩短了新手机型号推出的周期。

Firefox OS与谷歌之前推出的Chrome浏览器以及Chrome PC系统异曲同工,Mozilla CEO Kovacs称,浏览器和操作系统之间的界限正在模糊。

Firefox OS减少了传统操作系统中的层级,可以降低智能手机的电能消耗,也可以降低手机成本。

Telefonica称使用Firefox OS智能手机的价格可以比使用Android系统的手机更低,Firefox OS手机可以做出50美元左右价格的产品。Ovem分析师Nick Dillon称,价格优势将成为FireFox OS的重要部分。

Firefox手机操作系统2013问世,HTML5 为基础

001

Firefox(国内很多人叫它火狐)是很多人爱用的网页浏览器之一,小编自己也是必装的爱用者,Firefox 最大特点是它具有许多额外的附加插件可使用,以扩充浏览器的功能;Firefox 的改版也相当快速,并支持 HTML5 规格。不过,推出 Firefox 的 Mozilla 基金会,显然不以只推出浏览器为满足。Mozilla 今天发布新闻,宣布他们将在 2013 年推出自有的 Firefox 移动装置操作系统(Firefox Mobile OS),这款 FF 操作系统的特色是它采用完全开放的 HTML5 作为基础,手机内每项应用程序都是以 HTML5 编写而成,而它当然也是完全的开放原始码,每个人都可以开发在其上运行的应用程序。

搭载 Firefox OS 的首款智能手机,预计在 2013 年初于巴西正式推出,而 Mozilla 基金会也公布将支持 FF OS 的硬件制造商与电信运营商,首波推出 FF OS 智能手机的厂商将会是中兴与 TCL,至于首波将推出机型的电信运营商则以欧美国家为主,如 Deutsche Telekom、Etisalat、Smart、Sprint、Telecom Italia、Telefónica、Telenor 等等。

至于它会不会与 Android 一样大受欢迎?就要看 FF OS 后续的表现啰!

新版原生Firefox安卓浏览器增加对Flash和HTML5的支持

这次Firefox的原生Android app终于在Google Play上架。新的版本增加了一些特性,包括新的欢迎页面,弧形的标签设计,加入对Flash和HTML 5的支持。

经过前期的测试版发布以及之后的调试,这次 Firefox 的原生 Android app 终于在 Google Play 上架。新的版本增加了一些特性,包括新的欢迎页面,弧形的标签设计,加入对 Flash 和 HTML 5 的支持。说它是原生,实际上是放弃了原来自己的界面架构,引入 Android 的原生界面,当然还是叠加了一些自主的设计元素,使得界面焕然一新。我们在一部老的机子 Galaxy S 上进行了测试,发现有点卡顿。不过官方宣称,在一款新的跑分测试软件 Eideticker 上,可以得出新版本的浏览器有了 2 倍的速度提升。从广告视频中可以看到,启动的速度,标签切换、放大缩小也非常的流畅。

001

此外,你还可以通过 Firefox Sync 非常方便地和其它设备同步个人喜好设置,比如收藏的书签等;导入设定完之后,你会得到一个定制首页叫 Awesome Screen,里面有你熟悉的一些内容,比如经常访问的网站。另外,Flash 和 HTML5 都能很好支持,虽然在渲染上有时候会有点小问题。新的圆弧形标签设计让人印象深刻,操控起来也很顺手。不过大多数网站都默认以桌面网页的形式开启,而没有把 Firefox 认成一个移动设备浏览器,这对于那些想节约流量的人是个难题;还好 Phony 3.2 插件可以帮你解决这个尴尬,可以将 Firefox 设置成移动设备浏览器。另外我们觉得现在要点两下才能开启一个新标签页比较麻烦,不过对于 Android 生态圈来讲,多一个浏览器就能多出一个选择,同时也会让 Chrome 倍感压力多做改进。