技巧 | CSS整形與優化工具

February.03, 2009 (Tuesday)

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

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

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

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

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

■ FACEBOOKs COMMENT:



■ EVERYBODYs COMMENT:
  • 1♥  (LV.21)

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

    2009.02.03 17:37
  • 2♥ muki (LV.1158)

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

    2009.02.03 18:00
  • 3♥ Arno Ruan (LV.177)

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

    2009.02.04 09:44
  • 4♥  (LV.21)

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

    2009.02.06 17:00
  • 5♥ muki (LV.1158)

    :

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

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

    2009.02.06 17:11
  • 6♥ nonsense (LV.1)

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

    2009.03.01 23:33
  • 7♥ muki (LV.1158)

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

    2009.03.02 22:07
  • 8♥ Richer Yang (LV.11)

    翻起一篇老文章來提問一下!
    阿木老師(可以這應稱呼您嗎?)
    發現在套軟體真的很棒,不過你知道有將設定值更新上 CSS 3.0 版本的嗎?

    2012.03.18 20:43
    • └ Re: muki (LV.1158)

      我這邊沒有耶~
      看了作者網站,最後更新的時間是2007....OTL

      2012.03.19 13:54

  • ■ LEAVE YOUR COMMENT:



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