後記

這樣粗略看下來,安裝與使用感覺不難。但卻耗費了我一整個下午的時間,包含找資料以及除錯。突然覺得沒有人寫教學的原因,是因為這樣回頭看會覺得很簡單,只是...,我比較笨,所以還是做個筆記,以免日後忘記吧。

Compass試用了一下,幾個比較不順手的地方也稍微提出:

1.很多髒code
因為我都習慣自己手寫,手寫的好處是可以自己寫code,排版、語法習慣都自己來。但Compass他幫你compile後,會加入很多註解,還有可能你根本寫Html都用不到的tag。

2.偏程式取向
如果要把Compass用的很高深,你一定要去研讀官方手冊,官方手冊有一點點 WordPress Template Tag 的味道,會先解釋作用,然後把所有可用的變數都寫出來。對英文很棒的朋友來說,閱讀不是問題,但是對英文苦手來說,可能需要一些時間上手。而且他某些寫法蠻偏程式語言的寫法,要上手又有一些難度。不過他每個功能幾乎都有給出範例,看不懂說明的人,可以直接看範例!!

3.要安裝很多東西
以前我只要一個記事本就可以寫完css。現在要裝Ruby,又要產一堆目錄,又要寫指令compile。我自己是覺得很麻煩啦(雖然我還是裝完了)

以上就是今天摸了Compass的使用心得,進階的好處還沒嘗到,也許之後會嘗試利用Compass來做個小網站,到時候再跟大家分享使用心得吧。

最後的最後的最後,因為才剛接觸,如果有哪個地方寫錯,再麻煩大家指正囉!

Compass安裝使用目錄

1. 前言
2. 安裝Compass與建立專案
3. 嘗試開始寫Compass
4. 後記

■ 文章資訊
人氣: 5,677
分類: css語法.筆記
文章標籤: , ,
引用網址:

■ FACEBOOKs COMMENT:



■ EVERYBODYs COMMENT:
  • 1♥ kuro (LV.2)

    其實 compass 真正威猛的地方是在 @mixin 的部份,還有你可以去抓前人寫好的 code 來用,比較有名的大概就是 fancy buttons,有興趣的話可以去 google 一下

    2011.10.05 20:21
  • 2♥ 佑樣 (LV.8)

    compass只能在server端使用
    想在client端用類似的功能可以使用less

    2011.10.06 14:50
  • 3♥ Yuan (LV.13)

    我有看錯嗎
    Body是900xp???
    不是900px喔?

    2011.10.06 15:54
    • └ Re: muki (LV.1158)

      真是老了,打字愈來愈不順手了
      抱歉,已修正OTL

      2011.10.06 17:45
  • 4♥ 情封 (LV.1)

    这个教学篇不错,晚上我也是试试了compass+sass,觉得还是不能实时编译,要写完一个SCSS,然后compile一次看效果,显得麻烦

    2011.10.08 21:10
  • 5♥ underfire (LV.2)

    compass.app :P

    2011.10.10 22:08
  • 6♥ eRic (LV.4)

    請問Ruby可以裝在windows嗎?

    2011.10.11 12:43
    • └ Re: muki (LV.1158)

      可以唷!
      我的測試環境就是windows

      2011.10.11 13:10
  • 7♥ eRic (LV.4)

    原來如此~我一直以為Ruby只能在mac上用
    謝謝

    2011.10.11 13:36
  • 8♥ 減肥 (LV.2)

    最后的帽子有性格

    2011.10.16 22:12
  • 9♥ 香腸 (LV.51)

    看完之後,我覺得好麻煩喔...QQ
    我還是跟學姊你一樣,喜歡使用手key,慢慢校正,
    邊改編罵,比較有成就感...XD

    2011.10.27 14:28
  • 10♥ jerry985214 (LV.2)

    Compass都不知道怎么装上去啊

    2012.02.15 14:23
    • └ Re: muki (LV.1158)

      我已經寫得很詳細囉
      你是哪裡不懂?

      2012.02.15 15:46
  • 11♥ jerry985214 (LV.2)

    请求高手出场帮忙啊!

    2012.02.15 14:24

  • ■ LEAVE YOUR COMMENT:



      :wink: :-| :-x :twisted: :) 8-O :( :roll: :-P :oops: :-o :mrgreen: :lol: :idea: :-D :evil: :cry: 8) :arrow: :-? :?: :!: