Styleneat – 讓CSS更有組織架構

0 Shares
0
0
0

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

如下圖:

styleneat01

使用Styleneat,變成

styleneat02

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

0 Shares
4 comments
  1. 自動引用通知: 抱風伴靜 Memostorming
  2. 這應該用在設計階段比較適合,
    上線後還是壓縮成第一張圖那種檔案會較小,載入較快。

發表迴響