用SASS開發網頁(二){Sass開發工具安裝&設定}

前一篇提到SASS使用的便利和好處,那麼該如何開始呢?
其實我們一般都會透過一些第三方工具輔助開發,其中包含Koala(windows/mac)、Prepros(windows/mac)、Sublime text(windows/mac)、Compass.app(windows/mac)、Fire.app(windows/mac)、線上編輯器(sassmeister)

以上工具大多都有提供多平台支援,有些依存於RUBY環境下的則必須先安裝RUBY才可以運行,例如Compass.app不過經過幾年的演進變化Compass.app的進化版Fire.app有一流的Sass/Compass支援,安裝也變得更容易不再繁瑣難以接受,以下我們將介紹Fire.app的安裝與工作環境。

繼續閱讀 “用SASS開發網頁(二){Sass開發工具安裝&設定}"

用SASS開發網頁(一){由CSS轉換到SASS}

寫過CSS的各位都知道,他是透過一行行來編輯,當有很多地方要做修正時就必須花很多時間檢查,解決方案就是使用前置處理器LESS或是SASS。

SASS是什麼?
真的會提升寫網頁的效率?
學習門檻高?
SASS有哪些是CSS無法取代?
如果有以上疑問,我們可以初步來探討一下這兩者的差異性

繼續閱讀 “用SASS開發網頁(一){由CSS轉換到SASS}"