PeachesCSS編譯工具
Peaches是一個基于Node的CSS編譯工具,用于自動合成CSS Sprite。
Peaches 追求簡單、自然的CSS書寫方式!
大致的工作原理如下:
1. 我們在書寫樣式時,對每個需要使用背景圖片的元素,進行單獨的背景圖片定義
2. 運行peaches命令
3. peaches根據樣式規(guī)則,提取背景圖片,并合并為一張sprite圖
4. 根據合并后的背景圖片重新生成樣式,這時將更新背景圖片定位
這樣免去了手動合并圖片和定位的麻煩,而且也大大提升后續(xù)修改樣式的效率。
我們希望書寫樣式時不再浪費時間制作sprite
我們希望不再糾結圖片放在什么位置最恰當
我們希望不再因為設計調整而重新拼圖而抓狂
我們一直希望有工具能替代這些重復的體力工作,讓書寫css回歸簡單、自然
所以我們有了Peaches
評論
圖片
表情
