开始之前应该看看 Ruby 官方网站 上的 About Ruby、Ruby in Twenty Minutes 和 Ruby From Other Languages 得到初步的印象和感性认识。在页面底部可以选择语言查看中文版。

经验比较丰富的开发者可以通过 Ruby User's Guide [注1] 快速入门 Ruby，之后应该准备一本 The Ruby Programming Language 作为日常参考。因为作为 Ruby 语言创始人松本行弘参与编写的书籍，它对 Ruby 语言的介绍最完整。而世界上第一本介绍 Ruby 语言的英文书籍 Programming Ruby 大概是最多人用于入门 Ruby 的书籍，虽然对于有经验的开发者来说它稍显啰嗦。Programming Ruby 第一版有提供免费的在线版本。如果你还没有任何程序设计经验，Ruby Programming: 向Ruby之父学程序设计 应该是不错的选择，作者高桥征义是日本 Ruby 协会会长。

Rails

同样，有经验的开发者可以直接通过 Ruby on Rails Guides 入门 Rails。而 Agile Web Development with Rails 则大概是最多人用于入门 Rails 的书籍，它的第四版已经使用目前最新的 Rails 3。

中文资料

@ihower 组织的 Ruby Taiwan 社区有提供 Ruby User's Guide 的繁体中文翻译以及 Ruby on Rails Guides 前两章的繁体中文翻译。@ihower 自己编写的 Ruby on Rails 實戰手冊 也是一部很不错的面向有一定经验开发者的在线书籍。

其它

Ruby on Rails 社区非常注重代码的美观及可读性。使用相同的 coding style 是保证代码美观可读的有效措施之一，所以在自己尝试写代码时应该看看 Ruby Coding Style Guide。

真正开始使用 Ruby on Rails 之后，Rails Searchable API Doc 和 RubyDoc.info 一定会是最常用的两个在线文档服务。

注1: Ruby User's Guide 写于 Ruby 1.8.3 时代，现在建议使用的 Ruby 版本是 1.8.7。文中提到的 eval.rb 应该使用 irb 取代，另外可以使用 irbtools 大幅度增强 irb。Ruby Taiwan 的繁体中文翻译版本对类似问题有提供译注，建议参考。

Chrome/Chromium

Chrome/Chromium 的 WebKit 内核最新版支持 HTML5 里的 noreferrer link relation。这个功能允许网页作者在 a 和 area 元素里简单地使用值为 noreferrer 的 rel 属性来禁止浏览器向链接目标发送 HTTP_REFERRER header。例如：

<a href="http://evil.com" rel="noreferrer">Evil</a>

当用户点击这个链接访问 evil.com 时，对方只会收到一个空白的 HTTP_REFERRER header。在 Windows 版的 Chrome 4.0.295.0 dev 上测试通过。

Firefox

Firefox 的扩展 Adaptive Referer Remover 可以禁止指定的 URL 出现在 HTTP_REFERRER header 里。它使用正则表达式来匹配要保护的 URL。普通的 URL 转换成它需要的正则表达式很简单，只需要在前面加 ^ 并把 . 改成 . 即可。例如：

^http://rainux.org
^http://search\.twitter\.com

另一个更简单但比较极端的做法是在 about:config 里将 network.http.sendRefererHeader 设置为 0，这样会完全禁止 Firefox 向任何网站发送 HTTP_REFERRER header。

Opera

Tools-> Preferences-> Advanced-> Network-> Send referrer information 去掉勾选。（感谢 vvoody 补充）

Internet Explorer

别开玩笑了，IE 的漏洞都导致 Google 重要服务被攻破 而被迫退出中国了，你还敢用它？

这段代码为了兼容旧版本没有 console 的浏览器，尝试将 console.log 包装为 $.log，但是基于上述原因它在 IE 里无法执行。

$ = {};

if (console && console.log) {
    $.log = function() {
        console.log.apply(console, arguments);
    };
} else {
    $.log = function() {};
}

由于 window 和 console 这样的原生对象都是只读的，所以无法使用类似这样的代码简单地为其添加 .apply() 方法。

console.log.apply = Function.apply;

解决办法是使用 Function.apply.apply() 将 Function.apply 函数对象 apply 到 console.log 上。

$ = {};

if (console && console.log) {
    $.log = function() {
        Function.apply.apply(console.log, [console, arguments]);
    };
} else {
    $.log = function() {};
}

这段代码和第一段代码完全等价。

如果觉得不容易理解，可以看看这个 .apply() 函数比较清晰的例子。这两行代码也完全等价。

[1, 2, 3, 4].slice(0, 2);
Array.prototype.slice.apply([1, 2, 3, 4], [0, 2]);

看来是时候更新 SCV Selector 了，可惜预想了很久的 rep 版本识别还是没有时间去研究……

网上流传的所有 Rails 文档都是用 rdoc 从 Rails 源代码里的 RDoc 注释自动生成的，内容都完全一样。但只有这位 delynn 老兄的 Rails CHM Documentation 目录是手工整理的，按照 Module 分类，结构非常清晰。

接触 HTML 已经是很久以前的事了，却从来不曾做过比一张极其简单的网页更多的东西。听说 CSS 也是在很久以前了，但是在架设/维护我的这个 Blog 之前，对 CSS 的认识也没有超过“能够设置固定大小的漂亮的 9pt 字”这个范围。一直以为自己没有真正的学过 HTML，一直不敢在 Dreamweaver 里闲逛，总觉得他们都是那么深奥和高不可攀。

在答应朋友“只是修改一下页面，添加一些内容”的要求后，我都一直心里没底，不敢随便承诺完工时间。用 DW 看了一番他的网站以前的页面代码，发现这些用表格布局的页面代码糟糕透了。再加上页面设计也不符合我的审美观，如果要改可能要花费很多时间而且还会搞得心情不好 (代码实在太乱) ，想了半天还是决定仿照现有的布局用 DIV + CSS 完全重新做一个。

到 Tinyfool 推荐的网站网页设计师去看了一下，盗用了一篇文章里的三行二列居中高度自适应布局的 CSS。又到桑葚的桑林志去打劫了他的导航菜单 CSS 和 JS。OK，该开始了，工具自然是三大利器/名器 Dreamweaver MX 2004、TopStyle 和 EditPlus 了 (我暂时还无法用 vim 取代 EditPlus)。

没想到真正开始了并不如我想象中难。虽然以前几乎没正式用过 DW，但是一切的感觉都是那么的自然。定义站点，使用模板，手工编写代码…… 突然发现原来我还是会 HTML 的，CSS 也并不是那么复杂，常用的也不过就是盒式模型的几个基本属性。

当然事情不可能总是很顺利的，何况 DIV + CSS 布局某些地方本来就比表格难一些。好在我几乎没做过东西，对表格没有依恋。也看过一些文章和代码，知道表格布局的坏处。这样一来反倒比熟悉了表格的人适应 DIV + CSS 容易些。布局中遇到的一些小问题，左思右想用灵活而强大的 CSS 解决后，那种感觉真的很棒。

制作中积累的一些微不足道的小经验，我会找时间写出来放在这里，一则备忘，二则方便比我还 newbie 的朋友。(好像不会有吧？:)