SASS

Compass 是一套 CSS Authoring Framework，也是基於 Sass 語法的一套 Framework，先前寫了 Gulp 的 Compass Plugin，在針對自動化測試時候出現版本相依性不同，造成無法自動測試成功。自動化測試目前跟 Github 最常搭配的就是 Travis CI 或者是 Codeship，當然如果非 Open source 專案可能就要自己架設 CI 伺服器，個人推薦就是 Jenkins。這次遇到的問題其實跟 Ruby Gem 版本相依性有關，由於要測試 Compass 所有 Command 語法，所以使用了 Susy + sass + compass，如果在 .travis.yml 內直接寫

2014 年第一篇文章來寫前端工程師必須要瞭解的 [CSS] 技巧，此篇其實來自於 KidsIL Blog 內的一篇 10 Great CSS Tips for every Web Developer，裡面作者紀錄了十大 CSS 技巧，看完這十大後，發現有些技巧曾經出現在 Even Wu 給網頁設計師的建議一文，這些技巧都算是蠻基本的，對於前端工程師有很大的幫助，如果尚未瞭解或還沒開始使用的開發者，也可以建議團隊開始使用。底下內容來自於原網站，在加上筆者的一些補充。

Speakerdeck 發現一篇不錯的 Sass 和 Compass 投影片教學 Sass & Compass: The future of stylesheets now.，此教學把 Sass Language 以及 Compass 基礎撰寫方式及進階用法都介紹完畢了，非常實用，推薦給剛入門的網頁設計師，這樣一來可以減少開發時間，二來可以解決討厭的跨瀏覽器問題。

Compass 是一套 base on Sass Language 的一套 CSS Framework，它提供了豐富的 CSS3 原件，讓您可以加速開發 CSS，也繼承 Sass Language 的開發方式，支援 variables, mixins, selector inheritance…等，今天就來介紹如何在 Windows 底下快速安裝開發環境。如果想更瞭解 Sass 可以參考之前的文章: 加速開發 CSS 工具: Sass。

安裝步驟 (Install Compass) 在安裝 Compass 之前，您必須要先安裝

Ruby 開發環境，在 Ubuntu 或 Debian 底下可以透過 apt 的方式安裝:

$ sudo apt-get install ruby1.9.1-full

$ sudo apt-get install ruby-full