Credit card admin controller with URLs /admin/credit_card/suspend.
        Controller: app/controllers/admin/credit_card_controller.rb
        Views:      app/views/admin/credit_card/debit.html.erb [...]
        Helper:     app/helpers/admin/credit_card_helper.rb
        Test:       test/functional/admin/credit_card_controller_test.rb

./script/generate controller 'admin/credit_card'

因为安全方面的问题,文章里的module名都用帮助实例里的名字代替。
我使用如上的方法创建了一个module以后,在浏览器里是直接不能访问的,于是又在routes.rb里添加路由映射的命名空间:
   map.namespace :admin do |admin|
     admin.resources :credit_card
   end
这样做了以后就有一个奇怪的现象产生。

除了index这个action，所有不带id的action全部无法访问，
例如admin/credit_card/edit/1是可以的，但是admin/credit_card/add这个action
返回的结果就是：
No action responded to show
奇怪的是给它带上参数就可以了，也就是当我访问admin/credit_card/add/1就能正确显示，尽管这个id没有任何作用。
服务器的日志显示情况,带参数的:
Parameters: {“action”=>”edit”, “id”=>”1″, “controller”=>”admin/credit_card”
不带参数的错误情况:
Parameters: {“action”=>”show”, “id”=>”add”, “controller”=>”admin/credit_card”

尝试继续修改routes.rb却未果。

于是我destroy这个module，还原了routes.rb，用另一种方法创建：

./script/generate controller 'admin::credit_card'

注意，这里只是把例子里的”/”改成了”::”，重新生成以后一切正常，连routes.rb也没有修改。
服务器的日志也显示：
Parameters: {“action”=>”add”, “controller”=>”admin/credit_card“}

目前看来要正确的生成模块需要使用::做分割符。

1.使用缩写

缩写能够缩短你的工作时间，减小你的文件体积，何乐而不为？

针对相近的不同设置不同的值：

p {
margin-top: 10px;
margin-right: 20px;
margin-bottom: 30px;
margin-left: 40px;
}

使用缩写：

p { margin: 10px 20px 30px 40px; }

再来看看常用的font的缩写

查看 CSS Shorthand Guide (英) 和 Efficient CSS with shorthand properties (英) 了解更多关于缩写的属性。

2.避免使用Hack


Jon Hick的 blog hicksdesign.co.uk/journal 利用浏览器条件性注释

Hack是一个糟糕的东西，它会为不同浏览器定义一样的代码，使得CSS繁冗。现在我们知道使用条件性注释来代替hack，他们在IE6和IE7中是被认可的，甚至IE团队也推荐这样使用。使用条件性注释服务于符合浏览器特性专用的CSS代码，因此，更小的、核心的CSS代码用来服务于遵从标准的浏览器，只有需求条件出现的时候（比如IE），才会去下载额外的CSS文件！

下面来看看IE6使用条件性注释的代码范例：

<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="ie6.css">
<![endif]-->

这段代码使得IE6去下载额外的ie6.css解析它专用的css代码。同样的，如果针对IE7只用把上面的6与7替换就行了。

3.使用留白

无论是为了自己阅读还是二次开发，都要让CSS保持良好的可读性，留白就充当了关键的角色。
我们不鼓励你为了得到一个更小的CSS文件，就去掉所有的空白格式，如tab，换行，空格等。这里推荐嵌套的代码使用一个tab缩进，所有属性独立一行。

对比上下的图片，是哪一种格式能让你更加节约修改的时间呢？留白会让你更加容易管理代码。

4.移除多余的frameworks和resets

Nathan Smith的 960 Grid System CSS framework使用的重置规则

如果你选择使用CSS framework，包括你自己写的，如果你去检查代码一定会发现该framework包含的一些规则并不适用于你当前的文件，它们是可以被删除的。
由此可以想到的还有reset，YUI Grid CSS使用的reset和Eric Meyer’s Reset 目前都很流行， Resets能够移除不同浏览器的默认样式，使得页面在各个浏览器之间的表现一致。但是它们通常包含了一个大的网站需要的所有属性，一些例如pre,code,sub,dfn,var等等属性对于普通网站来说根本不会用上，删掉那些你用不上的。Eric Meyer也会鼓励你这样做！
framework和reset会很好的帮助你的工作，但是如果不去掉那些你用不上的使用，反而会拖累你页面的效率和可读性。

5.扩展的CSS

Doug Bowman的 stopdesign.com CSS 为层使用特殊的选择器

另一种优化你的代码的方法就是分别为层进行具体的属性声明。

6.记录你的工作

在团队协作中，沟通书写标准，编码规范，注释方法，风格极为重要。规则是建立在一个一致的方法的标准。这样能够防止别人重复你已经做过的工作，防止代码的膨胀。

7.压缩使用

为了使得浏览器节省更多下载个载入时间，压缩是一个不错的解决方案，但是仅限于发布的时候。YUI Compressor 和 CSSTidy 就是这样方面的专家，他们能够去除多余的代码，校验属性互相覆盖的错误。
许多流行的编辑器，比如BBEdit, TextMate, 和 TopStyle 都能够帮助你格式化你的CSS代码成你想要的样子。你还能通过服务器压缩技术使用PHP处理你的CSS。你可以找到更多的CSS优化和压缩的CSS工具。

有一点，这些程序尽可能会降低错误的发生，但并不是完美的。同样，最好不要用他们去处理包含CSS hack的文件。这也是另一个让那些hack储存在另外的文件里的原因。

结束

引用来源: 7 Principles Of Clean And Optimized CSS Code

立即下载YUI 2.5.2版,包含完整的API文件，以及超过200个的丰富例子。

浏览器支持分级表：详细的描述了在开发YUI函数库时对于浏览器支援性的看法。浏览器支持分级表提供了一种清楚的方式，提供在开发互动介面时能够得知浏览器的支持性，并且能够依此而判断是否需要放弃支持某种版本的浏览器。

YUI速查表：能够快速查阅每一个组件的主要方法、属性和使用语法。当写程式遭遇到问题时，通常查阅速查表会比开启浏览器重新阅读文件和范例更快获得解答。而且速查表还能带给你一些前所未知的新发现。

这些一页的查询字典并没有包含全部的内容，但将它放在手边将会非常有用。 (速查表目前提供了所有YUI工具、绝大部分控制项以及YUI CSS基础的内容。)

以上内容基本都是出是官方的介绍，但对于想要做出好的网页表现又想偷懒的同时，YUI是一个很好的解决方案,比如我记得以前同事模仿iGoogle做拖动效果,写代码加调试几乎用了大半个月的时间才做的勉强相似,其实iGoogle就是Power by YUI :) ,如果当时就从这里开始,不知道会节省多少时间。

先介绍到这里，来看一则YUI运用的实例吧！

mongrel_rails start -p 12001 -d -e development -P log/mongrel.pid

服务都一直无法启动,而且而且无论怎么修改都是，查看mongrel的日志文件发现总是出现如下错误：

/usr/lib/ruby/1.8/yaml.rb:133:in `load‘: syntax error on line x, col x: ` 错误的配置节点名’ (ArgumentError) …

但是出现错误的地方在检查过后确实都没任何问题,最后改的只剩development的最基础配置问题依旧，发现问题竟然在密码，我是使用cpanel的Password Generator自动生成的密码，密码最后的一个特殊符号引发了整个错误，看来这是database.yml的内部符号.

Tip:自己写database.yml的时候要一定要使用缩进的结构。

来自kain的解决方法：

[doskoi@localhost :/usr/local/lib/ruby/gems/1.8/gems/sqlite3-ruby-1.2.2]$ sudo find . -perm 0662 -exec chmod 664 {} \;