看来 ruby 的“一切皆是对象”的概念已经深入人心了啊…

</p> <p><script></p> <p>var FOOONLINE = function(){</p> <p>var message = 'Merry Christmas!';</p> <p>return {</p> <p>showMessage: function(){</p> <p>alert(message);</p> <p>}</p> <p>}</p> <p>}();</p> <p>FOOONLINE.showMessage()</p> <p></script></p> <p> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

就此代码作者做了两点解释：

1.结尾的 }(); 和地址栏的用法相似，避免在当前位置输出（return）

2.var message 限制了 message 的作用域，因为你很可能在其他函数中也需要用到 message。

via Writing Responsible JavaScript

这是Mark Norman Francis 设计的 tag cloud，这是他的分析文章 Marking Up a Tag Cloud

大致内容如下：

del.icio.us 不够 semantic

flickr 内容和样式没有分离

technorati 不错，可是 em 大量嵌套

这是 Mark Norman Francis 设计的 tag cloud 代码片断

1. 44 photos are tagged with 125 Shaftesbury Avenue
2. 2 photos are tagged with airline food

很奇怪，他自己提到微格的 rel=”tag”却没有写。总的来说，还不错，看来我的 tags 也要改改了。

有趣的效果。原文在此 CSS Production Notes

html 代码

1. This project will use XHTML1.0 Strict, CSS2.1 and all that malarkey. These notes will help us to keep track of any issues right here in the document.

   1 November 2006 | 09.00 GMT

CSS部分

ol#notes {

width : 300px;

height : 320px;

background : url(im.png) repeat;

border : 1px solid #333;

border-bottom-width : 2px;

-moz-border-radius : 6px; /* Will not validate */}

ol#notes blockquote:before {

content : ” “attr(cite)” said: “;

margin-left : 0;

font-weight : bold; }

ol#notes blockquote[cite="Andy"] p:first-child { background : url(malarkey.png) no-repeat 5px 5px; }

ol#notes { position : absolute;

opacity : .25;

z-index : 2000;

top : -305px;

left : 20px; }

ol#notes:hover, ol#notes:focus {

top : 0;

opacity : 1; }

可以在论坛或者blogroll之类的地方表明你的态度，嘿嘿…

</p> <style> <p>a {text-decoration:none;color:#000;font-size:12px;}</p> <p>a[rel~="老板"] {text-decoration:line-through;}</p> <p>a[rel~="同事"] {font-weight: bold;}</p> <p>a[rel~="朋友"] {color:green;font-size:140%;}</p> <p>a[rel~="敌人"] {color:red;}</p> <p>a[rel~="傻X"]:after {content:”（傻X一个）”;color:#999;font-size:75%}</p> </style> <p><a href="#1" rel="老板 同事">Lei Li</a></p> <p><a href="#1" rel="朋友 同事">龚睿</a> </p> <p><a href="#1" rel="同事 敌人 傻X">公司的XX人</a> </p> <p><a href="#1" rel="朋友">ffish</a> </p> <p> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

普通链接和类似下面这样的写法，我们都见多了。

那为什么不能

Subscribe to my RSS feed

通过这种方式告诉 user agent 这个链接是feed。

rel 并没有严格的定义，所以你也可以

need help?

这是个帮助信息。

microformats（微格）应用

Licensed under a Creative Commons attribution license

告知这是license

Learn more about semantic markup

告知这个链接的最后部分就是这个链接的 tag

XFN 应用

Xhtml Friends Network，my.opera.com 使我最早看见 XFN应用的地方。一种描述人际关系的xml格式。

Drew McLellan

这是作者的朋友

Drew McLellan

朋友+见过面+同事

rev 属性

反向链接。

continue shopping

当前文档是（被链接页面的）帮助。

翻译很拗口，因为我很少看中文资料，不清楚这些东西的中文叫法，准确意思还是请参考原文。

原文来自 Boost Your Hyperlink Power

我的IE 升到7了，但我经常还需要调试 IE6，：（

下载 multiple-ie-setup.exe 10M

这样就可以同时启动多个 IE 版本。在 “关于…”显示的都是 IE 7，但用 java script:alert(navigator.userAgent) 可以清楚地看到的确是低版本的IE。