授权协议: MIT
开发语言: JavaScript
操作系统: 跨平台
收录时间: 2013-04-12
提 交 者: sliuqin

Peaches是一个基于Node的CSS编译工具,用于自动合成CSS Sprite。
Peaches 追求简单、自然的CSS书写方式!

大致的工作原理如下:
1. 我们在书写样式时,对每个需要使用背景图片的元素,进行单独的背景图片定义
2. 运行peaches命令
3. peaches根据样式规则,提取背景图片,并合并为一张sprite图
4. 根据合并后的背景图片重新生成样式,这时将更新背景图片定位

 

这样免去了手动合并图片和定位的麻烦,而且也大大提升后续修改样式的效率。

我们希望书写样式时不再浪费时间制作sprite
我们希望不再纠结图片放在什么位置最恰当
我们希望不再因为设计调整而重新拼图而抓狂
我们一直希望有工具能替代这些重复的体力工作,让书写css回归简单、自然
所以我们有了Peaches

展开阅读全文

代码

Peaches 的相关资讯

还没有任何资讯

Peaches 的相关博客

Shell的内置变量

Shell中提供了一些以$开头的内置变量,见下表: 变量名 描述 $? 表示Shell命令的返回值 $$ 表示当前Shell的pid $- 表示当前S...

21个值得收藏的Javascript技巧

1 Javascript数组转换为CSV格式   首先考虑如下的应用场景,有一个Javscript的字符型(或者数值型)数组,现在需要转换为以逗号...

下班前的Linux Shell常用技巧总结(十一)

1. 用set命令设置bash的选项:下面为set主要选项的列表及其表述:选项名开关缩写描述allexport-a打开此开关,所有变量都自动输...

uniq 命令 详解

uniq 命令   -c 在输出行前面加上每行在输入文件中出现的次数; -d 仅显示重复行; -u 仅显示不重复的行。   uniq 命令删除...

冰川时代4中英台词全集

00:01:31 地壳 30千米 00:01:31 上地幔 720千米 00:01:32 下地幔 2171千米 00:01:33 外核 5100千米 00:01:34 内核 6400千米 ...

山东省第七届ACM省赛 题解

Problem Description Julyed is preparing for her CET-6. She has N words to remember, but there is only M days left. If...

字符串处理

创建字符串 在Ruby中创建一个字符串有多种方式。可以有两种方式表示一个字符串:用一对单引号包围字符('str')或用一对双引号...

python科学计算和可视化学习报告

一丶numpy和matplotlib学习笔记 1. NumPy是Python语言的一个扩充程序库。支持高级大量的维度数组与矩阵运算,此外也针对数组运...

java-容器

java 容器 1. 常用容器分类 ①在这里,集合类分为了Map和Collection两个大的类别。 图片左上角的那一块灰色里面的四个类(Dic...

Peaches 的相关问答

还没有任何问答,马上提问

评论 (0)

加载中
更多评论
0 评论
6 收藏
分享
在线直播报名
返回顶部
顶部