关注前端开发微信微信号web007007

我们能用HTML5 Canvas做什么?

我们能用HTML5 Canvas做什么?

最近在国外问答网站Quora上,许多开发者对于HTML5 Canvas元素的实用性进行了一系列探讨。Canvas非常灵活,能够很好地融合JavaScript代码并在浏览器内绘制华丽的图形。Canvas究竟具体能做些什么?3D3R公司创始人兼CEO Ohad Eder-Pressman的答案十分精彩,我们对其文字进行了翻译和整理,不妨一起来看一看。 图:用Canvas绘制的图形 什么是Canvas? Canvas元素是HTML5的一部分,允许脚本语言动态...

阅读全文...

浅析HTML5在移动应用开发中的使用

浅析HTML5在移动应用开发中的使用

HTML5的出现让移动平台的竞争由系统平台转向了浏览器之间:移动端的IE、Chrome、FireFox、Safari,亦或是新出现的浏览器,谁能达到在移动端对HTML5更好的支持,谁就能在以后的移动应用领域占据更多的市场。 现在我们怎么装APP   有了HTML5以后怎么装APP 更灵活、更方便的app使用及安装方式将成为HTML5在移动平台上大放异彩的保障之一。 下面列举HTML5适合移动应用开发的几大特性: 1.离...

阅读全文...

Ludei:HTML5平台将于今夏支持WebGL 3D

Ludei:HTML5平台将于今夏支持WebGL 3D

HTML5游戏开发平台提供商 Ludei 刚刚增加了对WebGL 3D app的支持,该公司表示开发者现在可以跨各种设备开发3D游戏,不管是台式电脑、智能手机还是平板设备,该功能将会在今年夏季正式推出。   Ludei 的平台将会支持使用了公开WebGL标准的3D游戏, WebGL是一种3D绘图标准,经常被用在3A主机游戏和PC游戏当中。   Ludei CEO Eneko Knorr说:“我们的3D渲染器允许在当今最流行的移动设备上...

阅读全文...

关于 HTML5 的 5 个误解

关于 HTML5 的 5 个误解

12 月 17 日 W3C 的 CEO Jeff Jaffe 宣布 HTML5 定义完成,即进入了 Candidate Recommendation 阶段,这距离它成为 W3C 的正式推荐标准(Recommendation 阶段)已经很近。然而技术社区对于 HTML5 仍存在很多误解以至于错误理解这一事件的意义。本文试谈几点常见的误解帮助大家了解 HTML5。 HTML5 标准是超炫的技术 HTML5 标准本身是标记语言和语义的规范,所以它不会包括诸如 API 和样式这样的内...

阅读全文...

HTML5语音输入(淘宝语音搜索)方法

HTML5语音输入(淘宝语音搜索)方法

谷歌的网站是时逛时新啊,今天在他们首页发现了HTML5的新玩法——语音搜索。可惜的是只有webkit核心的浏览器才能使用。用法很简单 只需要在input添加属性x-webkit-speech即可,例子如下: <input type=”text” x-webkit-speech /> 这样你的输入框右边里就多了个「小话筒」,点击的时候就会提示 这时说出来识别后就可以了,我测试下来,中文英语的识别率还挺高的。 语音输入其他...

阅读全文...

让IE也支持html5标准

让IE也支持html5标准

相信HTML5标准在全球广泛的使用已经是大势所趋。HTML5能为我们的网页带来更高效简洁的代码,但是IE8以下版本仍然不支持HTML5标签。不过我们可以通过在网页中添加脚本的方式来解决目前IE浏览器对HTML5标签支持的问题。 可以从网上直接加载下面的脚本: <!–[if IE]> <script src=”http://html5shiv.googlecode.com/svn/trunk/html5.js”></script> <![endif]–> 这是...

阅读全文...

让IE也支持圆角

让IE也支持圆角

css3的圆角属性,能为开发者提高开发的效率。可惜主流的ie6 7 8并不支持该属性。下面介绍一种让ie也支持圆角的方法。 1.首先要下载一个压缩包,里面有一个微软的脚本文件(11KB),里面是IE利用VML矢量可标记语言作为画笔绘出圆角。 下载地址:百度网盘下载 使用方法: .main{ border: 2px solid #C0C0C0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: ...

阅读全文...

HTML5须知十件事

HTML5须知十件事

一两年前,HTML5似乎还是一个模糊的概念,只有少数几个互联网的书呆子才会关心。而现在,却感觉仿佛HTML5无所不在了。感谢Mozilla 和Chrome的快速发布,以及微软IE9的部署(IE 10现在也处于“技术预览”状态了),数量有限(或者说比有限要更好些)的支持HTML 5的浏览器已将近人人皆可享受。开发人员开始利用那些得到广泛实现的功能特性。不出1年HTML 5就将得到完全支持,而规范也正在迅速到达稳定...

阅读全文...

HTML5 jQuery 绘图插件

HTML5 jQuery 绘图插件

Websanova Paint 是一个利用 HTML5 画布(canvas)技术的 jQuery 插件。它能够让你自由的在画板区域使用各种颜色画出任意的形状,还能够涂改。它能让你设定所画形状的边框,然后用颜色填充。你还能调整画笔的粗细。它的一个最有趣的功能是能让你把画好的作品保存成图片,日后你还能载入这个图片进行二次修改,但有个限制,图片只支持 PNG 格式的。下面是演示: 这个 jQuery 插件的下载地址是:http...

阅读全文...

网页浏览新天地–谷歌字体服务

网页浏览新天地–谷歌字体服务

近日,google提供了一项新的服务,google在线网页字体服务。这是一个高品质的网页字体集合,同时提供了使用相关的API。对于网页设计师和web开发人员来说无疑是个好消息,从此我们将不需要担心客户机器上是否有我们想要放到网页中的字体啦。 谷歌API提供的字体使用起来非常简单,只需要在HTML代码中添加一两行,如下demo: <html> <head> <link href='http://fonts.googleap...

阅读全文...

HTML5入门(第三课)HTML5网站布局

HTML5入门(第三课)HTML5网站布局

&lt;!DOCTYPE html&gt; &lt;htmlang = &quot;en&quot;&gt; &lt;head&gt; &lt;meta charset = &quot;utf-8&quot;&gt; &lt;title&gt;<a href="http://www.web92.net/tag/html5-2" title="查看 HTML5 中的全部文章" target="_blank">HTML5</a> Demo&lt;/title&gt; &lt;bo...

阅读全文...

HTML5入门(第二课)HTML5标签语法介绍及新增标记

HTML5入门(第二课)HTML5标签语法介绍及新增标记

1、语法标签: (1)不允许写的结束符的标签:area、base、br、col、command Embed、hr、img、input、keygen、link、meta、param、source、 Track、wbr (2)可以省略结束符的标签:li、dt、dd、p、rt、optgroup、option Colgroup、thread、tbody、tr、td、th (3)可以完全省略的标签:html、head、body、colgroup、tbody   2、新增标签: <article>  标记定义一篇文章 <aside>...

阅读全文...

HTML5入门(第一课)了解HTML5的理由和新特性

HTML5入门(第一课)了解HTML5的理由和新特性

理由: 1、兼容性,老版本的浏览器上也可以运行(不是很靠谱) 2、实用性,简化了标签,细分了功能,增加了移动互联网元素 3、革命性,HTML不再是简单的标签语言,增加了API、渲染等 新特性: 1、微数据与微格式等方面的支持 , 2、本地存储,离线应用 3、API调用,地图,位置,LBS等 4、连接通讯,后台线程, 5、多媒体 , 6、三维、图形及特效, 7、支持CSS3

阅读全文...

HTML4和HTML5之间的10个主要不同

HTML4和HTML5之间的10个主要不同

HTML5是最新的HTML标准,或迟或早,所有的web程序员都会发现需要使用到这个最新的标准,而且,很多人都会感觉到,重新开发一个HTML5的网站,要比把一个网站从HTML4迁移到HTML5上容易的多,这是因为这两个版本之间有很大不同之处。 事实上,HTML5并没有对HTML4做什么重大的修改,它们很多东西都是相似的。 可是,其中有一些很重要的区别你需要知道。下面列出的就是一些HTML4和HTML5之间主要的不同...

阅读全文...

HTML5-Canvas(中文)-pdf

HTML5-Canvas(中文)-pdf

GDE Error: Unable to load profile settings

阅读全文...

解读关于HTML5的六个传说

解读关于HTML5的六个传说

HTML5是本年度最热的网络技术名词之一。先是Google在前领军,在自家服务嵌入HTML5技术(例如Gmail的拖曳附档),接着各家浏览器和网路公司分头抬轿,几乎全网络圈都等着迎接大明星HTML5正式版的到来。 但是,身为一个非技术人员,为免落入「别人吃面你喊烧」的窘境,继刊出《关于HTML5,你应该了解的五件事》报导后,我们要再次进行对HTML5的扫盲,让你不仅看热闹,还能学会看门道: HTML5 会取代...

阅读全文...

HTML5 未来不可阻挡的力量

HTML5 未来不可阻挡的力量

  最近Gartner(美国一家从事信息技术研究和咨询的公司)的报告预测,下一代Web技术成为基础业务还需要5到10年的时间。但开发人员都在快速前进,以致于以Html5为核心的应用程序在几个月内就变得无处不在。Gartner已经制作并大肆宣传了自1995年以来的周期报告,很好地记录了未来技术如何随时间演变的预测。例如,公司今年发布的关于近场通信(NFC)的预测分析就比较准确,但是这一次却错过...

阅读全文...

Adobe 发布 Flash 转换成 Html5 工具 代号Wallaby(沙袋鼠)

Adobe 发布 Flash 转换成 Html5 工具 代号Wallaby(沙袋鼠)

Adobe 今日 发布了Flash 到 HTML5的一键转换工具,方便各开发人员对现有的flash资源复用。 提供给那些不支持Flash的设备,比如iOS.该工具代号为 Wallaby(沙袋鼠) 可以到adoeb lab 下载: http://labs.adobe.com/technologies/wallaby/ 通过简单的推拽,你就可以把flash 成功转换成 html5. 这样就更方便的在不支持flash的设备上使用. 当然 并不是所有的Flash里面的功能都能完整的转换成html5, adob...

阅读全文...

什么是HTML5

什么是HTML5

什么是 HTML5 HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML 标准版本,现在仍处于发展阶段,但大部分浏览器已经支持某些 HTML5 技术。HTML 5有两大特点:首先,强化了 Web 网页的表现性能。其次,追加了本地数据库等 Web 应用的功能。广义论及HTML5时,实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少浏览器对于需要插件的丰富性网络应用服务(pl...

阅读全文...

HTML5应用与原生应用之间的差异

HTML5应用与原生应用之间的差异

HTML5的时代已经到来,程序及优化,你们准备好了没?html5在2008年发布以后,没有被迅速应用,一直在开发人员的不断的完善之中,近段时间html5已经逐渐浮出水面。跟着浏览器的升级,它的独特魅力将越来越多地展现在用户面前。 html5的魅力体现在哪里呢?HTML5是新发布的一种技术,开发者可以在没有任何设备限制的环境中开发web应用。也许html5即将更新web,使原来的平台应用被淘汰掉。下面是html5和...

阅读全文...