一个很Cool的firebug插件: Firediff

firediff 是一个很有用的firebug插件,它可以跟踪页面中的dom变化,并且及时显示变化的情况。

firediff需要 firebug 1.4a17 以上的版本才能运行

查看更多...

Tags: firebug firediff dom

分类:Javascript | 固定链接 | 评论: 4 | 引用: 0 | 查看次数: 2356

Google启动Chrome体验网站,大炫Chrome和JavaScript威力

 

Google Chrome昨天Google发布了新的测试版Chrome,该版本具有更快的V8引擎(Google的JavaScript引擎)。今天,Google又启动了Chrome体验网站,对JavaScript游戏、软件、和可视化应用进行了全面展示。该网站旨在凸显V8和Chrome结合带来的强大功能,但是部分应用也适用于Firefox,Safari和IE。经过我们的测试发现Chrome的确更胜一筹。

Chrome体验网站目前包括19个产品,Google计划以后添加更多新的应用产品,并且鼓励程序开发人员向该网站提交自己的JavaScript作品。

 

重点概要

查看更多...

分类:Javascript | 固定链接 | 评论: 7 | 引用: 0 | 查看次数: 3086

firefox 3.1 beta3 午夜版来了

200903061407.jpg

firefox 3.1 beta3 可以下载了,根据自己的系统和语言偏好下载合适的版本吧

http://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/3.1b3-candidates/build2/

Tags: Firefox

分类:Javascript | 固定链接 | 评论: 9 | 引用: 0 | 查看次数: 1762

canvas视频处理

canvas越来越有才了, 现在我们可以用video和canvas结合在一起,实现电影拍摄常用的手段-绿幕抠图的效果.


Mozilla Firefox 3.1 Beta 2.jpg

先来看看这个例子 (需要firefox 3.1)

看似复杂的表现,其实代码才42行

查看更多...

Tags: canvas

分类:Javascript | 固定链接 | 评论: 4 | 引用: 0 | 查看次数: 2526

Canvas 3D 演示

Canvas 3D 演示, 其实这是个日本人开发的3D的衣服和贴图演示, 效果很不错, 第二个演示中,由于三角形面积太多,目前的浏览器渲染有点慢.

目前目测结果看,safari 4.0速度最优.

http://gyu.que.jp/jscloth/

js cloth.jpg

查看更多...

Tags: canvas

分类:Javascript | 固定链接 | 评论: 8 | 引用: 0 | 查看次数: 3664

javascript物理引擎

Box2DJS 是一个javascript的物理引擎。当然它需要浏览器支持canvas

官方站点上有一些不错的演示: http://box2d-js.sourceforge.net/index2.html

不知道canvas会不会是浏览器的下一个优化的目标呢?从这些例子上看,物体多后还是比较卡的。

Tags: Physics canvas

分类:Javascript | 固定链接 | 评论: 8 | 引用: 0 | 查看次数: 3233

HTML5的离线版Gmail演示

Google的工程师们给我们带来了使用Html5.0 database的离线版本的Gmail for iphone.


大家都知道HTML 5.0有个很重要的特性就是客户端的SQLLite支持, 当然目前已经支持的浏览有 Safari 3.1 和 safari for iphone.

下面的视频给大家演示了iphone上面的离线版本Gmail

相关链接:
html5.0 离线版Gmail 演示
html5.0 客户端存储文档

Tags: offline html5 safari GMail

分类:Javascript | 固定链接 | 评论: 5 | 引用: 0 | 查看次数: 3427

Mozilla 表达式: __noSuchMethod__

Firefox.jpg

这是一个很特殊的方法,但是其存在的意义很大。不过很可惜只有firefox支持了。一个简单的例子解释一下它的用处

查看更多...

Tags: 容错 Firefox

分类:Javascript | 固定链接 | 评论: 4 | 引用: 0 | 查看次数: 640

使用html5技术的在线代码编辑器 -Bespin

Mozilla Lab的最新项目 Bespin 发布了。这个是一个使用了html5技术的代码编辑器。(当然ie自然没戏)

试用了一下,代码高亮,以及行号的体验都很不错,唯一可惜的是不能输入中文。。。

用firebug分析了一下页面结构,发现 Bespin的编辑器是使用canvas来实现的。这点比较有意思,而且官方也给出了源代码。canvas在以后将大有作为呀,不过我们的老朋友IE什么时候才能支持呢。

查看更多...

Tags: code editor

分类:Javascript | 固定链接 | 评论: 12 | 引用: 0 | 查看次数: 5387

收藏两个JQ作者的ppt

这是John Resig(jQ作者, 目前在mozilla工作)最近的两次演讲的ppt,

The DOM is a Mess @ Yahoo

杂乱不堪的DOM,以后的dom操作是querySelector的天下。

视频 幻灯片

Performance Improvements in Browsers

查看更多...

分类:Javascript | 固定链接 | 评论: 5 | 引用: 0 | 查看次数: 1628