【更新】iSpriter - 智能合并CSS精灵图
号外号外,iSpriter更新啦!
什么?你不知道iSpriter是什么?那你太out啦,必须先看看这个文章了。简单的一句话介绍:基于NodeJs的开源CSS精灵图合并工具,不用改变原有的 css 编写方式,就能自动帮你解决 css sprite 的合并问题。目前源码托管在 github(https://github.com/iazrael/ispriter),欢迎各位同学来一起完善。
由于最初写的时候不怎么注意代码自量,写得比较搓。在应用在几个项目之后,修复了一些 bug,发现再加新功能比较困难。最近终于下决心重构了下,并在重构的基础上增加了一些新特性。
目前 iSp......
NodeJs智能合并CSS精灵图工具iSpriter
一、引子
根据雅虎的网站优化准则,合并页面用到的图片,可以减少加载时发起的http请求数目,可以加速页面加载。具体能提速多少,本人没测试过,也就不好说了。
话说这排手上的项目里用到的图片都怎么合并,并不是不想合并,而是一个个图片去拼实在是太累了啊。另外桂总做的autosprite又还没成型,未能支持旧有项目;自己做的AutoSprites也是一个烂摊子——java写脚本功能的代码真不是一般的痛苦啊;至于炜哥的GoPng在线合图工具,说实话,这类需要人工定位图片的工具,我着实不喜欢。还是那句话,我可是个程序员呐,这种机械化无趣的工作就该交给电脑来完成,不然电脑是拿来干嘛的?
二、所......
Recent Articles
Tags
css3  
魅力CSS  
nodejs  
loading  
CSS  
疯狂的菊花  
html5  
animation  
compiler  
编译脚本  
png  
WordPress  
智能  
旅行  
优化  
模板  
历史记录  
跨域  
manifest  
frame  
canvas  
动画  
js  
离线应用  
codelet  
transform  
抽取  
java  
兼容问题  
发布脚本  
富文本  
那一年在他乡  
htaccess  
iframe  
帧动画  
加载速度  
intelligent  
跨浏览器  
DNS解析  
插件  
checkbox  
单边  
step-start  
vary  
复选框  
自动更新  
转换  
文本溢出  
盒子阴影  
menu  
blob  
西安  
滑动背景  
box-shadow  
内存占用  
键盘事件  
python  
auto  
text overflow  
background  
所见所得  
android  
rotate  
字节数  
合并  
文本框  
slide  
字符串连接符  
协议  
伪类  
兄弟选择符  
网格  
节点位置比较  
空白  
斜线拼接  
自定义命令  
溢出  
clock  
素描  
无法更新  
分隔符  
字符编码  
body  
下载文件  
精灵图  
step  
nodej  
ubuntu  
apache  
css3选择器  
创建文件  
多级菜单  
编辑状态  
ajax  
阴影  
垂直  
chrome  
管道  
时钟  
firefox  
背景  
文件上传  
createobjecturl  
游记  
下载  
放射渐变  
版本号  
宽高  
照片  
localStorage  
渐变背景  
图片  
图片拼接  
属性值检测  
自动生成  
计算  
返回键  
oauth  
合图  
reset  
调用  
cavnas  
漏洞  
按钮  
margin  
线性渐变  
xsrf  
被黑  
tab  
checked  
修复  
border  
消失  
step-end  
sprite  
common-upload  
菜单  
兄弟选择器  
字符串  
svn  
九寨沟  
缩进  
css遮罩  
svg  
添加系统服务  
gzip  
插入代码  
动态  
加速  
模拟