蝦皮拍賣:正版軟體經銷販售露天拍賣:正版軟體經銷販售
PChome商店街:正版軟體經銷販售Yahoo拍賣:正版軟體經銷販售

snap{css} – 超輕量級!免費 CSS 網頁語言編輯軟體

snap{css} 是一款只能在 Windows 系統下執行的 CSS 編輯軟體,檔案大小相當輕量,其功能也相當陽春;但它有個不錯的功能:美化代碼、瓦解(collapse)代碼,能將網站的 CSS 編排進行優化,有興趣可以試用看看。

snap{css} logo


PS.本文作業環境為:Windows XP SP3,並使用《snap{css} v2.1 安裝版》進行圖文解說。





*How to Install|如何安裝 snap{css}?

▼ snap{css} 的安裝方法相當容易,執行安裝檔後點擊「Next」。

snap{css} 安裝圖-1

▼ 選擇安裝目錄,接著點擊「Next」。

snap{css} 安裝圖-2

▼ 點擊「Next」開始進行安裝。

snap{css} 安裝圖-3

▼ 安裝完畢,點擊「Close」關閉視窗。

snap{css} 安裝圖-4





*How to Use|snap{css} 軟體使用教學

▼ snap{css} 這款編輯軟體非常陽春,從介面來看,跟記事本差不多。

snap{css} 安裝圖-5

▼ 下拉式功能表都是最基本的功能,就像是 Windows 中的記事本一樣;但有個部份可以稍微提一下,那就是本文開頭所提的美化代碼、瓦解(collapse)代碼,點擊「Tools」可以看到其功能。

snap{css} 軟體簡介圖-6

▼ 本處針對此兩個功能作一簡介:

    • 美化代碼:優化 CSS 編排。但是其效果我不是很滿意,可能跟個人使用習慣有較大落差所導致,本處就不提供貼圖。
    • 瓦解代碼:將 CSS 空格刪除,僅保留最小的空間,將代碼整個「擠」在一團,此功能能幫助減少檔案大小,對讀取速度不無小補,但缺點就是難以維護…,如下圖所示。

snap{css} 軟體簡介-7