»X5内核+HTML5应用:Q立方浏览器预览版
Q立方浏览器是腾讯全新研发的不同于“手机QQ浏览器”的Android手机浏览器,Q立方浏览器搭载了腾讯基于优秀开源Webkit深度优化的“X5内核”,在web/wap页面打开速度、省流量、UI和多窗口交互方式、HTML 5等方面都与现有的手机QQ浏览器有不同之处,1.0预览版已经推出,虽然功能上还并不是很完善,但是可以看到很多新思路的雏形。 Q立方浏览器的初始UI给人的感觉不像一个浏览器,而像一...
»HTML5中容易被攻击的5个“漏洞”
在HTML5迅速崛起的同时,我们也不得不认识到HTML5给我们带来的安全问题,而且是不容小觑的安全问题。本文主要从劫持、跨域请求、桌面通知、地理定位、表单篡改这几个方面来分析了HTML5中不容忽视的几个安全“漏洞”,开发者要时刻警惕。 “虽然,HTML5对加强网站互动性的新功能有着一定的作用和贡献,但是对于不怀好意者,HTML5的“漏洞”更容易成为他们的攻击目标。” 因此,本文会从五个方面介绍HT...
»CSS3 Transition属性的浏览器兼容测试
在《CSS3的Transition属性》一文中,我们具体讲解了关于CSS3的Transition属性的属性值及其用法,今天我们再来学习一下关于CSS3的Transition属性在各个浏览器的兼容情况。 由于CSS3在国内还不是很流行,所以国内的大部分浏览基本上都不支持CSS3,而且短时间内也没有大面积支持的势头;虽然CSS3在国际上的盛行 度很大,各大浏览器厂商也正在努力的更新他们的浏览器,以求跟...
»HTML5 3D斯诺克桌球在线游戏及源码下载
想必很多朋友都玩过QQ桌球游戏,如果你对斯诺克规则有一定的了解,那么你一定会对本文分享的HTML53D斯诺克桌球游戏感兴趣,因为那实在是太帅了。 之前,在王国峰的博客中有一篇译文对这个HTML5斯诺克桌球游戏的开发过程有一个非常详细精彩的解说,想学习HTML5知识的朋友可以去看原文HTML5斯诺克桌球俱乐部【译】。 当然,如果你只想体验一把HTML5斯诺克桌球游戏,那么你只需要使用chrome浏...
»CSS3中的Transition属性详解
W3C标准中对CSS3的transition这是样描述的:“CSS的transition允许CSS的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值。” 下面我们从最简单的语法和属性值开始一步一步来学习transition的具体使用: 语法: transition:[<'transition-prope...
»利用HTML5 Canvas做在线图像处理
HTML5中的canvas元素是相当强大的,利用他的getImageData方法可以对载入的图像直接进行位图操作。但是直接对位图进行操作比较麻烦,如果利用卷积矩阵这个工具的话,可以通过几个简单的参数实现复杂的效果。 所谓的矩阵的卷积,就是如下图显示的那样,当计算红色框中的数值的时候,分别先提取周围绿框中8个数字,然后与施加的那个矩阵中对应位置相乘,然后把各个乘积加在一起,就得到了最终的值了。 比...
»3款漂亮的CSS3 Loading动画实例教程
本文译自CSS3LoadingAnimation,由HTML5中文网站提供翻译,转载请注明出处。 Hello,亲们,这次让我来带着大家去创建3个非常漂亮的CSS3Loading动画吧。我没记错的话这个CSS3Loading动画只能运行在firefox、chrome和safari浏览器上,你还在等什么,赶紧往下看吧! VIEWDEMO 第1个CSS3Loading动画例子 HTML 第1个例子...
»《Cut The Rope》 HTML 5版背后的开发故事
之前有一篇文章介绍了CutTheRope割绳子游戏,非常棒。 译者注:CuttheRope 是一款人见人爱的小游戏。有一个开发团队将它改造成了HTML5版本。想看看他们在改造过程中的经验之谈吗?那就看下面由开发人员自己写的文章吧~ 启示 在IE9中作为一个HTML5应用来运行,从原始的iOS源码改写而来。 CuttheRope 是一款人见人爱的小游戏。所以我们有了个点子,即通...
»浅谈CSS3 Filter的10种特效
必须要说明的是,这里的CSS3Filter与我们所熟悉的CSSFilter是完全不同的两个概念,也不是我们所熟悉的IE滤镜,它是指通过CSS或SVG渲染元素概念可以描述的元素,包括它的子元素。 关于CSS3Filter的具体解释您可以参考《FilterEffects1.0》这篇文章。 接下来我们就开始探讨如何使用CSS3Filter实现我们想要的效果。 首先,我们介绍一下Filters的使用:Fi...
»HTML5太空战机在线游戏及源码下载
今天在国外网站上闲逛时,突然发现一个HTML5战机游戏,看着效果图还挺不错就点了进去看看,哈哈,的确很好,场景逼真,有声有色,这飞机开的, 酷死了。当然作为Web开发人员,这么好的东西,总是有种深入了解的冲动,于是花了半天的时间将其源代码整理了一番,并将原来页面上的广告什么的都去掉 了,只剩下这个游戏。现在将本人今天的成果献给大家,当然也感谢游戏的作者http://dougx.net/plunde...
»9个让你惊呆的HTML5动画特效
HTML5的确是非常的出色,你不信?好吧,用下面的特效来惊爆你的眼睛吧。以前很多绚丽的网页特效都需要用Flash来完成,而现在,有了HTML5,我们可以更加灵活方便的去创建一些自己喜爱的特效。好了,一起看看下面的10个HTML5特效吧,如果喜欢,可以分享给你的好友。 BreathingGalaxies 这个HTML5特效随着你鼠标的移动产生很多色彩夺目的光点,等你鼠标静止,光点便渐渐散开来,非常的...
»被禁之后,Grooveshark凭借HTML5应用重回iOS和Android
Grooveshark可能已经被iTunesAppStore和Android Market驱逐出境了,但这并没有阻止这个富有争议性的音乐流新公司推进它的移动策略。这个公司没有和Apple和Google纠缠不休,而是通过发布 一个Webapp,在HTML5的帮助下放弃使用Flash,将一切掌握在了自己手中。这个Grooveshark的HTML5应用可以在任何现代移动浏览器上播放音乐,包括iPad,i...
»CSS3按钮导航Dark Navigation Buttons
前面向大家介绍了一款超级友爱的CSS3按钮和一款光彩四射的CSS3按钮,今天继续给大家带来一款非常漂亮的CSS3按钮叫DarkNavigationButtons,不仅是按钮,同时你也可以用它来作导航,同样非常出色。先看看这款CSS3按钮的效果图吧: 在线示例 | 源码下载 其CSS代码如下: /*DarkButtonCSS*/ ...
»2012年,开发人员对HTML5都有哪些期待?
2012年开发人员对HTML5都有哪些新的期望?HTML5是一个发展中的标准,在2011年里,HTML5的发展取得了许多突破性的进展,但是它还有许多方面需要进一步的提升。HTML5开发的两大主要参与者Sencha 和appMobi 都参与了2012年HTML5发展预测的讨论,下文将给出详细介绍。这些期待从简到繁,其中既包括数据缓存优化策略和多媒体支持这些问题,也涵盖了一些更加复...
»开发者视角论述HTML5平台的7大特点
乍看之下,HTML5似乎给在线和手机游戏开发者带来颇多益处。这是个纯网页平台,游戏开发者能够基于HTML5制作自己的游戏,然后在任何兼容设备发行内容,从手机到PC平台。但这是否真的这么简单? 但平台目前尚没有统一标准,所以其性能还存在不确定性。该平台显然颇具潜力,Zynga之类的主流开发者已开始将其运用至手机领域,但引擎供应商Unity称“就运行情况来看,HTML5仍然不甚理想”。 关于此平台的发...