stopdesign.cn

一个简单的鼠标手势模拟

noreply@blogger.com (sike) — Mon, 13 Apr 2009 15:46:00 +0000

/**
     * @author      chenqian
     * @contact     yesterday[at]gmail.com
     * @URI         www.stopdesign.cn
*/

package  
{
    import flash.display.*;
    import flash.events.*;
    import flash.geom.Point;
    import flash.text.TextField;
    
    public class MouseGesture extends Sprite
    {
        public static const GESTURE_UP:String="GESTURE_UP";
        public static const GESTURE_RIGHT:String="GESTURE_RIGHT";
        public static const GESTURE_DOWN:String="GESTURE_DOWN";
        public static const GESTURE_LEFT:String="GESTURE_LEFT";
        // the color of the drawing line
        public var lineColor:Number;    
        // the size of the drawing line         
        public var lineSize:Number;                                     
        // where the mouse start drawing
        private var _startPoint : Point;
        // where the mouse stop drawing
        private var _newPoint : Point;
        // the drawing direction
        private var _direction : String;
        // the drawing line
        private var _drawLine : Sprite;
        
        public function MouseGesture(...rest){
            trace("mouse gesture init")
            // default mouse gestrue line color and size
            lineColor=0xFF0000;
            lineSize= 2;
            
            // parse parameters
            if(rest[0] != null){    
                lineColor = rest[0];
            
            }
            if(rest[1] != null){
                lineSize=rest[1];   
            }
            
            //add the shape, used for drawing the gesture
            var child:Shape = new Shape();
            child.graphics.beginFill(0x000000);
            child.graphics.lineStyle(0, 0xFFFFFF);
            child.graphics.drawRect(0, 0, 1600, 1600);
            child.graphics.endFill();
            addChild(child);
            child.alpha=0;
            _drawLine = new Sprite();
            addChild( _drawLine );
            addEventListener( MouseEvent.MOUSE_DOWN , mouseDownHandler );
        }
        // set the gesture color
        public function setLineColor(c:Number):void{
            lineColor=c;
        }
        // set the gesture size
        public function setLineSize(s:Number):void{
            lineSize=s;
        }
        
        // fire when user press mouse down
        private function mouseDownHandler( e:MouseEvent ):void
        {
            
            var _color : Number = lineColor;
            var _size : Number = lineSize;
            _startPoint = new Point( mouseX , mouseY );
            _drawLine.graphics.lineStyle( _size , _color , 1.0 );
            _drawLine.graphics.moveTo( _startPoint.x , _startPoint.y );
            addEventListener( MouseEvent.MOUSE_MOVE , mouseMoveHandler );
            addEventListener( MouseEvent.MOUSE_UP , mouseUpHander );
        }
        
        // fire when user move the mouse
        private function mouseMoveHandler( e:MouseEvent ):void
        {
            _newPoint = new Point(  mouseX , mouseY );
            var _distance : Number = Point.distance( _startPoint , _newPoint );     
            _drawLine.graphics.lineTo( _newPoint.x , _newPoint.y );
        }
        
        // fire when user's mouse is up
        private function mouseUpHander( e:MouseEvent ):void
        {
            detectDir();                        
            _drawLine.graphics.clear();
            removeEventListener( MouseEvent.MOUSE_MOVE , mouseMoveHandler );
            removeEventListener( MouseEvent.MOUSE_UP , mouseUpHander );
        }
        
        /* detecting the mouse move direction */
        private function detectDir():void 
        {
            var _vector:Point = _newPoint.subtract( _startPoint );
            var _angle : Number = Math.atan2( _vector.y , _vector.x )  * 180 / Math.PI;
            // move down
            if ( _angle >= 45 && _angle < 125 ){
                dispatchEvent(new Event(MouseGesture.GESTURE_DOWN,true));
                removeEventListener( MouseEvent.MOUSE_MOVE , mouseMoveHandler );
                removeEventListener( MouseEvent.MOUSE_UP , mouseUpHander );             
            }   
            // move left
            else if ( _angle >= 125 || _angle < -125 ){
                dispatchEvent(new Event(MouseGesture.GESTURE_LEFT,true))        
                removeEventListener( MouseEvent.MOUSE_MOVE , mouseMoveHandler );
                removeEventListener( MouseEvent.MOUSE_UP , mouseUpHander );             
                
            }   
            // move right
            else if ( _angle >= -45 && _angle < 45 ){
                dispatchEvent(new Event(MouseGesture.GESTURE_RIGHT,true))
                removeEventListener( MouseEvent.MOUSE_MOVE , mouseMoveHandler );
                removeEventListener( MouseEvent.MOUSE_UP , mouseUpHander );             
                
            }   
            // move up
            else if ( _angle >= -125 && _angle < -45 ){
                dispatchEvent(new Event(MouseGesture.GESTURE_UP,true))
                removeEventListener( MouseEvent.MOUSE_MOVE , mouseMoveHandler );
                removeEventListener( MouseEvent.MOUSE_UP , mouseUpHander );             
                
            }   
        }
    }
}

简单地玩augmented reality

noreply@blogger.com (sike) — Thu, 09 Apr 2009 10:47:00 +0000

把上面这张图片发送到你手机中，比如用gmail发给自己，然后在手机中下载打开，接着前往这个网址，打开摄影头，就有类似的东西出现在你面前了：

更多...

SIMBL与AIR应用的冲突

noreply@blogger.com (sike) — Sat, 27 Dec 2008 07:22:00 +0000

如果你在使用 HTML+JS 的方式构建 AIR 应用，那么在 mac 中可能由 SIMBL (Smart InputManager Bundle Loader) 引起 crash，不管应用多简单。解决方法是暂时重命名SIMBL文件夹(或等AIR更新)，比如改为： /Library/Application Support/SIMBL01/

常用的DOM操作、事件

noreply@blogger.com (sike) — Tue, 09 Dec 2008 12:36:00 +0000

来自:Dustin Diaz，我加上了删除事件。

var Dom = {
  get: function(el) {
    if (typeof el === 'string') {
      return document.getElementById(el);
    } else {
      return el;
    }
  },
  add: function(el, dest) {
    var el = this.get(el);
    var dest = this.get(dest);
    dest.appendChild(el);
  },
  remove: function(el) {
    var el = this.get(el);
    el.parentNode.removeChild(el);
  }
  };
  var Event = {
  add: function() {
    if (window.addEventListener) {
      return function(el, type, fn) {
        Dom.get(el).addEventListener(type, fn, false);
      };
    } else if (window.attachEvent) {
      return function(el, type, fn) {
        var f = function() {
          fn.call(Dom.get(el), window.event);
        };
        Dom.get(el).attachEvent('on' + type, f);
      };
    }
  }(),
  remove:function(){
     if (window.removeEventListener) {
      return function(el, type,fn) {
        Dom.get(el).removeEventListener(type, fn,false); 
      };
    } else if (window.detachEvent) {
      return function(el, type, fn) {
        Dom.get(el).detachEvent('on' + type);
      };
    }
    }()
 };

使用时类似：Event.add('domId', 'click',install);
和 AS 中的 tweener 语法挺像的：

Tweener.addTween(event.displayObject3D, {
     rotationY:180,
     time:0.5,
     transition:"easeOutQuart"
    } );

分享2个bookmarklet

noreply@blogger.com (sike) — Thu, 27 Nov 2008 13:21:00 +0000

一个是 Aardvark, 一点不逊于 firebug 的东西，在许多介绍 web 开发用的 firefox 插件的文章都没有提到过。Aardvark 在不太熟悉现有 HTML 结构与已有 CSS 规则时显得特别方便，因为通过它可以方便的查阅整个 HTML DOM 的相关信息，包括实时地删除它们、改变颜色、查看格式化的部分源代码等等。 Aardvark 同时提供了 firefox 插件和 bookmarklet。
另一个是 Jash, 跟 ipython 一样，作为一个好的 console，自动补全自然必不可少，console 本身可以做为很好的学习工具。Jash 同样是基于 bookmarklet, 不用考虑跨浏览器的问题。比如我现在大部分时间都用 safari, 配合 quicksilver 的 safari module，就可以方便地调用。Jash 可以实时地写入 CSS, 这在 IE 中就特别有用，比如要测试远程的 CSS 规则，在 Jash 中 ctrl+s 再把样式定义写进去就可以了。Jash 本身也是用 javascript 写成的，所以如果你觉得哪个地方用得不顺手，完全可以自己改写它。
这2个东西都有良好的快捷键支持，好软件都有这个特征。
写完这个就发现：
15 Must-Have Bookmarklets For Web Designers And Developers
另外，这个周末会去 D2 论坛看看，可以看到一些熟悉的 ID。

Social software graph

noreply@blogger.com (sike) — Wed, 26 Nov 2008 13:20:00 +0000

via

from random import uniform
graph = ximport('graph')

size(500, 300)

def curly_edge(style, path, edge, alpha=1.0):
    path.moveto(edge.node1.x, edge.node1.y)
    path.curveto(
        edge.node1.x + 40,
        edge.node1.y,
        edge.node2.x + 40,
        edge.node2.y,
        edge.node2.x,
        edge.node2.y,
    )
g = graph.create(distance=0.4)

for service in ('VeryCD', 'Twitter', 'Last.fm', 'Douban', 'theFlashBlog','Latest Macromedia News',
                'Delicious', 'Google Reader', 'Flickr', ):
    g.add_node(service, radius=5)

# connect services with FriendFeed
for service in ('Twitter', 'Last.fm', 'Delicious', 'Google Reader', 'Flickr','LinkedIn'):
    g.add_edge(service, 'FriendFeed', length=uniform(50,100))

g.styles.default.edge = curly_edge
g.solve()
g.draw()

Photo Booth AIR 更新

noreply@blogger.com (sike) — Wed, 19 Nov 2008 15:28:00 +0000

导出成功时加入了 Growl 的提示。由于命名空间会跟 mx.core 包里 Application 起冲突，Growl 的应用程序窗口只能显式地定义为：a = new com.adobe.growl.Application();

photo booth air

noreply@blogger.com (sike) — Mon, 10 Nov 2008 16:40:00 +0000

http://www.stopdesign.cn/air/booth/
把 photo booth port 到 AIR 上，相比 mac 自带的 photo booth 当然简陋很多…点击生成的照片在桌面，生成成功暂时没有提示。

分享我在用的textmate bundles

noreply@blogger.com (sike) — Mon, 10 Nov 2008 13:23:00 +0000

frontend.zip 主要来自minimaldesign.net，我增加了一些常用的东西，比如 reset CSS, toggle display, $(dollar), addEvent 等，使用时，如输入 dollar 再 tab 就会出来 getElementById 的替代函数 $()。更多可以通过 bundle editor 看到。（这些东西太常用了，DRY)。具体使用效果可以参考这个视频。

iphone的短信界面

noreply@blogger.com (sike) — Thu, 06 Nov 2008 14:31:00 +0000

发现原来 Adium 的聊天窗口界面是用 HTML+CSS 写的，我把其中的内容拿出来做了个演示，由于 CSS 中没有类似 flash 9-slice 的概念，这种糖果条的设计就要依赖许多额外的标签，许多 Adium 的主题都是这样处理的。

safari插件

noreply@blogger.com (sike) — Wed, 29 Oct 2008 15:02:00 +0000

如果经常使用 safari 会发现一些不友好的地方，比如每个标签页旁边的关闭按钮，不小心就会点到，而又不能打开刚关闭的标签；不能随时把窗口最大化（不是全屏）；标签旁边没有所访问网站的 favicon；进阶点不支持鼠标手势等等。虽然换 firefox 一些问题就可以得到解决，不过 firefox 作为浏览器始终容易变得臃肿（特别在同时开许多标签页、装许多扩展的情况下），更适合当开发工具。
还好，safari 的这些小问题是可以解决的。

第一个python程序

noreply@blogger.com (sike) — Thu, 25 Sep 2008 17:05:00 +0000

# search IMDB TOP 250 in VeryCD 
# Author: chenqian 
# URL: www.stopdesign.cn 
 
import urllib2 
from BeautifulSoup import BeautifulSoup 
 
page = urllib2.urlopen("http://www.imdb.com/chart/top") 
soup = BeautifulSoup(page.read()) 
div=soup("table")[11] 
vcurl='' 
for i in div: 
 movies = i.contents[2].contents[0].contents[0].contents[0] 
 #print movies   
 vcurl+="<a href='http://www.verycd.com/search/folders/"+movies+"'>"+movies+"</a><br />\n" 
 # age print i.contents[2].contents[0].contents[1] 
              
filename = "top250.html" 
file = open(filename, 'w') 
file.write(vcurl) 
file.close()

用到了beautiful soup，结果在：top250.html

一些有用的快捷键

noreply@blogger.com (sike) — Tue, 23 Sep 2008 14:47:00 +0000

在终端中：

CTRL + A — 移动到行首
CTRL + E — 移动到行末
CTRL + U — 清除全行
CTRL + B — 向后移动一字符
CTRL + F — 向前移动一字符
CTRL + H — 删除一字符，和delete一样
CTRL + W — 删除最后输入的单词
CTRL + C — 撤销运行中命令
CTRL + D — 退出当前会话

之前还老问KFF怎么移动到行首，被告知可以 fn+shift+左/右，今天看到更快捷的方式，原来 CTRL+C 是有一系列。UNIX 真的很有趣，时不时地 man 会发现许多神奇的东西，包括有时 man man 本身。而当你发现一个东西好用之后，就越发想用它来做更多事情，极致就是完全用键盘工作了。
另外：
fn+上/下/左/右—page up/page down/home/end

一款新出的可用性测试软件

noreply@blogger.com (sike) — Tue, 16 Sep 2008 14:26:00 +0000

来自 clearleft 新推出的 silverback，除了录制用户的操作，同时会在屏幕中显示用户使用过程的录像，跟我们在一般的用户测试录像中看到的一样。
优点：简洁，捕捉鼠标、键盘操作；
缺点：Mac-only，用户录像窗口不能设置大小，不能针对某个窗口录制，只能导出mov格式。

网站需要在所有的浏览器中看起来都一模一样吗？

noreply@blogger.com (sike) — Sun, 14 Sep 2008 07:23:00 +0000

do websites need to look exactly the same in every browser?

一篇很长的演讲稿

noreply@blogger.com (sike) — Tue, 09 Sep 2008 17:11:00 +0000

http://www.cooper.com/journal/agile2008/

收到书了

noreply@blogger.com (sike) — Mon, 01 Sep 2008 15:09:00 +0000

收到了蓝色理想寄过来的 flex 书，书已是伤痕累累…
代码部分:

import flash.filters.BitmapFilter;
import flash.filters.BitmapFilterQuality;
import flash.filters.BitmapFilterType;
import flash.filters.GradientBevelFilter;
import flash.text.TextField;
import flash.text.TextFieldType;
import flash.display.Sprite;
stage.scaleMode = StageScaleMode.NO_SCALE;
var url:String = "sound.mp3";
var request:URLRequest = new URLRequest(url);
var s:Sound = new Sound();
s.addEventListener(ProgressEvent.PROGRESS, progressHandler);
s.addEventListener(Event.COMPLETE, completeHandler);
s.load(request);
var song:SoundChannel = s.play();
song.addEventListener(Event.SOUND_COMPLETE, soundCompleteHandler);
var ba:ByteArray = new ByteArray();
var gr:Sprite = new Sprite();
gr.x = 20;
gr.y = 200;
addChild(gr);
/*
 var bgColor:uint     = 0xCCCCCC;
 var size:uint        = 80;
 var offset:uint      = 50;
 var distance:Number  = 5;
 var angleInDegrees:Number = 225; // opposite 45 degrees
 var colors:Array     = [0xFF0000, 0xFFFFFF, 0x000000];
 var alphas:Array     = [1, 0, 1];
 var ratios:Array     = [0, 128, 255];
 var blurX:Number     = 8;
 var blurY:Number     = 8;
 var strength:Number  = 2;
 var quality:Number   = BitmapFilterQuality.HIGH
 var type:String      = BitmapFilterType.INNER;
 var knockout:Boolean = true;
 var filter:BitmapFilter=new GradientBevelFilter(distance,
                                           angleInDegrees,
                                           colors,
                                           alphas,
                                           ratios,
                                           blurX,
                                           blurY,
                                           strength,
                                           quality,
                                           type,
                                           knockout);
*/
var bgColor:uint = 0xCCCCCC;
var size:uint    = 80;
var offset:uint  = 50;
var distance:Number  = 0;
var angleInDegrees:Number = 45;
var colors:Array     = [0xFFFFFF, 0xFF0000, 0xFFFF00, 0x00CCFF];
var alphas:Array     = [0, 1, 1, 1];
var ratios:Array     = [0, 63, 126, 255];
var blurX:Number     = 50;
var blurY:Number     = 50;
var strength:Number  = 2.5;
var quality:Number   = BitmapFilterQuality.HIGH;
var type:String      = BitmapFilterType.OUTER;
var knockout:Boolean = false;
var filter:BitmapFilter=new GradientGlowFilter(distance,
                                          angleInDegrees,
                                          colors,
                                          alphas,
                                          ratios,
                                          blurX,
                                          blurY,
                                          strength,
                                          quality,
                                          type,
                                          knockout);

var farr:Array=new Array();
farr.push(filter);
var time:Timer = new Timer(50);
time.addEventListener(TimerEvent.TIMER, timerHandler);
time.start();
function createTextField(x:Number, y:Number, width:Number, height:Number):TextField {
 var result:TextField = new TextField();
 var format:TextFormat = new TextFormat();
 format.font = "Verdana";
 format.color = 0xFF0000;
 format.size = 10;
 result.defaultTextFormat = format;
 result.x = x;
 result.y = y;
 result.width = width;
 result.height = height;
 addChild(result);
 return result;
}
var loading:TextField = createTextField(0, 20, 200, 20);
var loadstr:String;
function progressHandler(event:ProgressEvent):void {
 loadstr=String(Math.floor((event.bytesLoaded/event.bytesTotal)*100));
 loading.text=loadstr;
 trace(loadstr);
 //trace(" bytesLoaded=" + event.bytesLoaded + " bytesTotal=" + event.bytesTotal);
}
function completeHandler(event:Event):void {
 //loading.visible=false;
 //s.removeEventListener(ProgressEvent.PROGRESS, progressHandler);
 event.target.play();
}
function soundCompleteHandler(event:Event):void {
 time.stop();
}
function timerHandler(event:TimerEvent):void {
 SoundMixer.computeSpectrum(ba, true);
 var i:int;
 gr.graphics.clear();
 gr.graphics.lineStyle(0, 0xFFFFFF);
 gr.graphics.beginFill(0xFFFFFF);
 gr.graphics.moveTo(0, 0);
 var w:uint = 2;
 for (i=0; i<512; i+=w) {
  var t:Number = ba.readFloat();
  var n:Number = (t * 100);
  gr.graphics.drawRect(i, 0, w, -n);
  gr.filters=farr;
 }
}

ubiquity

noreply@blogger.com (sike) — Sat, 30 Aug 2008 13:46:00 +0000

ubiquity 是 Aza Raskin (Mac 之父的儿子) 新推出的一个 firefox 插件，像是基于浏览器的 quicksilver 。现在要在浏览器中完成一些任务不得不在几个窗口之间切换，比如想在邮件中插入一张地图，就得先打开一个窗口搜索地名，再切换到邮箱中贴上图或者地址，而有了 ubiquity ，这些操作都可以在一个窗口内轻松地实现。许多 web 服务都提供了 API，一般都可以用 javascript 方便地调用，比如花几分钟依样画葫芦地写一个更新饭否的功能。也可以用它来做 js 调试器，未释出前的版本就自带有一个。


const fanfou_STATUS_MAXLEN = 140;
CmdUtils.CreateCommand({
  name: "fanfou",
  takes: {status: noun_arb_text},
  homepage: "http://www.stopdesign.cn/ubiquity/",
  author: {name: "chen qian", homepage: "http://stopdesign.cn/"},
  license: "MPL",
  preview: function(previewBlock, statusText) {
    var previewTemplate = "更新你的饭否: <br/>" +       
                          "<b>${status}</b><br /><br />" + 
                          "Characters remaining: <b>${chars}</b>";

    var truncateTemplate = "<br />超出的 <b>${truncate}</b> " + 
                           "会被截断!";
    var previewData = {
      status: statusText.text,
      chars: fanfou_STATUS_MAXLEN - statusText.text.length
    };
    var previewHTML = CmdUtils.renderTemplate(previewTemplate,
                                                    previewData);
    if(previewData.chars < 0) {
      var truncateData = {
        truncate: 0 - previewData.chars
      };
      previewHTML += CmdUtils.renderTemplate(truncateTemplate,
                                                   truncateData);
    }
    previewBlock.innerHTML = previewHTML;
  },
  execute: function(statusText) {
    if(statusText.text.length < 1) {
      displayMessage("fanfou requires a status to be entered");
      return;
    }
    var updateUrl = "http://api.fanfou.com/statuses/update.json";
    var updateParams = {
      source: "ubiquity",
      status: statusText.text
    };
    jQuery.ajax({
      type: "POST",
      url: updateUrl,
      data: updateParams,
      dataType: "json",
      error: function() {
        displayMessage("出现错误，更新失败");
      },
      success: function() {
        displayMessage("饭否更新成功");
      }
    });
  }
});

发点牢骚

noreply@blogger.com (sike) — Fri, 15 Aug 2008 14:57:00 +0000

今天打开 greader，看到一堆在评论 ECMAScript 4 被停滞的文章，刚好最近一直在做 javascript 方面的工作，相当大一部分时间都是在解决跨浏览器之间的问题，代码中也充斥着判断，如果是 IE 就怎么样，如果不是又怎么样。一个合理的情况这些判断是不应该存在的，包括 quirksmode.org 这样的网站都不应该存在(现实情况是 google 会经常把你带到这里去)。这使开发人员不能集中注意于任务，而要分心在实现手段上了。相反，flash 开发中基本都是一次开发，到处分发。特别是基于 ECMAScript 4 的 actionscript3，引入了诸如 namespaces、packages 等概念，让人想着以后 javascript 也能这样写就爽了，可是，现在就这样泡汤了。不过还好 actionscript 会继续按照开发社区的呼声走下去，支持那些合理的东西，毕竟 flash player 独立些，不用屈从于厂商的意愿，或者说它本身就是一厂商。

About “Fleximagically Searchable”

noreply@blogger.com (sike) — Sat, 02 Aug 2008 18:23:00 +0000

I'm interested in Ryan 's flex SEO contest, and here is my simple flex application, the keywords phrase is dynamically generated when you click the tab.

How to support gesture in safari

noreply@blogger.com (sike) — Wed, 04 Jun 2008 13:04:00 +0000

There is one useful plugin in firefox called 'all in one gesture', and I use the backward or forward gesture most of the time while surfing online. Unfortunately safari doesn't support this kind of plugins. These days I happen to find a quicksilver plugin--abracadabra, which let you do anything quicksilver can do with mouse gesture.
If you have installed abracadabra in quicksilver, simply drag these two link(back , forward) to your safari's bookmark bar. Then create the new gesture triggers in quicksilver and locate to safari>bookmarkBar>back(or forward). Now you can custom a gesture which you want the back or forward action to take effect. This is handy and make your safari more friendly.

flash版的共饭

noreply@blogger.com (sike) — Sat, 24 May 2008 16:46:00 +0000

点击图像打开，
google map API flash 版出来了，不过暂时只能在 flex 中使用，做了一个简单的演示，读取饭否中最新发布的20条消息，等待改善。

期待与易用

noreply@blogger.com (sike) — Tue, 22 Apr 2008 13:25:00 +0000

当一件东西能够以被期待的方式运行，那它就是易用的。就是这样！这就是关于可用性的一切！像Hillel所说，其它的一切都是解说词。
The Joel on software

看到有人在抱怨 mac 窗口中左上角绿色按钮最大化的问题，在 windows 中，你点最大化按钮，窗口真的就最大化，可是在 mac 中，窗口会根据包含的内容放大到一定程度，多数情况下并不是真正的最大化，有的认为这是为了方便进行多任务工作，可是我点绿色按钮时都是希望窗口最大化的，这样可以专注于当前的任务。这基本又是一则有关“期待”的问题，事实不止一个人有这种期待。许多易用性的问题说到底是期待的问题，当你以 windows 的期待来用 mac 时，可能会觉得：这个东西怎么这么难用？反之亦然。类似的例子还有许多，当你希望用 photoshop 的一些快捷键来操作 GIMP 的，可能有时会想杀人（比如当你想取消选择时在 PS 中是 ctrl+d，而这在 GIMP 中是复制并新建一份当前文档）。当你以这种观点来审视许多日用品或公共设施时，会发许多易用性问题，比如，当你在按完某个按钮觉得空调应该出来冷风它却出来热风时，当你接上插头灯也亮了出去溜达回来发现电饭锅里的饭却还没有开始煮时，但你对着洗衣机的许多按钮开始琢磨洗这几件衣服到底是该按顺序按哪几个按钮时，当你在某个商店莫名其妙突然脚踩空时……等等许多，说明这些日用品的设计没有解决好你的期待。
关于期待还可以引出其它话题，比如人本界面的一个特征：“对新手可用，对专家高效，并且之间的过渡不需要二次培训。” google 的几个产品很好地诠释了这一特征：在你每天使用的 gmail 或 google reader 中输一下"?"，就会出来你使用该产品所需要的所有快捷键。对于一些人可能完全用不到这些快捷键，用鼠标同样可以完成看文章、写邮件的任务；而对一些人，这些快捷键显著提高了他们看文章、回复邮件的效率。另外一个例子就是 quicksilver，没有它当然也可以完成许多操作，但是有了它，整个 mac 的操作体验上升了一个层次。
人本界面另外一个特征是：所有可以点击的东西都应该做得看起来是可以点击的，比如 youtube 的上传按钮；

点击图像放大

反过来，那些不可以点击的东西最好不要做得看起来像可以点的，比如“别来无恙”的几个标题：

点击图像放大

mac中的flash调试

noreply@blogger.com (sike) — Tue, 08 Apr 2008 12:33:00 +0000

1.下载 flash debug player
2.在 "/Library/Application Support/Macromedia" 目录下新建一个 mm.cfg ，包含以下信息：

ErrorReportingEnable=1
TraceOutputFileEnable=1
MaxWarnings=500
TraceOutPutFileName=Macintosh HD:Users:{username}:Library:Preferences:Macromedia:Flash Player:Logs:flashlog.txt

#最后一条为相应目录下的 flashlog.txt ，没有则新建。路径是冒号不是斜杆。
3.然后就可以使用 tail -f flashlog.txt trace flash 中的内容了。
更新：或者可以使用 geek tool 直接输出到桌面上。

一个搜索verycd资源的bookmarklets

noreply@blogger.com (sike) — Mon, 31 Mar 2008 04:01:00 +0000

VeryCD拖动上面的链接到书签工具栏，选中页面中的文字，点击开始搜索，适合在浏览豆瓣类网站时使用。