使用Compass.app寫CSS

什麼是Compass.app?

Compass.app 是和多將 compass 包成一套桌面的應用程式，在撰寫網頁CSS時，可以用較強力的 Sass 語法（是種可延伸的 CSS），來更有效率地完成工作。

之前在網路上就有看到Sass以及Compass的一些介紹
像是這裡、這裡以及這裡 。

主要的特色是巢狀式結構的撰寫法，可以自訂變數套用，或是定義一組選擇器樣式讓其他選擇器以@extend的方式繼承
也有混合@Mixins的寫法...等

感覺是可以讓CSS的結構更清楚以及寫法更靈活，於是就下載來試試看了...
不過要執行此軟體必須先安裝JRE(Java Runtime Environment)才能使用

軟體下載需要7美元，是不算貴...以目前匯率折合台幣約200左右，如果能夠因此增加效率的話算是值得
詳細的使用介紹可以看這邊和這裡

另外列出一些我自己在摸索上遇到的問題

點選應用程式出現錯誤訊息或沒反應

下載解壓縮後的應用程式不能放在桌面或是中文資料夾中
放在桌面會出現錯誤，而放在中文資料夾中則是完全沒反應

無法使用Dreamweaver工具面板中的檔案視窗直接點選開啟

將C:\Program Files\Adobe\CS版本\configuration\DocumentTypes中的MMDocumentTypes.xml 打開
搜尋css找到winfileextension="css" macfileextension="css"之後
改成winfileextension="css,scss" macfileextension="css,scss"
但無法使用Dreamweaver工具面板中的檔案視窗直接點選開啟，
會出現"無法找到正確的編輯程式來編輯這個副檔名"這種錯誤
要把sass資料夾中的scss檔案右鍵點檔案設定永遠使用Dreamweaver開啟就可以了

修改config.rb設定

預設產生專案資料夾的css檔案是放在stylesheets
可以在config.rb中找到css_dir = "stylesheets" 修改成 css_dir = "css" 或是其他你自己習慣的路徑
另外生成的css會有相對應scss行數的註解
如果不需要可以加上line_comments = false，就不會產生註解了

至於其他的...一切都還在摸索中...