CSS Sprites

CSS, Google, XHTML, Yahoo, 网站设计, 随笔

原来是CSS Sprites呀

最近一阵国内Blogger开始涉及CSS Sprites,是因为有人偶然发现Google搜索首页JS的秘密,之后我才知道去年Yahoo改版使用的技术原来就是这个,当时不知道怎么形容,只好套用软件资源图片的概念,看过Realazy的文章才大致理解,发现自己当时的理解还是太浅显,这是早在2005年就出现的技术呀。

不可否认,这种方法确实减少了CSS文件里的HTTP请求数,但是图片的更新和配置比较有难度,且半透明和不透明图片最好分开打包。

最后,也许是我胡思乱想,这种方法如果继续发展下去,完全可以省去前端操作人员(网页制作、编辑)用Photoshop切割图片的工序,会否变成引用原设计图直接作为资源图片呢?


Technorati : , , , ,

互联网, 网站设计, 随笔

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

Yahoo的新版首页终于完整公布了,修改了部分设置,基于好奇的原因,小小研究了一下。

说得夸张点,Yahoo在用写软件的方式做网站。包括:

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

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

Technorati : , , ,