技巧 | CSS整形與優化工具



如果我們尚未培養良好的css撰寫習慣,常常會將一段簡單扼要的語法拖得落落長,除了視覺上不美觀外,也會讓檔案大了些增加讀取速度。因此現在有許多人都在致力開發CSS的優化,以期讓閱讀更加清晰,讀取更加快速。

今天要介紹的這款優化工具叫做CSSTidy,他全程使用php撰寫,原始碼也完全公開,方便大家將此程式架設在自己的主機上。架設方法非常簡單,也不需要新增資料庫,只要將你下載的檔案上傳到新建的目錄底下,執行_optimiser.php即可
下載位置:Download CSSTidy 1.3 (PHP)

目前也已經有一些部落客將此程式架在自己的主機上,如果大家想先行測試玩玩看此工具,可以到以下兩個網站觀看:CSS 整形與優化工具1CSS 整形與優化工具2

(兩個網站的內容完全一樣,因為都是用同款程式架設的,我之所以會放兩個連結是防止其中一個網站掛點!!)

引用網址:

FACEBOOKs COMMENT():

EVERYBODYs COMMENT:

  • 1
    (LV.21) // 2009.02.03 17:37

    muki自己有試用過嗎 ?
    怕用了之後被毀容 :!:

  • 2
    muki (LV.1145) // 2009.02.03 18:00

    @ 佑
    呵~我介紹的東西都是親自下海體驗過後才敢推薦給大家的:)
    所以放心使用吧!!
    如果佑真的不敢用,可以把原來的css檔案先備份,有問題再還原吧。

  • 3
    Arno Ruan (LV.177) // 2009.02.04 09:44

    痾...下海@Q@
    好種莫名興奮的感覺...我想......我們都是妳的恩客。 :razz:

  • 4
    (LV.21) // 2009.02.06 17:00

    @ muki
    CSS 整形與優化工具似乎是停止服務了

  • 5
    muki (LV.1145) // 2009.02.06 17:11

    :

    @ muki
    CSS 整形與優化工具似乎是停止服務了

    謝謝提醒喔,Nicky他的blog網域好像到期了,所以進不去ˊˋ。
    我改其他網站連結了~

  • 6
    nonsense (LV.1) // 2009.03.01 23:33

      經介紹來這邊學習CSS的用法,目前還在慢慢學習中,MUKI寫的文章平易近人,而且說明都很詳細,真是受教了!
      另外,對於您文章第一行末「也會讓檔案大了些增加讀取速度。」應該是「降低讀取速度」或是「增加讀取時間」才是比較合理的說法吧(?) :smile:

  • 7
    muki (LV.1145) // 2009.03.02 22:07

    @nonsense
    哈,說的也是
    你這樣描述可能更清楚一些XD


  • LEAVE YOUR COMMENT:




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


     
    字體大小: 小字型 12px大字型 15px
    ▲ back to top