sass官方網站 : http://sass-lang.com/
如何開始使用sass呢?
在開始前,還是先認識一下這是怎樣的東西。
- 他是不是像Dreaweaver的軟體,安裝完後就可以用了?
- 很可惜不是,Sass是一種基於Ruby編寫的CSS擴充語言,所以要使用就要先有Ruby環境。
- Sass,為何又有人說scss?
-
兩者都屬於sass,而差在附檔名以及編寫方式的不同。
.sass 是屬於舊式的sass語法,明顯的特徵是利用縮排取代大括號。
.scss 是較新的語法,為了讓新一代的設計師可以承受較少的痛學習sass,所以在結構上相當類似CSS。
(本站是用sass,只因為覺得大括號要找頭尾很麻煩。) - Less 又是什麼?
- 他也是類似sass的CSS擴充語言,不同的是sass是在Ruby環境下,而less是Javascript library。
這邊有一個比較網站,可以自行參考看看。 - Ruby環境,安裝是不是很麻煩?
- 對於沒有安裝類似環境的人來說,真的有夠麻煩...,但是很多時候痛一次就過了,當然也有花點小錢解決事情的方法~。
- 花點小錢的解決方法!?
- Fire.app
Fire.app就...讚。
prepros
prepros是免費的,但是在多次使用後發現有些bug,以及他的livereload只針對他所編譯的檔案才有效,所以現在比較沒有使用了。 - sass 可以運用在現在的專案嗎?
- scss 是不錯的選擇,只要環境準備好,將CSS檔名修改成
.scss
就可以開始了,而且從現有的專案開始慢慢學習,也不會有太大的挫折感。 - Compass又是什麼?
- 自己去看上一集!
如果看完以上文章,還不是很了解的話,在接下來的文章會教大家如何使用,從實際範例中慢慢的認識sass。