例如淘宝小花的CSS border使用小分享，简直是叹为观止！
<div id="test"></div>
#test {
height:0;
width:0;
overflow: hidden;
font-size: 0;
line-height: 0;
border-color:#FF9600 transparent transparent transparent;
border-style:solid dashed dashed dashed;
border-width:20px;
}
效果：
看来CSS我才刚上路呢。
来源：css-border使用小分享， PPT
Google Reader再次崩溃后，终于不能忍了。可能吧是老早就不指望了，但是小众，帕兰映像，随便什么都能让Reader 2分钟内无法访问，显然已经超出了心理的极限，似乎随时会踩到地雷，那就换一个吧。导出订阅列表到有道，可能是心理作用，觉得速度都快多了。基本上用起来是无缝的。？调出快捷列表来看，常用的j/k，n/p，o，v，u，都有，而且可能吧也能看了。
拉风是功能是快捷键d，弹出有道翻译，而且可以使用划词搜索，忍不住截图上来。
这个书，我推荐过。。。
原文地址：http://css-tricks.com/css-sprites-workflow/
来源：css-tricks
在项目中使用CSS Sprites的情况不是特别多，之前给taobao折腾过一个。之所以少用，是因为网站访问量不够大，加之不晓得何时会改版。这就是小网站的幸福了，不必太在意代码压缩和图片压缩，不会有（啊。。要是我们每个页面节省1kb，一年下来可以省下000,000,000）。当然，待稳定下来，把图片整理下是个不错的事情。比如refollow，好吧。
CSS Sprites的生成网站不少，这里还有张爱民同学的桌面版CSS Sptites生成工具，但是用起来总是不爽。
真正使用CSS Sprites过程中遇到的问题：
1. 优秀的生成工具
2. 遇上增/删/改图片的情况
我想要的CSS Sprites应用功能：
1. 压缩紧凑些，而不是简单的一张图片占一行，多出的空间会让我有罪恶感。
2. 在生成后，精确给出每张图片的background-position。
3. 在增/删/该情况下，尽量只影响当前修改部分的background-position，不必把所有图片都改一遍。
真正符合这两个条件的并不多，实际上我还在寻找中。
这篇文章的介绍的工作流程非常有效，实际上得益于SpriteMe的强大。你可以方便的将该js以书签的方式保存：
1. 无视CSS Sprites，写好CSS代码，P好图片。
Echo are discussing.
#logo {
background: url(images/logo.png) no-repeat;
}
2. 打开demo，点击书签SpriteMe，它会自动收集demo中的图片。
注释background，使用生成的CSS Sprites
#logo {
/* background: url(images/logo.png) no-repeat; */
background: url(images/sprite.png) -10px -579px no-repeat;
}
韩一菲 12:20 pm on 0, September 29, 2010 Permalink
到处是博客，少了原创
芒果 11:11 pm on 0, December 1, 2010 Permalink
确实，很多效果都可以用纯 CSS 实现的~