/ Compass

[CSS note.] 強大的 Compass 來產出 CSS

Compass

他的全名就叫做 Compass(揍飛)!是一個基於 SASS 上面的開發工具。功能就是幫你兜好一些既定的 CSS,當然,是以 SASS 的方式來作。既然是基於 SASS 的工具,也是一樣,請先準備好 Ruby 的環境,並且確認你已經把 SASS 給安裝好了。至於 Compass 的安裝方法,官方也有教

$ gem install compass
compass create my_test_project --syntax sass

這是預設的東西,然後我們要的東西在 sass 裡面。在 sass 資料夾中,會有三個預設的檔案,好像是依照 Blueprint 這一套 CSS Framework 來命名的。你如果要加入新的 sass 檔案,就直接在這個資料夾新增就可以了。你新增完的 sass 檔案,只要執行 compass compile 他就會自動幫你轉 css 放到 stylesheets 裡面了。

如果你要知道更多訊息,可以輸入 compass compile -h 來看看有什麼工具可用。

為什麼要用 Compass?

就像是 XDite 所說,這個東西可以解決__大部分__的 hasLayout/clearfix 的問題!請注意,我是說大部分。畢竟 Compass 裡面所有的套件,雖然能夠自動幫你做好這個部份,但是你也知道 IE 不能動,又有什麼值得我心痛,IE 所帶來的問題,不是我們能夠理解的,所以,如果真的有遇到 Compass 無解的狀況,還是得要自己動手加工才行(XDite 在留言也提到,IE Hack 的部份你還是得自己手動加工)。

Compass 一樣很佛心官方的__說明文件非常的清楚!__

所以說,入門並不會太困難,只要有 SASS 的底子,Compass 只是一個更方便超級無敵的工具而已!然後呢,其實官方也很佛心的提供了一些 IE hacks/browser hacks 的工具:

http://compass-style.org/reference/compass/utilities/general/hacks/

你看看,是不是!是不是!至於那一堆噁心的特效就不再多說,自己抓來用吧!這樣說來,我是不是應該把我之前寫得噁心的特效改成 SASS 呢(噴笑

好工具,不用嗎!