CssGaga

CssGaga - AutoSprite算法简介

CssGaga最新版(当前是build 163)改进了AutoSprite算法,图片排列紧密程度已完全超越人类,带来的好处是图片面积越小客户端所占内存越小,详见谨慎使用 CSS Sprites CssGaga是个闭源项目,你只要用就好,不必浪费时间纠结于如何实现 淘宝的文河(yyfrankyy)同学曾问我要过CssGaga的源码,被我拒绝,我觉得授人与鱼不如授人与渔,让他去用Reflector反编译,他说他学过C# D2前端技术沙龙(北京场)纪录中 D:百度空间的编译平台能不能开源,能否推广出来? 李成银:都是基于第三方开发的,但是整体没有开源,包括编码规范公司有差异,不可能迁移过来,大家就算去用很多也要花很长时间; 不打算开源百度编译平台的李成银同学在twitter上说 @ytzong

  • ytzong
3 min read
CssGaga

CssGaga 一键网站变灰快速上手指南

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

  • ytzong
1 min read
CssGaga

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_

  • ytzong
1 min read
CssGaga

CssGaga加入自动更新功能

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

  • ytzong
1 min read
CssGaga

CssGaga - 皮肤1toN

细心的朋友们也许早已发现这个选项了,不过一直懒着没写说明,现在补上:) 每改动一点点皮肤要手动更改校友的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

  • ytzong
2 min read
CssGaga

CssGaga – 哀悼日网站一键变灰

勾选去色 css去色 将css中的色值(包括rgb、rgba、英文单词色值如red等)转为黑白,生成文件名 *.cs → *.gray.css 图片去色 可处理 css/jpg/png/gif 图片生成位置:当前目录下的gray文件夹 .jpg → gray/.jpg 一键变灰 同时勾选去色及抽取图片,将css拖拽进来即可 抽取图片功能 详见CssGaga – 抽取图片 此操作后: 生成变灰的css *.cs → *.gray.css

  • ytzong
1 min read