原来是CSS Sprites呀

Mon, 08 Oct 2007 03:39:10 +0000

最近一阵国内Blogger开始涉及CSS Sprites，是因为有人偶然发现Google搜索首页JS的秘密，之后我才知道去年Yahoo改版使用的技术原来就是这个，当时不知道怎么形容，只好套用软件资源图片的概念，看过Realazy的文章才大致理解，发现自己当时的理解还是太浅显，这是早在2005年就出现的技术呀。不可否认，这种方法确实减少了CSS文件里的HTTP请求数，但是图片的更新和配置比较有难度，且半透明和不透明图片最好分开打包。最后，也许是我胡思乱想，这种方法如果继续发展下去，完全可以省去前端操作人员（网页制作、编辑）用Photoshop切割图片的工序，会否变成引用原设计图直接作为资源图片呢？

新版Yahoo首页：用软件的方式做网站

Fri, 21 Jul 2006 15:54:40 +0000

Yahoo的新版首页终于完整公布了，修改了部分设置，基于好奇的原因，小小研究了一下。说得夸张点，Yahoo在用写软件的方式做网站。包括：

Yahoo在UI上的操作，比如换配色，虽然也有别的网站使用，但是从操作上，Yahoo的处理更像是软件的方式，有点像现在的Windows Live Messenger的换色操作。
图片的调用跟软件的一种图片资源操作如出一辙，软件对图片资源有一种使用方法"将所有图片放在一张图片里，使用相应的位置坐标调用"，Yahoo的做法很类似，页面上的图标、背景图都是来自于一张大图（图标资源1、图标资源2、背景图资源），使用CSS定义范围来显示相应图片，这么做确实有好处，可以方便预先读取和集中管理图片资源。

其实前两天就想写这个内容的，但是最近我的Dreamhost空间极度不稳定，导致未能及时发布，今天在发的时候又忘了点当时想写的地方，只好凑合了。 Technorati : CSS, homepage, software, yahoo

CSS Sprites on 不够智能的网志

原来是CSS Sprites呀

新版Yahoo首页：用软件的方式做网站