一 17 《Cut The Rope》 HTML 5版背后的开发故事 Posted on 2012 年 1 月 17 日 by luokelong 译者注:Cut the Rope 是一款人见人爱的小游戏。有一个开发团队将它改造成了HTML5版本。想看看他们在改造过程中的经验之谈吗?那就看下面由开发人员自己写的文章吧~ 启示 在IE9中作为一个…阅读全文>>
一 06 使用tiggr五步创建手机应用 Posted on 2012 年 1 月 6 日 by luokelong 上一篇文章介绍了HTML5 web应用开发框架tiggr,本文介绍如何使用tiggr构建web应用程序。 使用tiggr创建应用程序通常需要经过以下五个步骤: 1、手机界面的原型设计 2、建立REST…阅读全文>>
一 05 javaScript 利用闭包模拟对象的私有属性 Posted on 2012 年 1 月 5 日 by luokelong JavaScript缺少块级作用域,没有private修饰符,但它具有函数作用域。作用域的好处是内部函数可以访问它们的外部函数的参数和变量(除了this和argument。内部中的函数中的this指向…阅读全文>>
一 02 HTML5 实现播放本地音频文件 Posted on 2012 年 1 月 2 日 by luokelong 最近制作了个简单的HTML5网页播放器,主要用到了audio标签,读取本地文件用的是FileReader API(貌似仅支持Chrome)。 还有web audio API应该也能实现播放本地音乐文件…阅读全文>>
一 02 HTML5 Canvas 与 KineticJS 结合实现的对号入座游戏 Posted on 2012 年 1 月 2 日 by luokelong 看到上面的四张动物图片了吗,下面还有四个动物形状的空洞,用鼠标拖拽动物图片到相应的空洞中去你就获胜啦。 http://www.html5canvastutorials.com/demos/labs/h…阅读全文>>
一 02 HTML5 Canvas 模拟有重力的弹弹球 Posted on 2012 年 1 月 2 日 by luokelong 用鼠标甩或丢球试试(请使用firefox、safari或chrome浏览器)。 http://demo.cnmsdn.com/demo2.html
一 02 Flash 的终极杀手 HTML5 Canvas Posted on 2012 年 1 月 2 日 by luokelong 把鼠标放上去试试,是不是看到瞄准镜啦,再点击鼠标试试,Flash被打得粉身碎骨啦。(请使用firefox、safari或chrome浏览器观看以下效果) http://demo.cnmsdn.com/…阅读全文>>
一 02 HTML5 Canvas 实现 google 弹弹球 Posted on 2012 年 1 月 2 日 by luokelong 把鼠标移动到Google logo上,弹弹球就四散逃窜开了,鼠标移除后,弹弹球又开始组装成Google Logo(请使用firefox、safari或chrome浏览器查看效果) http://www…阅读全文>>
一 02 使用 KineticJS 拖拽HTML5 Canvas 的压力测试(1000张画布) Posted on 2012 年 1 月 2 日 by luokelong 用鼠标拖拽下面的小圆圈试试(请使用firefox、safari或chrome浏览器): http://www.html5canvastutorials.com/demos/labs/html5_can…阅读全文>>
十二 31 Move.JS:实现CSS3动画的JavaScript框架 Posted on 2011 年 12 月 31 日 by luokelong CSS3 新增的过渡和转换特性可制作出很给力的动画特效,今天这篇文章要推荐的就是使用这些 CSS3 属性封装的 JavaScript 类库 – Move.js。 Move.js 是一个封装…阅读全文>>
十二 30 好用的CSS、JS代码压缩工具 Posted on 2011 年 12 月 30 日 by luokelong 之前一直使用一些在线的代码压缩工具,但受限于网络,而且被压缩过后的代码还得手动拷贝出来保存成新的文件,颇为不方便。 后来找到一个java工具,这就是大名鼎鼎的YUI compressor,这款工具压缩…阅读全文>>