网站设计 on 不够智能的网志

原来是CSS Sprites呀

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

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

昨日收集 - 我，离用户有多远?

Sun, 29 Apr 2007 16:42:23 +0000

2007-4-29

昨日收集 - 体验之美兼记录一下5大UE心得

Fri, 20 Apr 2007 16:20:19 +0000

2007-4-21

用XHTML+CSS实现文章列表标题时间对齐

Mon, 05 Mar 2007 03:16:09 +0000

今天要查LCD的资料，跑到PConline去看，看到他们的文章列表觉得效果还好，如图：

无意间发现文章列表的页面代码写得很奇怪，首先他们用ul做文章列表这没错，接着又用另一个ul来放时间，之后用一个table把两部分拼起来，做成列表标题和时间都对齐的效果，如下（稍微调整了一下）：

Axure RP Pro 4.4.0.741新鲜发布

Thu, 25 Jan 2007 09:17:07 +0000

以前介绍过Axure RP Pro，当时版本是4.2，在试用期那段时间里用得那叫一个爽，后来因为修改系统时间，直接就被禁用了，郁闷。

今天早上收到Axure的信，Axure RP Pro 4.4.0.741正式版已经发布，赶紧下载一个，终于可以接着用了，4.4的功能列表在这里。

Axure的RP不是一般的好

Wed, 06 Dec 2006 09:37:08 +0000

先感谢木的{moond}，要不是一次提供了那么多画原型图的工具，我现在还在Word和Visio里面打转呢。这些软件能试用的我差不多都用了一下，其中觉得Axure的RP Pro 4挺好的，功能包括站点地图、流程设计、页面框架设计、简单交互设计等，可以生成HTML、Word等格式。 RP操作比用Dreamweaver简单多了，图片、文字、输入框等等所有组件全是可视化操作，可以很方便的实现网站交互内容的原型设计，可将以前死板的页面版式全部替换为有点击、链接效果的网页，nice~ 同时可以为网站设计提供AJAX式的交互处理，RP提供一种动态层的组件，在同一页设定不同状态的效果，然后用链接、按钮等触发即可产生动态效果，这样网站设计就变得更加生动，意图也就更加直观。可惜，这么好的软件只能试用30天，哪位兄台要是有解决方法一定要通知我，这里先谢了~

新版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+XHTML

Thu, 27 Apr 2006 10:15:12 +0000

最近老冒写了两篇（1，2）关于Web2.0网站设计的文章，很多内容都有同感，尤其是第二篇里的：

**试图用css编码，而不是用css设计
**设计人员仍然是photoshop画页面，然后切割，然后用css去实现。这个往往导致的结果就是产生大量不必要的垃圾代码，xhtml的代码结构为了实现美工设计的某些其实微不足道的效果而变得复杂不堪。