Styleneat – 讓CSS更有組織架構

styleneat00以往在寫CSS的時候常常直接寫下去,有時候寫一行,有時候寫成好幾行。有時候忽然想加個屬性進去,就直接加在最底部,所以常常找不到要修改的資料。(雖然Ctrl + F很方便XD)假設都寫成同一行,然後也沒有分層級,組織架構變得很零散,不易修改。

如下圖:

styleneat01

使用Styleneat,變成

styleneat02

重新整理CSS的組織架構,讓每個屬性可以更明確的顯示出來,Styleneat是很棒的一個工具,目前提供三種方式,複製貼上、檔案上傳、遠端讀取,要呈現一行或者多行都可以自行設定,對於撰寫CSS的設計師來說,讚!

Eduardo

在大台北地區出沒,網路愛好者,平時喜歡逛網站接收最新資訊,WordPress 13年經驗,提供WordPress客製化服務。

您可能也會喜歡…

4 個回應

  1. Bodyc表示:

    I have already seen it somethere…
    Bodyc

  2. Eduardo表示:

    階層也可以輸出成一行的
    他有勾選設定看你要多行還是要單行

  3. lym520表示:

    這應該用在設計階段比較適合,
    上線後還是壓縮成第一張圖那種檔案會較小,載入較快。

  1. 24 4 月, 2009

    用Styleneat整理你的CSS…

    這網站可以把雜亂的CSS整理成一致的風格,而且還會標上色彩;我應該是用不到這個啦!因為平常自己寫的就挺整齊的了……

發表迴響