snap{css} 是一款只能在 Windows 系統下執行的 CSS 編輯軟體,檔案大小相當輕量,其功能也相當陽春;但它有個不錯的功能:美化代碼、瓦解(collapse)代碼,能將網站的 CSS 編排進行優化,有興趣可以試用看看。
- 官方網站:http://www.improvingcode.com/
- 作業環境:Windows
- 軟體語系:英文
- 軟體性質:免費
- 檔案下載:點擊此處
PS.本文作業環境為:Windows XP SP3,並使用《snap{css} v2.1 安裝版》進行圖文解說。
*How to Install|如何安裝 snap{css}?
▼ snap{css} 的安裝方法相當容易,執行安裝檔後點擊「Next」。
▼ 選擇安裝目錄,接著點擊「Next」。
▼ 點擊「Next」開始進行安裝。
▼ 安裝完畢,點擊「Close」關閉視窗。
*How to Use|snap{css} 軟體使用教學
▼ snap{css} 這款編輯軟體非常陽春,從介面來看,跟記事本差不多。
▼ 下拉式功能表都是最基本的功能,就像是 Windows 中的記事本一樣;但有個部份可以稍微提一下,那就是本文開頭所提的美化代碼、瓦解(collapse)代碼,點擊「Tools」可以看到其功能。
▼ 本處針對此兩個功能作一簡介:
- 美化代碼:優化 CSS 編排。但是其效果我不是很滿意,可能跟個人使用習慣有較大落差所導致,本處就不提供貼圖。
- 瓦解代碼:將 CSS 空格刪除,僅保留最小的空間,將代碼整個「擠」在一團,此功能能幫助減少檔案大小,對讀取速度不無小補,但缺點就是難以維護…,如下圖所示。