Ext GWT Grid, Grid Plugins, and EditableGrid

javascript No Comments »

Link: Ext GWT Grid, Grid Plugins, and EditableGrid

Ext GWT 1.1 development is moving along nicely and includes a new Grid component. Grid is based on the Ext JS Grid and will support the same features including grid plugins, grouping, totaling, and inline editing.

上次有提到Ext的另一个项目Ext GWT ,这个是它的Gird包括可编辑的Grid。风格一如Ext JS,黑好看。

可惜现在项目是用的DOJO,一直没有在项目中用过Ext,只做了些Demo,有机会一定要试试。

忘了说,这个东东现在已经在SVN上了。

  • Share/Bookmark

jQuery Sparklines

javascript 2 Comments »

Link: jQuery Sparklines

This jQuery plugin generates sparklines (small inline charts) directly in the browser using data supplied either inline in the HTML, or via javascript.

基于jQuery的微型图表,使用也很方便

$(selector).sparkline(values, options);

网站上还有一个动态Demo

Download Version 1.0: jquery.sparkline.js

  • Share/Bookmark

My Firefox extensions

software No Comments »

正在使用的Firefox3扩展,进入到Fx3之后,性能有了很大的提高,加上无敌的扩展,太帅气了。

  1. Adblock Plus 0.7.5.5(借用它的广告词广告已成往事)
  2. DictCN 3.1.1(在线词典)
  3. Easy DragToGo 1.1.2.1 (拖曳打开链接)
  4. Firebug 1.2.0b6 (最牛X的调试扩展)
  5. Fission 1.0 (仿Safari,在地址栏显示进度条)
  6. Flagfox 3.2.7 (显示打开网站位置的国旗)
  7. FlashGot 1.0.4.5 (调用外部下载工具的管理器)
  8. Foxmarks Bookmark Synchronizer 2.1.0.14 (书签同步)
  9. gladder 2.0.2.2 (自动查找代理服务器,翻墙)
  10. IE Tab 1.5.20080618 (把IE内嵌到Fx中,打开一些非标准的网站)
  11. Rainbow for Firebug 0.6 (用于Firebug的JS高亮扩展的扩展)
  12. Tab Mix Plus 0.3.6.1.080416 (加强标签页浏览功能)
  13. Tiny Menu 1.4.9 (用简洁弹出菜单代替菜单栏)
  14. Web Developer 1.1.6 (为Web开发者提供的工具条)
  15. wmlbrowser 0.7.18 (打开Wap站点)
  16. YSlow 0.9.5b2 (又一Firebug扩展的扩展用于开发者提高网站性能)

PS:Fx版本3.0.1

  • Share/Bookmark

The 5 Best Firebug Extensions

development, javascript, webdesign No Comments »

Link: The 5 Best Firebug Extensions

5个Firebug 的扩展,Firebug是Web开发时用于查看编辑调试HTML、CSS、JS最牛X的Fx扩展。这次这5个可以算得上是扩展的扩展了;)

1、YSlow(homepage)

YSlow analyzes web pages and tells you why they’re slow based on the rules for high performance web sites. YSlow is a Firefox add-on integrated with the popular Firebug web development tool.

用于分析页面,生成报告,以此来让你调整代码,建立高性能的网站。

Install YSlow

Read the rest of this entry »

  • Share/Bookmark

wordpress 2.6 update

other 2 Comments »

WordPress 2.6 更新有段时间了,今天抽空更新了一下。

新的后台管理有点不习惯(因为是从WP2.3升级过来的)嘿嘿,总的来说功能上的变化还是比较大的。

更新说明详见官方:http://wordpress.org/development/2008/07/wordpress-26-tyner/ (En)

http://wpchina.org/wordpress-26-new-features-offical-guide-277/ (Zh_cn)

  • Share/Bookmark

SoundManager 2

javascript No Comments »

Link: SoundManager2

SoundManager 2 is an attempt at providing the sound API which Javascript has been missing. It’s a Javascript library which wraps and extends Flash’s sound capabilities, bringing cross-platform audio functionality to Javascript.

soundmanager2

<-- include SM2 library --><script type="text/javascript" src="/path/to/soundmanager2.js"></script><-- configure it for your use --><script type="text/javascript">soundManager.url = '/path/to/sm2-flash-movies/'; // directory where SM2 .SWFs live

// disable debug mode after development/testing..

// soundManager.debugMode = false;

soundManager.onload = function() {

// SM2 has loaded - now you can create and play sounds!

soundManager.createSound('helloWorld','/path/to/hello-world.mp3');


  soundManager.play('helloWorld');

}

</script>

Read the rest of this entry »

  • Share/Bookmark

Flexigrid

javascript No Comments »

Link: Flexigrid

flexigrid

Lightweight but rich data grid with resizable columns and a scrolling data to match the headers, plus an ability to connect to an xml based data source using Ajax to load the content.

Similar in concept with the Ext Grid only its pure jQuery love, which makes it light weight and follows the jQuery mantra of running with the least amount of configuration.

Read the rest of this entry »

  • Share/Bookmark

A safety fence for your property lookups

javascript No Comments »

Link:“Safety fence” for accessing properties

一个很有用的小技巧,在null.property的时候,将返回一个error而不是undefined。

所以为了避免这个问题,一般情况下我们这样写

if ((node) &&(node.nextSibling) &&(node.nextSibling.className == ...)

... ) {

...

}

在访问对象属性的时候,先要判断对象是否存在。

作者提出了以这样的方式

if ( next = (node || 0).nextSibling) ) {   ...}

这样原来上面那一串判断就变成了这样

if (((node || 0).nextSibling || 0).className == ...) {

   ...

}

是不是很Cool啊

  • Share/Bookmark
WP Theme & Icons by N.Design Studio
Entries RSS Comments RSS Log in