99css

为了应付有可能会到来的突发状况，给有需要的人士临时抱抱佛脚 目标： 将css中的色值变灰 将css中调用的图片抽取出来变灰，并将css中的图片地址替换为变灰后的地址 数秒内完成 前提： css中的图片以相对路径调用（能本地访问）或以http方式调用（能联网访问） css、图片文件名小写，文件名及目录名中无空格和特殊字符 操作步骤： 下载CssGaga最新绿色版 打开CssGaga后检查右侧选项，仅勾选如下选项：抽取图片、临时目录，点击右下角的更多后勾选：去色 假设要变灰的css文件在E盘，则在CssGaga地址栏填入 E: 将要变灰的css拖拽至CssGaga的文本框 在该css所在的目录，找到名为_gaga_temp的目录，变灰后的css及图片在此 注意： 以上仅用于应急，若使用完整功能请把CssGaga帮助索引完整过一遍

勾选此项，会为 url() 方式调用的资源后附加时间戳（用于刷新客户端缓存） 格式为?d=月日小时分钟 另外由于cdn支持通过传递max_age参数来配置max-age（详见杨建：网站加速–Cache为王篇 四，我对HTTP协议做的一点创新(?maxage=6000000)），例如当max_age=31536000时： Response Headers Cache-Control:max-age=31536000 综上，生成后为： background-image:url(sprite/index-py.png?max_age=31536000&d=05231747) 返回CssGaga – 帮助索引

勾选此项，会将当前css中以相对路径调用的css目录下的img、image、images、 absolute以及未勾选Data URI时的base64目录中的文件同时拷贝到目标环境 同步的资源会出现在输出的文件列表中 若文件不存在，CssGaga会有提示，可用来预防404 返回CssGaga – 帮助索引

本周六我将在web标准化交流会上介绍CssGaga，ppt及视频奉上，欢迎现场交流:) **[CssGaga](http://www.slideshare.net/ytzong/cssgaga "CssGaga")** View more [presentations](http://www.slideshare.net/) from [ytzong](http://www.slideshare.net/ytzong)**[CssGaga – 哀悼日一键变灰](http://www.slideshare.net/ytzong/cssgaga-7042943 "CssGaga - 哀悼日一键变灰")** View more [videos](http://www.slideshare.net/) from

一时鸡冻搞出了bug，囧 请到/610下载最新版后覆盖即可 若覆盖失败请强行关闭进程中的 Update.exe 再进行覆盖 PS：新增GIF动画压缩功能

随着使用人数的增多，从2010-5-10的第一个版本开始历经74个小版本（平均每周2次更新）终于为CssGaga加入了自动更新功能（之前对内部一线使用者用svn更新，博客又不想写太多骚扰性的更新信息，从而忽略了二线、三线使用者），同时带来的还有Win7任务栏显示处理进度等UI小变化，以后的升级细节会写在更新提示中，同时更新对应功能的博文 老的CssGaga用户下载后直接覆盖即可 请到/610下载最新版

市面上有一些CSS Sprite Generator，要么是需要手动调整图片位置，要么需要保存图片并拷贝粘贴css代码，用起来很是麻烦，想必这也是没有大规模使用起来的原因吧。 CssGaga使用了不同的思路，简化了所有这些操作，使用时只需将css拖进CssGaga这一步即可完成所有操作！ 下面通过一个例子来说明： 比如HTML： <s class="i1"></s><s class="i2"></s><s class="i3"></s><s

细心的朋友们也许早已发现这个选项了，不过一直懒着没写说明，现在补上:) 每改动一点点皮肤要手动更改校友的10+个皮肤文件多有点慢性自杀，更别提Qzone的4、50套皮肤了。有了CssGaga的皮肤1toN，你就可以只维护其中一套皮肤，当然还有一个替换规则文件skin.csv。 1. 皮肤文件的组织方式 根据项目现有的规则，比如有3套皮肤： skin/py1.css skin/py2.css skin/py3.css 比如只维护py1，其余的py2、py3自动生成，则将替换规则文件skin.csv放置在skin文件夹中，即 skin/py1.css skin/skin.csv 2. skin.csv编写原则 skin.csv可以用office的excel来编辑 备注py1py2py3链接色#077D01#A86000#

小李刀刀同学制作了一段很赞的CssGaga功能演示视频，主要介绍了**哀悼日网站变灰**等功能，点下面链接下载： 下载CssGaga功能演示视频