Hauy`s blog

乔迁祉禧

hauy — Sat, 10 Jul 2010 16:30:18 +0000

本博客地址从 http://www.inpeck.com/blog/ 迁移至 http://blog.hauy.net/

RSS订阅地址由 http://feeds.feedburner.com/inpeck/ 更新为 http://feed.hauy.net/

谢谢各位朋友关注！

Facebook模式有没有可能和Twitter模式相结合？

hauy — Fri, 21 May 2010 07:47:00 +0000

与博客的发展类似，继饭否、叽歪等微博先驱倒下后，门户们纷纷涌进这块兵家必争之地，微博这一引领世界潮流的互联网产品也走进了大众的视野。

与这种产品形态相似的是，以Facebook为代表的SNS网站也有个类似的产品组件，Facebook上现在叫“你在想什么”，而其他网站有的叫“状态”，有的叫“动态”，有的叫“发言”，反正叫什么的都有。

那么，当今这两种最火的产品，能不能整合到一起呢？
似乎很难，因为看上去这两种产品形态很相似，但是实际上却是截然相反。
相反的原因是两者信息的传播形式是完全对立的。

对于Facebook来说，好友关系是双向的，必须双方同意之后才能互相看到信息，
每个用户都是处在一个封闭的环境中，每个用户几乎只和自己熟知的人交往，并作出适当的拓展。
换句话说，大部分的用户在大部分的情况下只加自己认识的人，也只和自己认识的人进行交互和交流。
而发出来的信息，也只有好友才能看到

对于Twitter来说，其实不存在好友关系，
每个用户(从信息架构上看)都是一个独立的信息源，不断地朝整个互联网发布和传播信息。
你只要关注你感兴趣的信息源，就能获得相应的信息。

所以，两者最根本的区别是：Facebook是封闭的，Twitter是开放的。

这个区别导致了两者更多的区别：

一、内容和体验上的不同

1、内容侧重点不一样
前者(Facebook)以个人八卦和闲话为主，内容质量差。
而后者(Twitter)则可以无所不包，无所不谈，不像前者信息容易淹没在其他的News Feed里，从而更容易获得高质量的讨论。

2、关注的用户不同
前者不需要关注陌生人的内容。
后者往往因为话题的讨论而带入陌生人。

3、目的不一样
前者基本上是为了维护现有的好友关系，微博只是一个辅助的功能。
而后者，这是一个说话的渠道，你可以自言自语或者和别人讨论。

4、传播性
前者因各种原因限制没办法达到一个很广的传播，最多传播到好友的好友就差不多了。
而对后者来说，只要内容有价值，往往很容易就可以达到上百乃至上千的转播。

5、前者以人为核心，后者以内容为核心

在Facebook里，你首先对一个人感兴趣，然后再建立关系，然后才是进一步的交流。
如果讨厌某个人说的话，可以将他在News Feed里隐藏掉，而你们仍然可以保留朋友关系。
但是在Twitter里，在加了认识的人以外，由于页面上给出的信息太少，往往是根据用户说的内容来决定要不要Follow，
像新浪微博也给出一个功能叫“我的标签”来帮助用户判断是否对此人关注的内容感兴趣，
而如果你讨厌某个话痨，你只能Unfollow他。

另外顺便提一下，似乎以人为核心的网站适用双向的好友关系，而以内容为核心的网站适用单向的好友关系，譬如最近豆瓣友邻功能的改版。

二、功能设计上的不同点：

1、评论系统
前者必须有评论，因为用户发布的信息很容易淹没在News Feed里，没有评论是很傻的。
而在独立的微博产品里，评论系统是否必要还是一个正在争论的话题，比如很多朋友用惯了新浪微博之后就觉得腾讯微博很落伍，连评论都没有，有些话想说却像哽在喉咙里说不出来。

2、每条消息是否需要独立的页面
前者不需要，所有的信息都是依附于某个用户，评论也在同一个列表页面上完成。
后者一般需要，像新浪微博带评论以后肯定每条消息需要一个独立的页面，像腾讯微博这种不带评论的似乎没有必要。

小结：
这样看来，要把两者结合在一起似乎是不大可能的任务。
Facebook再怎么改进也没办法进入Twitter已经占据的山头。
因为两边差距实在太大了。

不过要下个定论的话也未必，最近的一些新产品似乎有把两者结合的趋势，比如Google Buzz，比如人间网。
这些新形态产品的动向和发展很值得关注。

有序列表(OL)在IE7下不能正常显示序号的bug

hauy — Fri, 31 Oct 2008 15:27:17 +0000

最近在工作中发现IE7在处理有序列表时有一个bug。

情况如下：

把ol中的li设置css属性overflow设置为hidden或者auto时，列表的序号将不能正常显示。如图所示：

同时，当list-style-type属性设置为lower-roman时，只显示罗马字母i，
同理，设为lower-alpha时，只显示小写字母a。

经过测试，其他浏览器均未发现此现象。
在网上搜索了一番，仍不知是何种原因导致这种情况出现，希望诸位指点。

另外，我在IE8里面测试了这个页面发现干脆连前面的序号也不显示了，
由于IE8现在还在测试期，所以不能肯定在将来还会有这个bug。
IE8下的表现应该是符合标准浏览器的解析方式。
即当list-style-position属性默认为outside时，序号就显示在li这个box之外了，
所以overflow设置为hidden时，序号自然就不显示了。

另外，IE7还有这个现象：

在正常情况下，list-style-position属性设置为inside时，序号能显示在li这个box之内。
但是当overflow设置为hidden时，即使将list-style-position属性设置为inside，序号仍然出现在li这个box之外，
此时，上述的bug也会发生。

测试页面地址请点击这里。

Chrome及其他浏览器内存占用情况测试

hauy — Wed, 22 Oct 2008 13:55:55 +0000

Chrome出来已经有一段时间了，或褒或贬各执一词。
有个关键的争议点是：Chrome的多进程架构是否合理、能否提高系统运行效率？
于是我突然想做个简单的测试，比较一下各个浏览器的内存占用情况。

测试环境：

系统：Windows Vista Ultimate 中文版，安装了SP1
CPU：Intel Core2 Duo T7250
内存：DDR2 533 3G

测试软件（均为英文版）：

Chrome 0.2.149.30
IE 7.00.6000.16386
Firefox 3.0.2(仅安装了少数常用插件，比如Firebug、Web Developer Toolbar等)
Opera 9.60
Safari 3.0.4(523.15)

测试步骤：

每个浏览器只打开畅享网，记录其内存占用情况；
每个浏览器都打开六个网页，记录其内存占用情况，这六个网页分别是：畅享网首页、Google Reader、Google Docs、新浪首页、Adobe首页、淘宝首页；
关掉其他页面，只留下Google Reader，记录其内存占用情况。

测试结果如下：

1、只打开畅享网时，每个浏览器的内存占用情况：

2、同时打开六个网页时，每个浏览器的内存占用情况：

3、关掉大部分页面，只剩下Google reader之后：

结论：

刚开始的时候，Opera的表现最突出，占用内存最少，其他浏览器不相上下；
当打开多个页面以后，Firefox后来居上，表现优异，其他浏览器占用内存已经在200m左右；
关掉大部分窗口以后，Chrome多进程的优势开始体现了出来，大部分的内存都已经回收，已经和最初的状态差不多；
在这个部分，Firefox的表现也令我们感到相当满意，不愧为IE最大劲敌；
而Opera和Safari的表现平平，基本上没有回收多少内存；
综上所述，大家不要盲目地认为Chrome的多进程功能是吃内存的大户，从Chrome的表现来看，它是一款能提高内存利用率、合理利用内存的优秀浏览器。

Adobe Photoshop CS4 新增及增强功能

hauy — Tue, 23 Sep 2008 08:07:06 +0000

Adobe的官方网站上已经放出了CS4系列新增功能的中文介绍。

关于Photoshop CS4，新增的功能有：

创新的 3D 绘图与合成
3D 对象和属性编辑
新增调整面板（以前菜单里的那堆）
新增了蒙版面板（Masks panel）
流体画布旋转（可以随意旋转画布）

对原功能进行了加强的有：

图像自动混合（似乎很神奇）
更顺畅的遥摄和缩放（缩放、定位图像位置）
内容感知型缩放（看上去很神奇）
层自动对齐
更远的景深（就是上面那个图像自动混合功能。。。）
增强的动态图形编辑
更好的原始图像处理（Camera Raw 5 插件）

等等

不知道什么时候可以在市面上看到？

详细内容可以查看这里：中文版英文版

Axure教程：用Axure模拟注册和登录的过程

hauy — Mon, 22 Sep 2008 16:05:42 +0000

通过Axure，我们可以做很多事情。
我们甚至可以建立起一套和真实网页几乎完全一致的页面原型。

今天我要给大家介绍怎样通过Axure内置的变量来模拟注册和登录的过程。

Axure的变量功能相对还是比较简单的。
注册的过程，就是用组件中的值对变量进行赋值。
登录的过程，就是把组件中的值和变量对照，如果相等，就可以登录，反之则不允许。

首先，我们要在菜单 Wireframe -> Manage Variables 项里设置好我们需要的变量：

在注册页面上，我们也需要几个文本框，把他们的Label设置为Username、Password和Email。

然后我们在提交的按钮增加一个交互事件。
在点击提交按钮的时候对变量进行赋值。

注册过程大体上就是如此。
当然我们也可以加入很多判断和提示内容，比如检查Email 地址是否合法，用户名的长度是否超过要求等等。
这些都看自己的需要了。

然后是登录的页面。

登录页面通常只需要Username和Password两个文本框，在提交表单的时候判断这两个值是否和变量中的相等就可以了。
登录时可能需要设置好几个Case，比如用户名不匹配如何、密码不匹配如何等等。
提交时判断用户名密码是否一致的交互事件设置如下所示：

判断一致，则跳转到登录成功页面。
整个过程非常简单，Axure确实很容易上手。

不过做这个原型的时候我也发现两个问题：

一、无法直接在widget上显示变量的值

比如说我要在登录后的界面显示“欢迎你！某某某！”，后面的某某某想从变量里取，就没办法。

二、设置条件判断时不能进行综合设置，无论有几个条件，只能设置单一的与和或。

比如我登录的时候可以输入Username登录，也可以输入Email登录，那么现在似乎就没有办法。
现在我只能设置(Username“等于”变量里的Username，而且Password“等于”变量里的Password)。
不能设置((Username“等于”变量里的Username 或者 Email“等于”变量里的Email) 而且 Password“等于”变量里的Password)

关于这两点缺陷，不知道大家有没有什么好的办法？
或者Axure在这方面还有我不知道的功能，希望大家可以一起交流探讨。

本案例所涉及的rp文件可以点此下载。
HTML原型可以点击这里查看。

教你关闭QQ空间

hauy — Fri, 18 Jul 2008 05:06:02 +0000

想关闭qq空间很久了，一直不知道怎么关，今天，经群里的铁马指点，终于知道怎么关掉qq空间了。

过程很简单，只要访问这个地址：http://imgcache.qq.com/qzone/web/load_login_2.htm

填一下个人资料、密码、验证码，然后做一个调查，就可以马上把qq空间关闭了。

只是关闭了qq空间以后，想要再重新开通的话，我还没找到什么办法。。。可能要联系客服？

怎样通过Foxmail来发送完整的HTML网页文件

hauy — Tue, 08 Jul 2008 10:03:28 +0000

最近经常有朋友问到这个问题，我还是写一个详细的说明比较好。

由于Foxmail提供了一个模板的功能，这个功能我们可以用来发送HTML的网页文件。

找到Foxmail的安装目录，比如 D:\Program files\Tencent\Foxmail ，为了方便起见，我们可以把需要发送的网页文件复制到 D:\Program files\Tencent\Foxmail\Template\New 目录下。

此时在Foxmail里点击 “撰写 -> 自定义” 就能看到刚才放进去的网页，选中以后就可以直接发送这个文件了。

需要注意的是两点：

网页的文件名需要htm结尾，不能以html结尾；
网页的编码需要采用GB2312，不能用UTF-8。修改方法如下：
打开网页，点击右键看编码，如果是简体中文(GB2312)，那就不用改了，如果是Unicode(UTF-8)，那就需要修改，修改的时候用记事本打开网页文件，找到类似 content=”text/html; charset=utf-8; 的代码，把utf-8改为gb2312，然后另存为，编码选择ANSI，文件类型选所有就可以了，覆盖原来的网页文件。

Adobe Dreamweaver CS4 Beta 发布

hauy — Tue, 27 May 2008 16:56:30 +0000

今天下载并试用了一下，发现变得很不一样了。略微有点不适应。

界面截图：

新增的功能有：

Live View

内置了一个WebKit渲染引擎，用于以标准浏览器来预览网页文件的显示效果。
Live View边上还有一个按钮叫Live Code，激活以后能在Code View里面显示该网页在真实浏览器环境下的Source Code，比如SSI过来的文件都能直接显示其内容了。

Related Files (相关文件)

这个功能是在编辑窗口的顶部显示一系列和当前网页相关的一系列文件，比如css啦，js啦等等，点一下就能直接编辑这些文件了，不需要到文件堆里面去找了。

Code Navigator (代码导航)

这个功能还是比较有用的。
简单地说，按住Alt在页面上点击以后，DW会弹出一个小对话框，用来显示会影响当前所选内容的信息，比如定义某段文字的CSS，在上面一点就可以切换到修改对应CSS的地方，很方便。

CSS best practices

CSS 方面有很大的增强。

Code hinting for Ajax and JavaScript frameworks (Ajax和Javascript框架的语法提示)

增加了对jQuery、Prototype和Spry这些js框架的语法提示支持。

HTML data sets

这个我没啥兴趣，增加了Spry的一个Data Set功能。

Photoshop Smart Objects (Photoshop智能对象)

没什么特别的，就是把psd文件拖进dw的时候会弹出一个优化图片的对话框，优化完以后提示让你保存jpg或者gif，有改动的话以后可以继续优化，只要psd文件还在。

Subversion integration

增加了版本控制功能。

新界面

据说变得更加fast和smart。。。不过我没感觉到。。。

其他的变化

右上角增加了切换面板布局的按钮，可以在八种布局方式之间切换，还可以新建和保存布局模式；
设置文字的属性的时候会弹出设置样式的对话框；
增加了Split Code (分割代码)功能，可以在两个界面显示同一个文件的不同部分，有些时候特别方便，不用来回拖动滚动条了；
编辑窗口右下角增加的对文档编码类型的描述，比如是unicode还是gb2312；
属性面板有了很大的变化，少了很多东西；
把插件管理器单独在菜单上放一个按钮令我觉得很奇怪；

郁闷的是。。。开着DW CS4之后我的DW CS3打不开了。。。要关掉以后才能打开。

Firework CS4和 Soundbooth CS4我没有太大兴趣，就没有关注了。

相关信息：

Dreamweaver CS4 帮助文件：http://help.adobe.com/en_US/Dreamweaver/10.0_Using/
Dreamweaver CS4 在Adobe的主页：http://labs.adobe.com/technologies/dreamweavercs4/
安装文件下载：For Windows，For Mac

0字节的flv文件导致vista的explorer崩溃

hauy — Wed, 14 May 2008 06:42:24 +0000

今天朋友让我帮忙下载一个flv的视频，于是我就去找来了ViDown。
结果一开始下载以后，vista的explorer就不停地崩溃。。。囧。。。
然后进安全模式。。。explorer依然不停地崩溃。。。
郁闷了，打开卡巴，把关键区域扫描了一遍，未发现病毒。
用任务管理器却可以进入其他目录包括控制面板等。
我到c盘下找到explorer.exe文件，发现并没有被修改。

这时我发现，我在资源管理器里一切换到桌面所在目录，资源管理器也会崩溃。
于是我注意到在桌面目录下有一个0字节的flv文件，遂进入cmd把它删了，问题解决。

原来我刚才使用ViDown的时候把下载目录设置在了桌面，
开始下载的时候ViDown就新建了一个0字节的flv文件
vista的explorer大概想去预览这个文件，于是就出错了。

问题解决，把下载目录设置到其他地方就可以了。
不知道vista下，其他0字节的视频文件会不会导致explorer崩溃？

Updated:

经测试，是播放flv文件的解码器的问题，原先的解码器是FLV splitter (Gabest) [version 1.0.0.1]，
更新到1.0.0.4版本以后就没问题了。

Email页面代码书写建议及规范

hauy — Wed, 30 Apr 2008 10:22:20 +0000

前几天看到口碑网的朋友写了一篇《如何编写兼容各主流邮箱的HTML邮件》，很不错。
在这里，我也要把我的经验和大家分享一下。

众所周知，Email是一项最古老的互联网应用之一。
因此，不少邮件系统还是会采用一些比较古老的处理方式，导致前端方面很多新的技术、新的特性无法被支持。
而且各个邮箱系统以及客户端的差异，也会使email的最终呈现出现很大的偏差。

HTML细节

就目前来说，如果要做一个email页面，为了保证最大的兼容性，有以下几点需要注意：

对于纯文本邮件：

邮件标题不要超过18个字；
每行不要超过34个字。

对于HTML邮件：

邮件标题不要超过18个字；
HTML代码和图片尽量不要超过50kb；
页面宽度推荐500px，最大不要超过600px；
避免使用边缘的、非主流的HTML技术；
不使用css来布局，应该使用表格来布局；
不使用外联的css样式，而使用font标签来定义样式，定义链接颜色时也是如此，写法如下： ...
不使用Flash、Java、Javascript、frames、i-frames、ActiveX 以及 DHTML ；
body和meta之类的标签是可以无视的，因为在很多邮箱系统里它会被过滤；
如果整个邮件有用到背景色或背景图，建议用以下方式处理：

有背景图片的时候，我们要采用这种写法：


图片屏蔽
由于图片可以用来侦测邮件的打开率和email地址的有效性。

不少邮件客户端都会默认把邮件中的图片屏蔽，用户需要再点一下才能显示图片。








Blocking Issue
AOL v. 6.0-9.0
Gmail
Hotmail
Yahoo!
Outlook 2000/XP
Outlook 2003
Outlook Express w/SP2
Outlook Express w/o SP2


外链的图片是否默认被屏蔽
Yes
Yes
No
No
No
Yes
Yes
No


用户能否设置是否屏蔽图片
Yes
No
Yes
Yes
Yes
Yes
Yes
Yes


能不能让用户点击某个按钮就显示邮件中的图片
Yes
Yes
Yes
No
No
Yes
Yes
N/A


当发件人在用户的联系人列表里时是否默认显示图片
Yes
No
Yes
No
Yes
Yes
Yes
Yes


发件人在ISP白名单中时能不能默认显示图片(国内好像没这个概念)
Yes
N/A
Yes
No
N/A
N/A
N/A
N/A


图片被屏蔽时是否显示alt属性
No
Yes
No
No
No
No
No
N/A


预览时显示windows的主题样式
No
No
No
No
Yes
Yes
Yes
Yes



来源：EmailLabs, 2004。国内用户常用的Foxmail似乎没有屏蔽邮件内图片的功能，我也找不到相关设置的地方。
一旦图片被屏蔽，整个邮件就会变得面目全非，这里有以下一些建议：

重要内容尽量避免使用图片，比如标题、链接等；
制作一份和邮件内容一样的web页面，然后在邮件顶部写一句话，类似：“如果您无法查看邮件内容，请点击这里查看”；
所有图片都要加上alt属性；
所有的图片都要定义高和宽；
通知收件人把你的发件地址加入白名单。

Outlook 2007的限制
由于outlook 2007使用了word的渲染引擎来展现邮件内容，所以很多HTML属性没法得到支持了，比如：

背景图片(这一点很重要！)
css浮动和定位(这个没啥用)
自定义列表项的图像(这个也没啥用)
Flash(反正不放)
GIF动画
图片的alt属性(值得注意)
表单(反正不放)

下载这个pdf查看详细介绍。这些细节还是应该注意一下。
附：Email客户端的CSS支持情况

本资料来自国外某邮件营销公司，所以缺乏国内邮件客户端的数据。



微软正式发布 Internet Explorer 7 (IE7)
hauy — Fri, 20 Oct 2006 05:42:18 +0000
微软在19日公布了IE7的最终正式版，并预计于11月1日通过自动更新推送IE7。

同时，Yahoo版的IE7提取出来以后的数字签名和官方版完全相同。

不过这次IE7发布的英文版是英文版的，国内用户应该不会大规模地使用。

正好可以趁这段时间测试一下，对于一些问题可以有一些对策。
体验IE7

IE7视频
下载和安装
[url=http://download.microsoft.com/download/3/8/8/38889DC1-848C-4BF2-8335-86C573AD86D9/IE7-WindowsXP-x86-enu.exe]IE7 for SP2 英文版本直接下载[/url]
英文版的IE7官方下载连接

Windows XP SP2 Edition
Windows Server 2003 32-bit Edition
Windows XP & Windows Server 2003 x64 Edition
Windows Server 2003 ia64 Edition

安装时需要验证是否正版操作系统
安装方法：
1，打开“文件夹选项”，“查看”选择“显示所有的文件和文件夹”

2，打开系统盘，找到Documents and Settings文件夹，打开all users文件夹内的Application Data子文件夹，继续选择打开ndows Genuine Advantage，将data文件夹里面的data.dat删除

3，设置all users文件夹为只读

4，断开网络安装IE7.0
体验与使用

相对测试版的IE7，正式发布的版本更加稳定和流畅，占用的内存也没有以前那么夸张。
由于ClearType功能的影响，测试版中12px的宋体字看上去也是糊的，现在在正式版里面12px的宋体字看上去就很锐利，还是和以前ie6下面的一样。
不过这个又带出一个问题，中文和英文显示时的颜色浓度略有差异，平时应该注意尽量避免中英文混排。
Tab功能很不错。按住Ctrl点击链接是在新Tab中打开链接；按住鼠标中键关闭Tab，这个好像意义不大。

平台改进和操作性
这可能是我最关心的问题
CSS方面：
IE7重点解决了以下两个bug：Peek-a-boo Bug 和 Guillotine Bug
正在解决中的问题有： 
Ability to hover on all elements
Fixed positioning
CSS 2 selectors
HTML 4.01 improvements
Windowless Select Element

另外一些改进：

PNG:IE7开始支持PNG文件的alpha通道，意味着PNG的256级透明效果在IE7上有了用武之地了。
Ajax:IE7内置了XMLHttpRequest对象而无需ActiveX的支持。提高了兼容性以及客户端可以自定义安全策略。
RSS Feed 订阅支持:不用
OpenSearch 平台:可以方便地设置google为默认搜索引擎了（刚安装完IE7默认是Live.com）。




转载：如何创建一个更好的规范
hauy — Sat, 23 Sep 2006 01:29:51 +0000
作者简介：Whitney Quesenbery 是一位用户界面设计者以及可用性专家。她与世界各地的公司合作获得了优胜网站，网站和软件应用等奖项。作为 UPA 评判和可用性项目的主管，她被任命为美国政府在评判系统标准问题上的顾问委员会的委员。 Whitney 还担任着美国 UPA 主席的职务。
1. Building a Better Style Guide
1.1. ABSTRACT（摘要）
Why are style guides so frequently created, but so rarely successful? All too often, businesses ask for a style guide as a means to create a common look and feel, in the belief that it will solve usability problems and establish consistency between applications – only to be disappointed in the results. Even if such a style guide is followed carefully, the resulting interfaces may not meet usability goals.. This paper explores strategies for creating a style guide that is more than a simplistic rules book. By making the style guide part of the process, it can be used to promote a shared vision, to help the product meet business and usability requirements for consistency and…it may actually be used.
为什么规范如此频繁的被创建，但却很少成功的？时常企业创建一个规范的目的是能够创建一致的样子和操作习惯，并且希望透过规范来解决易用性方面的问题并且能够建立不同产品之间的一致性，但结果却是让人失望。即使规范被严格的遵循，结果却是界面的样式与易用性的目标相违背。这篇文章讨论的就是如何让规范不仅仅是一个规范手册。让规范融入到开发过程中，用于提升可视的共享（a shared vision？），让产品与商业需求和易用性要求相结合等等。让它真正的被使用。
1.2. INTRODUCTION（简介）
All too many projects to improve the usability of a user interface start with a request to create a style guide. To many user-centered designers, a style guide is the documentation of a design – the end of a design process – not a starting point for usability. And yet, we continue to create them, despite that fact that they may do little to address real usability problems or create a common approach to interaction. This paper describes some tactics and techniques for creating style guides that present and organize the appropriate information in a usable structure.
很多项目为了提高用户界面的易用性从创建一个规范开始。太多以用户为中心的设计者把规范作为设计最后的设计的文档，而不是易用性的起点。我们不断地创建它，而不顾它实际上不能解决实际的易用性问题或是达成共同的交互方式。
1.3. WHAT’S IN A STYLE GUIDE?（规范中包含什么内容？）
Style guides can be classified as platform (or language) guide, general design guides, or corporate style guides for a specific application. Although they overlap in many ways, each has a different focus.
Style guides可以分为：开发语言规范（？）、通用设计规范或特殊应用程序通用样式规范。虽然他们通过许多的途径交迭，但有各自不同的焦点。
1.3.1. Platform Guides
The vast majority of publicly-available guides are in the first category. These style guides focus on rules for presentation elements, including visual design elements such as color, logos, fonts or icons; page or screen layouts including spacing, justification and common items; and the correct usage for standard controls such as buttons, drop-down selections, radio button or check boxes.
这种规范的焦点在于陈述基本原理，包括可视化控件的标准例如：按钮、下拉列表、单选框以及复选框。
This focus is understandable for style guides written for operating system platform or software languages. These guides must provide basic information for other groups using their tools to create software products, documenting the capabilities of the platform as well as providing guidance to designers. In Table 1, we see that the Java Look and Feel Guidelines and Macintosh Human Interface Guidelines have very similar tables of contents despite having been written in different eras (as computer eras go) and in different companies. The same general pattern is also followed in sections of the ISO 9241 Ergonomic Requirements for Office Work with Visual Display Terminals. Although this standard also includes guidance and requirements for physical interaction as well as two sections on task requirements and usability,most of the sections focus on visual display guidelines for dialogs, information, and user assistance.
这个焦点用于操作系统平台以及软件开发语言。这个规范同样需要提供基本的信息给那些利用这个开发语言创建其他软件的设计人员，描述系统平台的性能作为设计人员的指导。从表1，我们可以看到“Java Look and Feel Guideline”和“Macintosh Human Interface Guidelines”拥有许多相似的内容。这些常规规范也是遵循“ISO 9241 Ergonomic Requirements for Office Work with Visual Display Terminals”。


Java Look and Feel Guidelines
Macintosh Human Interface Guidelines


1 – The Java Look and Feel

2 – The Java Foundation Classes
Preface


3 – Design Considerations 1 – Human Interface Principles
2 – General Design Considerations

3 – Human Interface Design and the Development Process


4 – Visual Design
9 – Color


5 – Application Graphics
8 – Icons


6 – Behavior
10 – Behaviors


7 – Windows, Panes, and Frames
5 – Windows


8 – Dialog Boxes
6 – Dialog Boxes


9 – Menus and Toolbars
4 – Menus


10 – Basic Controls
7 – Controls


11 – Text Components
11 – Language


12 – Lists, Tables and Trees
 


Table 1: Comparison of Tables of Contents for Two Style Guides
1.1.1. Design Guides(设计规范)
Design guides, especially those written for web interfaces, often take a broader view, looking at the overall structure of a site and how the user navigates through it as an important design element. They may also include a primary focus on the process for creating a usable interface design. For an example of each type of design guides compare the Web Style Guide (published on the web as the “Yale Style Manual”) and the IBM Web Design Guidelines.
设计规范特别是那些为网站而写的规范，一般给出常规界面，将描述网站的总体界面效果，以及用户如何导航作为主要的元素。当然也包括最基本的焦点，创建可用的界面设计。例如如下的两个网页规范。


Web Style Guide
IBM Web Design Guidelines


Interface Design 
Basic Interface Design – Information Access –Navigation – Links and Navigation 
Site Design 
Site Structure – Site Elements – Intranet Design -Site Covers 
Page Design 
Graphic Design – Design Grids – Headers and Footers – Typography – Consistency – Tables –Page Length – Cross Platform Issues – Editorial Style – Frames 
Web Graphics 
Color Primer – Graphic File Formats – Illustrations – Optimizing Graphics – Tags – Backgrounds – Image Maps 
Web Multimedia and Animation 
Design and AudioVisual Elements – Digital Video –Digital Audio – GIF Animation
Planning 
User AnalysisCompetitive and Market Analysis – Strategy – Content – Development Tools and Technology – Schedule of Time and Resources 
Design 
Structure – Navigation – Text – Visual Layout and Elements – Media 
Production 
Preparation – Browser Compatibility – Creating Images – Cascading Style Sheets – Final Testing – Rollout 
Maintenance 
Administration 
e-Commerce Topics 
Customer Support 
Trust – Product Navigation – Product Information -Purchase Transaction


Table 2: Tables of Contents for Design-Type Style GuidesBoth of these examples offer excellent advice for a user-interface designer, but neither offers a definitive set of standards. Instead, they focus on establishing best-practices in design process and solutions for some common design problems.
这两个例子都为用户界面设计师们提供了极好的建议。但是都没有提供了最权威的标准。他们描述的重点都放在提出最好的设计过程，以及为常见的设计问题提供解决方案。
Neither the platform style guide nor the design guide provide a perfect model for creating a corporate application style guide. The first type is too detailed, and, for product teams working in a familiar environment, spends too much time on platform basics. The second is too general and usually fails to meet the need for definitive answers to basic design questions. The IBM Web Design Guidelines even states this explicitly:
无论是“platform style guide”还是“design guide”都没有提供一个创建公共应用程序规范的完美例子。第一个规范太详细，对于一个相同环境中工作的团队将会花费过多的时间在上面。第二个规范则太常规，通常不能满足为设计中的问题提供最权威的解决方法的要求。IBM的规范中提到：
“We developed these guidelines by studying a cross-section of users and sites, but there may be contexts that we did not examine. If you learn from your user feedback that a different solution works better in your situation than one we offer here, then of course you should do what works best in your situation. To provide the best Web solutions, always use these guidelines in conjunction with a usercentered design process.”
“我们通过a cross-section of users and sites创建这个规范，但是还有可能有内容我们没有调查道。如果你通过一个不同的解决方案来获取用户的反馈信息，并且能够更有效的完成，当然采用你自己的解决方案。为了提供最好的网站解决方案通常将本规范与用户为中心的设计过程相结合。”
1.1.1. Corporate Application Guides（公司程序规范）
Corporate style guides are a hybrid of platform guides and design guides. They need to provide look and feel guidelines to ensure basic consistency (or compatibility) across the applications they serve. In addition to providing reference material, a corporate style guide also serves an educational purpose, illustrating both the conceptual approach to the user interface and, often, a process to ensure that usability is built into the design from the beginning. (A sample table of contents for a corporate application style guide is included as an appendix to this document.)
公司程序规范提供公司软件的一致视觉效果以及使用感觉。另外它还起到教育的目的。例如：即达到概念上的用户界面一致，又让易用性设计不用再从头开始。
1.1.2. GOALS FOR A CORPORATE APPLICATIONS STYLE GUIDE（创建公司程序规范的目的）
This brings us face-to-face with a need to understand why a corporate style guide is created in the first place. Without knowing what problem the style guide is intended to solve, it is impossible to structure the information effectively, or to plan the process of creation, review and implementation. These scenarios illustrate three possible goals:
这给我们带来面对面的需求来了解为什么要在最初就创建公司程序规范。处了了解规范将要解决什么问题，就不可能将信息有效的组合，或如创建计划，回顾和执行。下面是可能一些目的：
Ø A senior manager says, “We need a style guide to ensure that all of our applications share a common look and feel.” The underlying business goal may be usability, but it may also be to save development time by supplying standard answers to difficult design questions. In this scenario, the style guide may be seen as the simplest executive order that can be given to solve a “problem with usability.”
一个高级管理员说：“我们创建一个规范的目的就是让我们的应用程序可以共享一个共同的外观和感觉。”潜在的商业目的就是可用性。通过提供疑难设计问题的解决权威方案来节省开发时间。从这一点看来，规范可以用作为易用性的为题提供简单的解决方案。
Ø A user-centered design group decides to publish a style guide to assist product groups in creating usable interfaces, saying, “We know a lot about what it takes to create a usable design and would like to communicate this to all of the design teams.” In this scenario, the style guide may be seen as a way to create a formal mechanism for enforcing best practices.
个以用户为中心的设计组织决定发布规范来帮助开发团队创建便于使用的用户界面。说到：“我知道许多关于它的信息，它可以开始创建一个可用的设计并且希望与所有的设计团队沟通”在这种情况，规范可能成为一种为强制执行，被用到开发实际中。
Ø A product team may wish to document their own work – “We need a way to keep track of the decisions we have made, and to communicate them within our team.” This goal is usually based on the demands of working in a large design team, or a need to hand the design work from one group to another, for example, from an outside consultant to an internal staff, or to new hires.
一个开发团队可能希望将他们的工作文档化。“我们需要一个途径使使我们已经作出的决定明了化，并能够就这些决定于我们的团队进行沟通”这个目的通常是对于一个大的工作团队的要求，或者将设计工作从一个团队传递到其他的团队中。例如：公司与顾问公司之间或给新来的员工。
These scenarios can be summarized in terms of usability goals for efficiency, effectiveness and satisfaction:
这些情节可以一归纳出团队对于易用性的目标是：有效、效率以及满意。


Usability Characteristic 
易用性的特征
Goal 
目标


Efficient 
高效
Improved Quality: The time required to design of the user interface will be reduced because basic guidelines are clearly documented, tools are shared, and best practice guidance is available for other decisions 
提高品质：用户界面设计所需要的时间将会减少，因为基本的指导方针已经制定，工具已经共享，基本的实践指导能够购被其他的决定所使用。


Effective 
有效
improved Process: User interface will be able to work together better because shared design guidelines are available. Initial designs will be more effective, with less re-work to solve usability problems required 
过程得以改进：用户界面能够更好的一起工作，因为有共享的设计规范使用。最初的设计将会更加的有效，在解决易用性问题上可以减少反复。


Satisfying 
满意
Improved Usability: The user experience will be improved, both for the designers and users. Designers will have the satisfaction of creating excellent interfaces, while users will benefit from increased usability. 
提高可用性：无论对于设计人员或是用户而言，用户体验将会被提升。设计人员满意于创建卓越的用户界面，对于用户来说将得益于易用性的提高。


Table 3: Usability Goals For Corporate StylesNone of these goals seem controversial, or unattainable, so the answer to why style guides don’t always meet their goals does not lie in the goals themselves. The problem lies in the rest of the ISO 9241 definition of usability – that is applies to specific users, in a specified context. In other words, who is expected to use the style guide and what is the cultural environment of the group for whom it is being created? Is the style guide being imposed on an unwilling audience or is it welcomed by the people who will have to use it? Is usability an accepted or novel concept? Do current products have a similar interface or are there many different approaches? Are the teams collegial or competitive (do they even know each other)?
这些目标并不是存在争议或是难以达到的，因此为什么规范与初始目的背道而驰的答案并不在目标（目的）本身，问题出在“ISO 9241”定义的易用性的其他方面——在一个指定的环境中应用于特殊用户。换句话说，谁期望使用规范？将要创建它的人所处的文化环境是什么？规范是否被其他人自愿的使用或受将要使用他们的人欢迎？易用性是已经被公认的还是只是一个想法？当前的产品是否拥有类似的界面风格或是个不相同？团队是否拥有相同的权利还是相互竞争的（他们是否互相了解）？
The answers to these questions may not change the information included in the style guide, but the process of creating, gaining approval and maintaining it must adjust to the context. Simply gaining high-level executive sponsorship is not enough. No matter how high the authority, guidelines imposed on an unconvinced audience are often followed just to the letter of the law – if not simply ignored. The worst-case outcome is a user interface design that follows all of the guidelines, but does not really work well. Its designers are likely to blame the style guide for dictating solutions which hampered the ‘brilliant design’ they wanted to create. Whether those designers are forced to live within the guidelines or allowed to make exceptions, the credibility of the work is damaged.
这些问题的大案可能并不能改变规范中所包含的内容，但创建的过程，讨论通过以及改进却依赖于这些问题的答案。简单的说只是创建一个高水准的执行任务是不够的。无论有多么的权威，对于不是很信服的人来说最多是逐条的执行，如果没有遗漏的话。最糟糕的是，结果遵循规范但实际上并不能正常工作。遇到这种情况，设计人员有必要将他们的设计向大家阐述。否则，这些设计人员就有可能不按照规范或是被允许制造特许情况，工作的可信度就有可能遭到破坏。
1.1. WHO USES A STYLE GUIDE?（谁使用规范）
In addition to clarifying the business goals for a style guide, it is also important to know who its users will be. The obvious answer is “user interface designers,” but the answer is not that simple. A more detailed analysis would include in the user group a variety of specialists, and would also take into account differences based on the stage of the project,as seen in the table below:
在澄清了企业创建规范的目的外，了解规范的使用者同样重要。最明显的答案就是“用户界面设计人员”，但是答案并不是那么简单。更多的细节分析参看下表：


User Group 
用户组
Design Concept – Analysis Stages 
设计观念——分析阶段
Detailed Design – QA Stages 
详细设计——质量检测


All 
所有
What are the rules I must follow in my work? 
在我的工作中我必须遵循的规范是什么？
Have I followed those rules? 
我是否遵循了这些规范？


UI Designers 
(Architecture or Concept)
UI设计人员
How should the interface be structured, both for layout and navigation? 
界面将如何编排？包括界面效果以及导航？
Does the interface fit any structural guidelines? 
界面是否遵循了结构方面的规范？


System Architects 
系统设计师
What are the implications for the architecture of any UI decisions? 
任何一个UI的决定都有哪些含义？
Can all of the UI requirements be met? 
所有的UI需求都实现了吗？


UI Designers 
(Detailed Functions)
UI设计人员（细节问题）
How do individual functions fit into the 
program structure?
What screen/page or interaction templates are available?
如何让个别的功能融入到程序结构中？
哪些视觉或交互的模板可用？
What are the rules for layout, color, etc. that the design must support? 
How should design elements be specified?
界面的颜色等方面的规范是什么？设计必要的支持是什么？
如何让设计的元素表达清楚？


Developers 
开发人员
How should the UI code be structured to meet design requirements? 
What controls or widgets are needed?
如何让UI代码与设计的需求相融合？
需要什么样的控件或窗体部件？
What color, styles, etc. are available to use? 
How can I match them to the design specifications?
什么颜色样式等等可以使用？
如何使他们与设计的规范相符？


User Assistance
How will assistance be offered to users? 
What standard UI elements are used? How should they be documented?
什么UI元素被采用？
他们是如何被表达的？
What assistance does a user need for this function/page/screen? 
What method should be used to include it?
哪些帮助用户需要？
采用什么样的方法来包含这些内容？


Quality Assurance 
质检人员
Are there templates or standard approaches which can be tested globally? 
原型和标准可遵循，那些可以测试？
Does the interface meet all standards? 
界面是否与所有的标准相符？


Table 4: Style Guide UsersFor each user group, use of the style guide shifts during the project. It starts out supplying a conceptual overview, but quickly moves into a role as a detailed reference guide. It is this mix of requirements that makes the contents of a style guide so difficult to structure.
对于任何一个用户组，都会在项目开发的过程中更替使用规范。开始与概念上的设计，但快速的移动到一个角色和详细的参考规范。正是这些混合的需求使得规范的结构难以确定。
There are two other user groups whose members often overlap with the groups listed above:
这儿有两组用户会与上述的用户交迭。
Ø Creators of the Style Guide. The group that creates the style guide needs to be able to manage this process. This includes a need to have a convenient way to review both individual sections and the entire guide, and a way to see an overview of the contents. The danger here is that because this group controls the guide, their needs will take precedence over the needs of the longer-term users.
规范的创建人员。规范的设计人需要能够对过程进行控制。包括有一个便捷的方式来回顾单独的选择以及全局的规范，以及一个察看整体内容的方法。风险是：这类用户控制着规范，他们的需求可能优先于其他的所有人员。
Ø Modifiers of the Style Guide. Any user may also fall into a group of people who want to request changes or extensions to the guidelines. To meet this need, there must be a plan for maintaining the guide over time. The danger here is that this need will be ignored entirely or only given lip service. This is especially true if the group creating the style guide feels embattled.
规范的修改人员：所有的人员都可以作为要求修改规范或扩充规范。对于这些需求，就需要将规范不断的修改。风险是：这些需求可能会忽视全局或一些无用的服务。当规范的创建人员感到困难重重的时候这种情况就很有可能发生。
1.1. CREATING AN EFFECTIVE STYLE GUIDE（创建一个有效的规范）
To be effective, a style guide must not only contain good guidelines, it must be used and accepted. The process in this case may be as important as the actual product.
要想有效，规范不仅仅包含一个好的指导方针，它同样要被使用并遵循。这个过程与实际的开发过程同样重要。
1.1.1. Process（过程）
It is impossible to prescribe a single process for all of the organizational and political contexts in which a style guide is created. There are, however, some general approaches that can be applied.
难以为如何创建规范规定唯一的处理过程。但可以采用一些常规的方法。
Ø Start early（尽早开始）
This is especially true if the style guide is supporting (or an outgrowth of) a current design effort. If you wait until the design is nearly complete to begin assembling the design guidelines, you miss the opportunity to have all design stakeholders invested in its creation and content.
如果你想在设计接近结束的时候才开始规范的编写，你将失去将所有的设计应用的机会。
Ø Make the emerging work widely available（？）
This is an important aspect of building broad support. It makes it possible to solicit comments and questions from stakeholders before the guidelines are final, and to incorporate feedback. One way to make the work available is to work in hypertext and make drafts available online, rather than trying to manage a traditional word-processing document. In a politically-sensitive environment, it can be tempting to work in private until the entire style guide is complete, delaying conflicts until ‘later.’ In any situation, there are risks in making the incomplete work available, but like evaluating an early prototype, the advantages usually outweigh those risks. One example is a situation in which a designer bases decisions on a version of a guideline that changes later. Clear identification of the status of the overall guide and each guideline is essential.
创建更为广泛的支持是一个十分重要的方面。能够在编写规范之前获得问题的解决方案。让工作可用的一种方法就是同过链接和可用的东西放到网上，而不是传统的文字方面的处理过程。在任何情况下，使用尚未完成的工作都是有风险的，但除了评估和早期的原型，他们的优势通常要比这些风险要大。清楚每个规范所处的状态并且每个规范都是最精华的。
Ø Make the process transparent（让过程透明、清晰）
Include (or make available) meeting minutes or other discussion topics. Provide links from the minutes to standards or guidelines that are discussed, so that stakeholders can follow the progress of the work. Don’t wait until an item is complete to include it for comment. Early concepts or tentative decisions (along with any discussions of alternatives) should be included as long as they are clearly identified as ‘in progress.’
包括会议记录或其他的讨论的纲要。提供讨论的内容在规范或标准中对应的链接，从而使处理人员能够遵循标准处理。不要等到任何一个对象已经完成后再添加注释。早先的观念或暂时的决定在一得到解决后就加入到“过程中”。
Ø Make the context visible（让关系可见）
Many style guides are so formal that they are stripped of any context. Many guidelines are written to resolve conflicts; others provide a definitive answer to design problems for which there are many possible solutions. Although you certainly don’t want to drag all of your ‘dirty linen’ into the final style guide, it is important that readers be able to recognize the implications of the work.
许多的规范太正规以至于忽略了一些具体的环境。一些规范是为了解决冲突而写，其他的为可能存在的多种解决方案确定一个最后的方案。让读者能够意识到规范与实际工作的联系是十分重要的。
1.1.1. Structure and Organization（结构和组织）
One of the biggest mistakes is to treat a style guide as a narrative book rather than a reference work. Only the authors and reviewers will read it all the way through. Everyone else will use the style guide to look up the information they need as they need it.
将规范作为一个叙述性的书籍而不是实际工作的参考书是创建规范的最大问题之一。只有在作者和使用者在开发的过程中不断的阅读，其他的人员则在他们需要的时候查阅规范。
Ø Put it online（将其在网络上发布）
Save trees, costs and time by distributing the style guide online. It is always surprising to see how often web teams and others creating online applications assume that their own documentation must be in a word-processing document. Avoid this trap and plan for online access from the beginning.
通过在网络上发布规范能够节省时间和金钱。它常常可以令人惊奇的发现网络上的团队以及其他的在网络上创建程序的人员将规范只是做为一个文字上的记录而已。为了避免这种情况，就必须在一开始的时候就强制联机的访问。
Ø Write for hyperlinks（为文章添加超级链接）
Use hypertext to connect related topics, link to examples and illustrations, and generally make it possible for users to browse. This also allows you to avoid repeating information in more than one place, with the associated maintenance problems which can cause.
使用超级链接关联相关的主题，实例和图表说明，并确保用户可以阅读到这些信息。这样同样可以让你避免相同的内容出现多次。
Ø Design for reference（设计目录）
Organize topics so that the most important information is at the beginning, rather than at the end of a long narrative. Only one topic should be included in each hypertext page so that topics can be linked easily. For example, if you have a description of two controls and a comparison between them, you should create three pages, with links from each control to the comparison.
组织标题，让最重要的信息在最初就体现，而不是藏在很长的叙述之最后。让每个超级链接对应一个主题，让每个主题都能够容易的到达。例如：你描述两个控件并且将它们进行比较，你就应该创建3页，每页队以一个控件以及它们的区别。
1.1.2. Contents（内容）
In distilling the language of guidelines down to the essential rules, the richness of the decision-making process is often lost. An important role for the style guide is to help the entire user interface team work better.
在规范中保留最本质的条款，但设计的过程常常没有包含进去。规范的一个很重要的任务是帮助所有的界面设计团队更好的工作。
Ø Guide design decisions（指导设计的决定）
Style guides are usually effective in documenting simple rules like colors and fonts. The problem is that few of the important design decisions can be based on simple rules; more often “it depends.” Making the guidelines helpful to designers means creating comparison tables between options (for example, showing strengths and weaknesses of lists, trees and grid controls) or providing other information to help them make good design decisions.
规范在定义简单的规则如颜色字体的时候通常是有效的。但问题是很少能够基于简单的规则来处理重要设计的决定。通常情况下它依赖于创建一个更有效的规范，提供不同方案之间的对比（例如：描述list，tree，改日的controls 这些控件的优点缺点）或提供其他的有助于帮助做出有效的设计决定的信息。
Ø Give design elements ‘mission statements’（描述设计元素的任务）
It can often be difficult to communicate the essence of a design element or interaction style, especially when guidelines are not clear-cut. Rather than bury this information in the formal (“must” and “shall”) language of standards, include a simple mission statement to explain how the element enhances the user experience. These mission statements may be the first step in creating a formal guideline, acting as a checkpoint to ensure that everyone agrees on the basic issues. In some cases, it may not be possible to create a more detailed guideline. In either case, the mission statement serves to document the intent of any later work and can be used as a test against which proposed guidelines are measured.
通常很难以讨论设计元素和交互样式的本质，特别是当规范没有表达清晰的时候。通过描述一些简单的任务来说明这些元素是如何提高用户体验的，而不是将这些信息隐含在形式上的标准。这些mission将起到检测大家已经达成共识的观点。


Mission Statement ExamplePopup windows will: 
1. Reduce the need for navigation by…(通过…来减少导航的需要)
_ showing additional detail（显示而外的细节）
_ collecting input just-in-time（实时的搜集输入信息）
2. Increase user success in navigation by..（通过…来提高用户导航的成功率）
_ providing better information scent（提供更好的信息线索）
_ showing options for actions（显示操作的选择）
_ collecting missing information（收集遗漏的信息）
3. Stop the action for a user response for…


Ø Connect design guidelines to user analysis（将设计规范与用户分析相结合）
Include documentation of user characteristics, demographics or profiles for all of the user groups considered in creating the style guide. When there is data from usability tests or other user analysis to back up a guideline, include it. This not only provides a clear user-centered basis for any decisions, but can also be helpful in determining when a guideline needs to be re-considered or expanded.
在创建规范的时候将用户分析考虑进去。当易用性测试或其他的用户分析与规范不一致的时候，将这些信息添加到规范中。这不仅仅为任何的决定提供一个更为清晰的依据，而且也对是否对规范进行重新审议或扩充起到帮助的作用。
1.1.3. CASE STUDIES（情况分析）
Two examples from Cognetics’ experience illustrate the value of using a style guide to document and support an ongoing design process:
同过连个实例来说明使用规范来指导设计过程的价值。
Ø A multi-designer, complex product
In this project, the goal of the style guide was to help a group of UI designers create an interface for a new modular product that would share a common look and feel and be very usable. Each designer worked in a small crossfunctional team on one of the modules. Weekly design meetings served as a forum to compare approaches and resolve any issues. The group created both design guidelines and programming requirements. As decisions were made in these meetings, the information was posted to a web site for review. Topics ranged from visual and layout standards to guidance on design approaches. The style guide functioned both as a collaboration and a publication tool, serving both the design group and (later) the program architects and developers.
在这个工程中，规范的目标是帮助一组的ui设计人员创建一个标准组件的用户界面，用于分享一个公用的外观和感觉。每个设计人员在一个模块的一个小功能组内工作。每个星期，设计人员对任何的问题和设计进行讨论。这组人员创建了设计规以及规范的环境。当设计人员开这些讨论会的时候，信息将会在网络上发布。规范作为协作和发布的工具，为设计小组，及之后的程序设计小组和开发小组服务。
Ø A web site for online sales of several publications
In this project, a small central design team created design guidelines for a larger group of product and content developers. Both the core group and the product teams were spread out geographically, making collaboration difficult. The style guide became a primary communication tool, with one team member assembling all of the content for the team. Easy access to the growing site also enabled the product designers to review the guidelines and ensure that the work would meet their requirements.
在这个工程中，一个小的核心设计团队为一个大的项目组，开发人员创建规范。开发团队和项目组不在一个地方工作，协作比较困难。规范则变成了主要的交流工具，当一个团队成员作好了所有的内容后很容易的根据规范来查看工作是否与他们的需求相吻合。
Although these two projects differed in terms of organization, and the development and design processes there were many commonalties:
虽然这两个项目是不同组织的团队，但在开发和设计的过程中却有很多相似之处：
Ø Initial attempts to create visual design guidelines quickly revealed dependencies on the design for of user interaction and navigation. Create a structure for the style guide that allowed us to collect (and link between) different aspects of the design as it emerged was important.
最初都努力创建设计规范，尽快显示用户的交互及连接的信息。创建规范的结构允许收集不同的设计样式。
Ø In both cases, there were many strong design voices that needed to be reconciled. Providing a forum for discussion with concrete examples helped move the conversation from “opinion wars” to a debate on the issues.
两种情况，都有许多设计问题需要解决，针对具体的例子举行讨论，将会议从提出意见到讨论实际的问题。
Ø By using the style guide as a tool during the creation of the design, the staff became accustomed to using it as a daily reference tool. In addition to the obvious value of creating a useful tool, it meant that there were fewer surprises when the guide was released.
通过将规范作为一个工具贯穿于设计的始终，每个人将它作为日常的参考工具。
Ø The inclusion of critical information for the developers, such as image libraries and style sheet examples, gave them a reason to access the sites on an ongoing basis. In one case, there was a push to add more related information to the style guide site because it was a tool which was already being used.
包含一些评论性的信息给开发人员，例如：图片库以及样式表的实例。另一方面，将会有更多的相关信息添加到规范中，因为规范被当作一个工具使用。
Ø The inclusion of design rationale with visual and interaction rules helped new designers understand the reasoning behind the guidelines. This also provided a good starting point for discussion when a decision had to be revisited.
包含将视觉和交互设计规则作为基本原理帮助新来的设计人员了解规范后面的论证。对于一个比较难见解决的问题，他意味着讨论的一个好的开始。
1.1.4. USING A STYLE GUIDE TO BUILD CONSENSUS（使用规范指导内容的创建）
Making and living with design decisions can be difficult, especially when several different products and different designers must all live with common guidelines. As a document, a style guide houses the details of the design that must be followed. As a process, the construction of the style guide can be used to create a shared design vision for the look and feel it documents. Our experience at Cognetics has been that when the style guide is the central location for all design material and its creation is part of the process, the guide itself can help build consensus among the team.
断然的作出设计的决定是比较困难的，特别是当多个来自于不同项目的设计人员必须实行相同的规范时。作为一个文档，规范收藏的设计细节必须被执行。作为一个过程，构造规范能被用于创建一个描述外观和感觉的共享的设计文档。我们的经验是当规范成为设计人员的日常参考并在贯穿于整个开发过程，那么规范本身就能够帮助一个团队创建一个一致的意见。
1.1. SAMPLE TABLE OF CONTENTS FOR A CORPORATE APPLICATION STYLE GUIDE（规范范例）
1.1.1. Introduction
Includes all front-matter and preface material, including the scope, authors, review and maintenance process and any terminology that must be established. Topics in this section include:
Ø Scope
Ø Authors
Ø Using this Style Guide
Ø Update and Maintenance Process
1.1.2. User-Centered Design Principles
Includes all basic principles and usability goals as well as any user analysis. Short general descriptions of designs that implement these principles may be included here, along with links to related documents. Depending on the scope of the style guide, this material may be very general or more specific. Related documents should include cross-references to any other corporate guidelines which affect the design or development of the user interface, including localization, corporate identity, or developer information, as well as useful design references.
Ø Design Heuristics
Ø Usability Goals
Ø User Characteristics (and sample user data for mockups)
Ø Accessibility Guidelines
Ø Related Documents
1.1.3. Design Process
The contents of this section depends on the context in which the guide will be used. This is an appropriate place to put information about a general user-centered design process (or specific techniques used). This section may also include links to meeting minutes, or to other related processes such as requirements analysis or development processes.
Ø User-Centered Design Process
Ø Relationship to the Development Process
Ø Design Tools and Templates
1.1.4. User Interface Metaphors
This section documents the user interface concept and metaphors used. It is more specific than the UCD Principles, documenting an approach to the user interface to be used in all applications included in the scope. In addition, this section may contain any general guidelines on performance or task orientation that must be considered in designing the interface architecture. It also includes an overview of how the interface will provide user assistance.
Ø UI Concept or Vision
Ø Key Metaphors
Ø User Assistance Design
1.1.5. Architecture or Structure
If the style guide prescribes a standard frame or site structure, the guidelines for it are included here. This may include the function of anchor pages such as the home page or main menu, and navigation methods or devices that are supported.
Ø UI Architecture or Site Structure
Ø Menus or Control Bars
Ø Home Page (or Desktop or Main Menu)
1.1.6. Page or Window Layout
This section includes guidelines for the overall layout of a page or window. It includes descriptions of the layout templates for each function or type of page, and should relate these page types to the overall UI architecture. It may also include guidelines for the use of specific page structures such as popup windows,wizards or frames.
Ø Page Structure
Ø Layout Templates or Grids
Ø Using Popup Windows
Ø Using Frames
Ø Headers and Footers
1.1.7. Controls
This section includes specifications and usage guidelines for all controls or other granular design elements.Depending on the development environment, this section may contain only general references or very specific display and interaction specifications. This section is also a place for aids to the designer such as control comparison charts. In some cases it is possible to include samples of each control in action so the designer can exercise it to see if it meets their needs.
Ø General Guidelines
Ø Control Comparison Charts
Ø Descriptions Of Each Controls
1.1.8. Interactions
The guidelines in this section cover the user interactions with the interface. It may include summaries of control interactions, guidelines for interface behavior or other topics specific to the product environment.
Ø Keyboard Shortcuts
Ø Mouse, Joystick, Tablet or Other Pointers
1.1.9. User Assistance and Text
This section covers all text and other user assistance associated with the user interface, including labels, prompts, help text, messages, tooltips and accessible alternative text. Writing guidelines may be provided in a single section, or included with each type of text in the interface. If there are guidelines for terminology, a glossary of terms to use should be included.
Ø Text in the Interface
Ø Labels and Prompts
Ø User Terminology Glossary
Ø Writing Guidelines
Ø Messages
Ø Status Bar Messages
Ø Error Messages
Ø User Assistance
Ø Types of User Assistance
Ø Tooltips
Ø Embedded Help
1.1.10. Common Functions
In many cases, a style guide may include designs for common functions, which are typically a group of controls, interactions or text. These may be stand-alone user interfaces such as a search function, or may be a complex element that is used in many functions. The section documents these functions, including any guidelines for their use.
Ø Required Fields
Ø Any Other Common Functions
1.1.11. Visual Design
The visual design section should be written as a reference guide, with detailed descriptions of each element and links to resources such as images or stylesheets.
Ø Logos
Ø Fonts
Ø Colors
Ø Images and Icons Styles
Ø Image Library
1.1.12. Audio and Multimedia Design
This section includes any guidelines for the use of audio or other multimedia elements.
Ø Using Multimedia Elements
Ø Audio
Ø Animation
Ø Video
总结： GUIDE LINE 编写的注意事项：

通过对比列表，写明各种方案各自的优缺点，让设计人员更好的决定采用何种方案
可以通过一些简单的例子说明规范将如何改善用户体验
在写规范的时候将用户的特性考虑进去
提出UI设计过程

如何让规范发挥效用：

尽早开始使用start early
让规范更具广泛性make the emerging style guide widely available
让规范在使用的过程中不断的修正和扩充 plan to maintain and extend the style guide over time

—— 结束 ——



人物：Jakob Nielsen
hauy — Sat, 23 Sep 2006 00:05:13 +0000
Nielsen 拥有博士学位，同时也是 Nielsen Norman Group的使用者倡导者和负责人（Nielsen Norman Group 是他与 Apple Computer 的前研究副主管 Dr. Donald A. Norman 所合创的）。在 1998 年以前，他是 Sun 公司的一位杰出的工程师。他在 Web 可用性的领域被公认为世界的权威。
Nielsen 已经获得了偶像级的地位，是如今讲谈会最受尊敬的使用者接口大师级主讲者之一。全球许多设计者对他推崇备至，然而还有许多人却想把他绊倒。
他用下述三个基本的原则来启发设计者：精致简约，越少越好和支持使用者任务、不要阻碍使用者。
通过这些原则，Nielsen 领导他的听众设计出更好的网站。在他看来，这就好比在万里长征的旅途中迈出了第一步。为了来改善网站造访者的使用体验，Nielsen 要求听过他的演讲或出席过他的研讨会的听众针对他们的网站做一个适当的改变。这些看似小小的变化往往产生了最大的影响。
为证明 Nielsen 的概念已经深深的影响着我们，他还特别指出他已经不把网页下载速度视为最迫切需要改进的因素。随着宽频时代的来临加上设计者逐渐设计出更有效率的网站，Nielsen 觉得到他已经改变了世界。
Nielsen 的戒律
你应该：
-在为网站写程序时遵循 Web 的标准（从 W3C 标准开始，然后使用其它已经可接受的标准，例如 JavaScript 等）

-遵循规范 — 80% 到 90%的使用者都在做的就是规范

-强调快速的响应时间（网页负荷和服务器容量两方面）

-简明、客观、易于浏览

-协助使用者决定去留：区分产品列表

-支持搜寻的功能，但是别做的太繁复（以 Google 为标准）

-在进行任何设计之前先做好任务分析（task analysis）

-在设计时强调任务支持（例如，比较购物）

-在设计过程中进行多次使用者测试

-让残障人士也可访问网站
你不应该：
-妨碍使用者：别用过度喧哗夺目的页面，别使用 Flash 做简介，不用具有推销性及不合适的图片来破坏内容（例如，笑脸照片）

-包含未经请求的弹跳式窗口（在线求助除外）

-去掉「上一页」（Back）按钮（打开一个新的浏览器窗口是一个常见的错误）

-把功能设计元素做得看起来像广告（他们将会被忽略）

-使用动态式的文字（moving text）

-允许连结错误发生

-隐藏送货成本或其它「陷阱」-这些会引起放弃购物

-使用焦点团体或调查来指导交互式设计

-不断重复设计－ 在推出网站前深思熟虑，然后就保持同样的设计风格一年左右。
至尊经典
Nielsen 不仅非常重视他的最新著作Designing Web Usability：The Practice of Simplicity，也对 Scott McCloud 的Understanding Comics推崇备至。「 这本书提供了对简洁性概念和在视觉沟通中如何发挥作用的提出了非凡的洞察力。」除了 Nielsen 有关 Web 可用性方面的书籍，从事电子商务网站的人也应该看看他的电子商务可用性之 219 条设计指南（219 design guidelines for e-commerce usability）。另外，Nielsen 也推荐以下几个具有可用性资源的网站，这包括他自己的useit.com、Tomalak’s Realm和Usable Web。
救赎
对于 Nielsen 来说，一个无错的网站需要实用的设计、一个精确的使用者响应系统和精简的设计。许多人对 Nielsen 将最精简设计列为第三项而感到震惊，但他马上响应说，「 我从不反对网站上以图形呈现，但是他们必须是内容的一部分。如果您在一个网页上有某人的传记，当然您需要他们的图片，但是您不需要制造一个闪烁的星状图来引起人们的注意吧！」
最后，为了阐述所有的设计者要遵循 HTML 标准和规范的重要性，Nielsen 以无所不在的交通灯为例：「 据我所知，红灯停、绿灯行是大家都熟悉的国际标准。但是，如果在一个十字路口有人决定根据自己的意愿改变颜色规范，您能想象这将发生怎样的情况吗？」



转载：关于web注册页的可用性分析
hauy — Fri, 22 Sep 2006 21:14:08 +0000
作者：DTE 原载：http://blog.sina.com.cn/u/48f239da010006cc
在Nielsen的可用性工程里提到可用性的其中一个原则是Errors，记得刚开博客的时候也穷举了一些关于可用性方面的文章，里面将这个errors翻译成了“少错”，实际上我个人觉得（也有不少版本这么翻译）“容错”更为贴切。无论是客户端软件还是web软件，用户毕竟不是专业人员，他的操作必然不能按照程序员所设定的路线来走，那么很有可能就会发生错误，“少错”是一个很含糊的概念，怎样做到少错，如何才是少错呢？真正需要做的应该是“容错”，当用户发生错误时，系统要能做到给予正确友好的提示，帮助他完成操作流程以及目的。
前阵子由于工作的需要，对于系统给予用户填写信息的反馈进行了一些肤浅的研究，主要以web注册页的操作体验为主，现整理出来与大家共同分享，也欢迎大家拍砖，以共同提高。第一次写所谓的“技术贴”，必然有很多不足，希望各位及时纠正，万分感谢
首先举一个失败的用户体验的例子，126邮箱注册，不过那是一个月以前了，今天本想截图贴上来的，结果登录发现已经改版了，不错，确实该改了，需要进步嘛！不过却不利于文章的描述了，看来我只能凭着自己的印象来写了，要是有什么偏差，见谅！
原有的126邮箱注册页并不象现在将用户名的填写单独做为一页进行强调，当时所有的信息填写都在一页中，而且没有检测用户名的按钮，这就意味着用户在进行填写时必须完成所有的输入框才能得知自己所键入的用户名是否合法或是否可用。而且整个页面没有一点提示信息，实在让人费解。更郁闷的事，对于错误的提示采用的是弹出对话框，以上所有都大大降低了用户操作的效率。我简要模拟一下当时的过程：
首先，我在用户名的输入框中键入一个特殊符号，为了节省时间更快的看到系统给予的反馈，我直接跳过了中间所有的信息填写，并点击注册，这时，系统弹出了一个对话框：

这里的文字实在太为模糊，怎么就不合法了呢？那怎么样的用户名才是合法的？实在让人伤透脑筋。
我重新输入了一个数字，系统又提示到：

好，那我不用数字，我用字母总可以了吧，我输入“a”：

不少5对把？我满足你，我一口气输入n个“a”，系统又报错了：

％￥◎……￥％＃￥×……※％着实让人郁闷啊，我不禁想到大学自习曲里的一句歌词：有啥话你不能一气说完…虽然我是故意在找茬，但是126没有完全考虑如何去避免用户再次犯错，确实是不应该啊！
而现有改版过的页面考虑就周全得多了：

首先在将用户名得填写单独提出来作为一个页面，便于用户进行用户名的合法和可用的检测，其次在输入框下面加入了完整的提示信息，给用户十分明确的填写指导，再次当用户没有理会提示信息而出错的话，系统采用了在输入框下出现红色醒目字样进行提示，而非弹出对话框。这三点都使可用性大大的提高了。
把各大门户网站邮箱的注册页都试了一下，基本上都采取126的这种新的形式：单独页的存在，信息的提示，和当页高亮显示错误提示信息。实际上应该说126采用了各大门户网站邮箱注册页的模式：）象sina sohu yahoo等等，也简要做点分析：
yahoo的注册页如下：
页面在提示信息重要的位置上标上了蓝色，减少了用户浏览提示信息的时间，也提高了效率，但是输入信息后，点击下一步页面进行刷新，出现的提示信息却出现在了上方，而且不因输入的内容变化，始终是那句“格式不对或含有非法字符”，不仅不够醒目而且引导性也不够。
sohu的注册页如下：

sohu对于信息提示的内容描述相对来说比较完整比较到位，但是位置却处在上方，没有和用户名的输入框直接相连，影响了阅读，而且中间搜狐闪电邮件和搜狐手机邮件的广告更是位置十分的不得体，将页面生生的切成了两段，虽说起到广告宣传的作用，但是对于注册来说这是完全的垃圾信息，它的存在难免会降低用户的友好度。要知道用户对于影响自己行为的广告是极其厌恶的！
其实在页面提示信息的处理上，也并不是越全面越具体就越好，一切都得看情况来定，如下的页面就是一个很好的反面例子：

满屏的信息看了头就疼，哪还想着去注册啊，直接关掉就好了～烦！！！！
我认为应该将引导性的信息放在注册项的后面给予用户进行操作的一个指引，而针对用户填写的有误信息应该出现相应的错误提示，高亮显示出现在原有提示的位置并覆盖原有提示信息。这种方式应该是最为合理的～以下就是一个非常好的例子，51.com的用户注册：

当前操作步骤以蓝色背景突出显示，让用户清晰的知道自己现在的位置和所作的操作，以后还需要哪些操作才能完成整个流程。
当输入的信息有误时，系统通过判断得出当前信息属于哪种错误，并在后面高亮显示进行提示，例如，我输入“ad”，错误提示信息为“用户名不能少于3位”

若输入“1”，错误提示信息则为“只能用数字或英文，并且必须为英文字母开头!”

但是这个过程中，错误提示信息在弹出窗口上重复出现是完全没有必要的！
针对这个注册页面，我想进行一点引申，如果在用户阅读完错误提示信息，并重新进行输入时，输入框后的字又重新刷新为原来的提示信息进行重新指引，就可以避免用户没有初次阅读提示而再犯错误的情况，例如，输入“ad”发现错误后输入“1111”…




转载：UI设计的定义以及定位
hauy — Fri, 22 Sep 2006 20:45:40 +0000
作者：LuckyZ，原出处：ChinaUI论坛。
界面设计(UI Design)，交互设计(interactive design)，可用性研究(usability research)，人力因素(human factors)，信息结构工程师(information architect)
在美国，这些工作职位的区分并不是很容易。也许不同的公司有不同的职位名称和工作重点，但是有一点可以肯定，他们设计的产品与人类都有有强烈的互动性。
在与国内同行探讨中，不止一次有朋友将自己的设计作品Email过来，希望得到我的意见。打开Email，看到的只是一个截图(Screenshot),就有些纳闷，UI设计怎么能用静态的图像来表现呢？虽然我也接受过一些正式的色彩和Layout训练，可是凭心而论，可能我没有什么资格对那些作品发表评论，因为他们的确色彩搭配赏心悦目，Layout结构合理，个人风格突出，我只能说，朋友，Good Job,但是你错过了UI设计中最重要的部分。UI设计不只是给人提供视觉上的享受，真正UI设计的好坏，必须要设定一个任务，从头至尾使用一遍才能知道。 UI的概念是动态的过程，是逻辑的推理，也是各种状况的预测。如果衡量UI设计只有一种标准，那就是用户体验(User Experience). 用户体验是以用户为中心的设计(UCD/User Centered Design)中最重要的一个部分,强调的是过程，是软件对用户行为(User Action)产生的反应与用户期待值的误差测试，也就是说，这种误差越小，也就越符合以用户为中心的设计原则。
在西方，UI行业的兴起要归功于以计算机为主的高科技迅速发展，尤其是视窗操作系统的普及，然而广义的UI概念在十七世纪的工业革命阶段就已经开始，只不过，把易用性带入机械的设计还是一种无意识的举动，再加上当时几乎所有的工业程序都是由熟练工人一手操办，就更加减弱了易用性设计的能见度(visibility).
在我从事UI设计的最初两年之中，对于UI的定义有个极大的转变，这也从而影响了我的设计风格。在我的定义里，只有两种用户，过程为主的用户(process oriented end user)，和结果为主的用户(result oriented end user).过程为主的用户的典型例子是电玩族，他们追求的终级目标就是视觉听觉的冲击和享受，最终游戏的结果反而变得不是那么重要了。此类设计对视觉和创意的要求是极为挑剔的，绝大多数设计师都有深厚的美术功底。然而，与结果为主的用户设计相比，它的市场和受众都要小的多。
结果为主的用户不在乎用什么样的方式完成任务，但是任务必须以最短的时间，以最简洁的方式，最精确的运算结果来完成。这些用户通常是工业化软件的受众，工作环境以大型企业为主，软件最终运算结果对于企业的运行和管理有着重大的意义，稍有偏差，可能会对企业产生重大损失。对于此类用户的产品设计人员来讲，绝大部分部分时间可能用在设计任务的逻辑流程(logical task flow),以期最大幅度的符合人脑的思考方式和认知过程(cognitive process)。
平面设计(包括icon, logo, button, etc.)至多是UI定义中很小的一部分，也是微不足道的一部分。并不是我轻视它，在以前的论述中已经提到过，目的为主的用户对于完成任务的欲望已经大大超出了对色彩的挑剔。同时，视窗和JAVA环境下的开发更多的朝着工业化和标准化的方向迈进，这已经给专攻色彩和搭配为主的人没有留有太多的发展余地。
在这里花了很多时间探讨对UI的定义，虽然知道我的看法对一些同行来说是偏激的，最主要的目的是要传达一个讯号，从业者以及业界对于UI的定义可能会决定UI在中国有多大程度的发展，甚至存亡，如果把它转换成眼前的利益，则是UI设计师能否在企业中受到与工程人员同等的重视，以及福利。也许你会说，中国有自己的国情，美国的东西未必能在中国行的通。其实即使是在美国，不是所有的公司都会有专门的UI组，很多工程部门对UI存有偏见，错误的认知，甚至轻视和嘲讽。人机交互科学在美国已经经历几十年的发展，过程从未顺利过。然而，随着学术界将此门学科正式列入大学，己及研究所课程，业界更多投资在将研究成果转换成生产力的过程中，人力因素(human factors) 已经逐渐形成自己一个清晰战略发展态势。
UI在中国发展需要是一个自上而下的推动性改革。中国的软件开发已经很大程度上与西方接轨，我们没有那么多时间让真正意义的UI慢慢渗入开发过程。
在中国，将一个新的概念或产业名称带入产品开发，并使其发展壮大，最大的源动力应该是投入的回报率。这也是许多同业人推荐将UI设计带人尝试性的项目，用成功的案例来让更多的企业信服并采纳用户为中心的设计方法。
然而，能够找到一个有效的商业环境，让相仿产品在其他方面势均力敌，最终凭借UI设计的优势胜出的案例几乎是不可能的。

当一个产品成功打入市场的时候，人们看到的是其强大的功能，上乘的质量，周密的市场策略，合适的价格定为，甚至是美观的包装设计，而很少有人会将亲和性的界面设计放在功劳簿上。
界面设计所倡导的是可用，易用，然而在消费者心中可用，易用是理所当然的，所以当产品具有了以上优势，设计因素会被忽视，而当一个产品因设计不良出现问题，可用和易用便会被揪出来大加鞭挞。
为弥补设计不足的印象，或者说给UI设计找一个正当性，于是某些企业更加强调UI设计中德美观和创意性，而忽略了易用的开发投入。这在短期中可能会有帮助，因为色彩创意是看得见模的着的东西，会对客户有暂时性的心理暗示，然而长期来讲，会因忽略易用而使产品冠上消极的印象在长时间内很难消除。而对UI错误的定义则可能会导致从业人员沦为产品后期装饰和创意而无法参与产品的早期开发。
毫无疑问，UI设计优势在产品竞争中扮演的重要角色是无庸置疑的，但是，这种优势实现和意识都是长期性的，而非短期行为。他意味着需要相当长的时间让客户了解到，但是一旦形成此种心理上的优势，就会在很长的时间内存在，会将易用的心理暗示代入整个产品的后续开发甚至整个品牌。
UI以及相关行业在中国的发展应该不是自下而上的，受制与消费者缺乏与之相关的概念要求以及作为专门学科未在大专院校及研究部门广泛设立的现实，无法由消费者和终端用户推动这一行业的发展。
时间上，中国的硬件配置，软件开发技术与西方不相上下，我们没有那么多时间让真正意义的UI慢慢渗入开发过程。
当然UI设计的定位有一个很大的利益分配的问题。任何一个新兴行业的兴起都是以另外一个较老旧的行业作为牺牲代价。在我们们所说的较理想的设计环境中，它所意味或暗示的东西是目前正在作真正意义上UI设计或结构的那一批人将不得不放弃现有的资源，这些难题不是能用技术来解决的，也无法经由一些人的呼吁，或者几个个别的案例来说服即得利益的一批人放弃手中的资源。
在企业内部研发部门需要一批能够从战略角度和长期利益出发认识到UI设计重要性的高级管理人才，从而将UI设计在产品生命开发周期中正式的程序化，制度化，创造工程与设计部门共同探讨产品的早期设计的机制和公司文化，并主动向客户宣传用户为中心的设计理念，增加UI设计的能见度。同时，当UI设计不再被外界偏视为装饰性的行业，同时不被本公司的工程部门轻视时，与之相关的培训和大学科研部门也会加大投资力度，培养出更专业的人才，行成良性循环。
当然，如何将UI设计合理有效的整合到产品开发过程当中以期产生最大生产力，在美国也是一个未知数的课题。不同公司根据开发部门大小，产品特性，公司文化等总结出适合自己的一套东西，很难说哪一种更好。我在近两年参与旧金山湾区交互设计特殊兴趣小组(www.baychi.org)活动时，曾非正式的访问了硅谷几家企业的资深设计师，这其中包括IBM，Adobe,Google, 和WebEx,他们代表了不同大小，行业，设计平台，以及公司文化。我将在以后的文章里将采访的内容作一个总结，与大家分享。
从业人员的培训是至关重要的，培训方向应该是从实践到理论。
人机交互科学是跨学科的科学，包括了计算机科学，心理学，社会学，人类学，以及工业设计。同时，根据UI部门分工细致程度，对背景要求也不一样。在中国尚无任何一家高等院校提供人机交互学学位教育的情况下，对从业人员的在岗教育显得格外重要。 
其中有数次跟国内同行交流中，听到最多的抱怨是对设计总体格局缺乏控制权，或者只能在有限空间发挥自己的设计理念。这里面固然有程序上的问题，但我的总体感受是，许多设计师把自己的工作范围定义在了狭小的空间而未能在业务的广度和宽度上拓展自己的知识。UI设计本身有很多共通的地方，然而，今年来高科技的发展，已经将计算机科学分工更细，每一门附属学科每天都在变化。也许穷尽一个人毕生的经历，也只能对某一学科略知一二，所以我无法想像，作为一个UI设计师如何能在不了解产品和技术的情况下参与与工程部门的决策，如何能在只了解颜色和构图的基础作出精彩的设计，毕竟，我们的产品不是给人看得，而是给人用的。
目前大部份UI从业人员没有受过正规人机互动教育已经是不争的事实，从实用的角度出发，由实践到理论的培训方法也许更加快速有效。
原文出处：http://www.chinaui.com/bbs/dispbbs.asp?boardID=17&ID=33929&page=1



SEO工具,站长必备
hauy — Wed, 13 Sep 2006 04:59:21 +0000
内容与结构工具
搜索引擎抓取内容模拟器
可以模拟蜘蛛抓取指定网页Text,Link,Keywords及Description信息

http://www.webconfs.com/search-engine-spider-simulator.php
同上，显示的信息更多，推荐使用！

http://www.se-spider.com/
相似页面检测工具
检验两个页面的相似度.如果相似度达80%以上,将可能受到惩罚

http://www.webconfs.com/similar-page-checker.php
Google Sitemaps 在线创建
在线创建 Google Sitemaps 网站地图文件
中文:http://www.xinqj.com/sitemap/sitemap.asp



英文:http://www.xml-sitemaps.com/
Google Sitemaps Builder .Net
Google Sitemaps 创建软件, 可以很方便的创建网站的Sitemaps

http://www.seobbs.net/read.php?tid=10620
综合查询工具
网站收录查询
同时查询Google,百度,Yahoo等8个搜索引擎的收录状况

http://tool.cndw.com/Shoulu/Index.asp
关键词排名查询
可以同时在3个搜索引擎中查询指定网页指定关键词的排名情况.

http://www.seores.com/search/keywordrank.asp
搜索引擎优化监视器(SEO Monitor)
一个仅321K的小软件,可以同时查询多个搜索引擎,多个关键词的排名情况.并自动记录历史排名情况.

http://www.seobbs.net/read.php?tid=2490
Google各服务器关键词排名查询
查询在Google各个服务器中,指定网页指定关键词的排名情况,可以作为一个升降的参考

http://tool.cndw.com/Rank/Index.asp
关键词工具
Google Adwords关键词工具
查询指定关键词的扩展匹配,搜索量,趋势和受欢迎度.

https://adwords.google.com/select/KeywordToolExternal
百度相关搜索
按热门程序排序,列出指定关键词相关的扩展匹配及热门程度

http://d.baidu.com/rs.php
关键词密度分析工具
分析指定关键词在指定页面中出现的次数,及相应的百分比密度
中文:http://tool.cndw.com/Seo/Key_Density.asp
英文:http://www.keyworddensity.com/
关键词热门排行及指数
百度排行榜:http://top.baidu.com
百度指数:http://index.baidu.com/
Yahoo排行榜:http://misc.yahoo.com.cn/top_index.html
搜狗指数:http://www.sogou.com/top/?IPLOC=CN1102
搜搜龙虎榜:http://www.soso.com/lhb/s_i_sosolhb.shtml
Google工具
Google Sitemaps
Google推出的一项免费服务,一个杰出的SEO工具

http://www.google.com/webmasters/sitemaps/docs/zh_CN/about.html
Google Analytics
Google推出的免费分析服务.在市场营销和内容优化上提供很多专业报表.对搜索引擎营销有很大帮助.

http://www.google.com/analytics/zh-CN/
Google Dance 查询工具
不仅可以查询Dance情况,还可以通过E-mail及时获得每月google dance通知

http://www.seochat.com/googledance/
查看在GOOGLE各服务器上的PR值
利用这个工具,可以判断PR是否更新,预测更新后的PR值

http://www.seochat.com/seo-tools/future-pagerank
Google PR历史更新时间表
看看Google 2000看至今更新PR的具体时间和周期时长

http://www.seocompany.ca/pagerank/page-rank-update-list.html
链接工具
链接广泛度检测工具
反向链接查询工具.同时支持Google,百度,Yahoo等8个搜索引擎

http://tool.cndw.com/LinkIn/Index.asp
查询Google中链接的工具.可以抓取文本标题和链接.中文标题显示的是乱码

http://www.webconfs.com/google-backlink-checker.php
Yahoo新推出的链接检查工具,可以查询网站中所有被检索的页面以及反向链接情况

http://siteexplorer.search.yahoo.com/
同时查询Google,Yahoo,MSN中的链接数量

http://www.trafficzap.com/linkpopularity.php
无效链接检查工具
检查指定页面内的链接.包括链接有效性检查,链接文字,链接类型

http://www.seores.com/search/checkurl.asp
W3C GLink Checker

http://validator.w3.org/checklink
其他工具
国外主要搜索引擎和人工目录的关系表
一个Flash,解析国外主流搜索引擎与人工目录的关系,对海外推广很有帮助

http://www.seobbs.net/read.php?tid=911
网站历史查询工具
美国互联网档案馆(The Internet Archive)保存了自1996年开始,借助Alexa搜索引擎获取的网站资料

http://web.archive.org/collections/web/advanced.html
域名历史查询工具
用这个工具查域名近期有无在域名服务器下的记录

http://domain-history.domaintools.com/
分类目录收录查询
检查网站是否登录多个重要分类目录

http://www.123promotion.co.uk/directory/index.php
Alexa世界排名查询

http://alexa.chinaz.com/Index.asp
作者: 樂思蜀

原载: 点石互动搜索引擎优化博客

版权声明：本文已经获得作者授权发布，转载请保留本版权信息，严禁一切非法复制。



Upiea为什么没有足够成功？
hauy — Fri, 25 Aug 2006 01:19:49 +0000
我很喜欢Upiea这款软件，在这互联网流氓横行的年代，Upiea助我躲过了无数流氓的枪林弹雨。
可以屏蔽的插件很全面，卸载插件的功能也很方便。

每当遇上哪个mm的电脑被流氓强奸了，我总会带上Upiea。
可是……流氓大亨最近出了360safe，对我来说，这两款软件的功能是一样的，无非就是防御流氓软件。360safe也许还多了个木马查杀的功能，但我用不到。
360safe的出现，解决了我一个困难，因为Upiea的操作不够傻瓜化，特别是在2.0版本以后，把ie上正常运行所必需的ActiveX组件也列出来了，用户需要自己分辨哪些是好人，哪些是坏人。如果我不能操作别人的电脑，我就很难给别人做出指点说，应该卸载哪些，不应该卸载哪些。
而现在360safe的操作非常傻瓜化，每个人都能用。于是从此以后，我自己还是用Upiea，给别人我就推荐360safe，至少目前看来360safe还是比较安全的。
周鸿祎是个绝顶聪明的高手，对用户的心理，对互联网的节奏，都拿捏得很准。



转载：CSS bug及解决方案
hauy — Mon, 21 Aug 2006 01:52:42 +0000
如果世界是美好的，浏览器都没有缺点，W3C的规范清晰明了，而这篇文章也永远不会出现。Welcome to the real world. 在这篇文章中，我们将会探讨几个主流浏览器的在Web标准（或者CSS规范）下存在的典型问题/臭虫，提供相应的解决方案（hacks/filters）。


NN 4.x


很幸运我们生活在这个时代。这个10年前的古董浏览器,网景导航家（Netscape Navigator）4.x，终于只剩下0.3%的市场份额，大部分网站也声明不再支持。它有着最基本的CSS支持，而且依然有不少死忠（我相信越来越少），所以依然有设计师为它设计样式。但最多只能改变下字体，颜色等最基本的东西了。所以，我是说假如，你还要顾及NN 4.x的话，比较合适的做法是，做一个基本样式给它用，并对其隐藏不可识别的高级样式（给其他浏览器用）。很容易做到，因为NN 4.x不认@import。举例如下：


<link rel="stylesheet" tyle="text/css" href="basic.css" />

<style type="text/css">@import(advance.css)</style>


这个方法屡试不爽。但请注意，这也不是没有副作用。假如只使用了@import而没有link的情况下，可能会导致IE的瞬间无样式（FOUC，详见www.bluerobot.com/web/css/fouc.asp。幸好，NN 4.x只能识别screen这个媒体类型（media type），所以，避免FOUC也不是没有办法：


<link rel="stylesheet" tyle="text/css" media="screen, projection" href="advance.css" />


到此为止，我们不要为它浪费过多精力，除非你的老板还在用它。


IE 5.x/Win


在此我们指Windows平台上的IE 5.0和IE 5.5。CSS的支持依然很糟糕，但是比起NN 4.x已经有了长足的改变。它们臭名昭著错误的盒状模型（Box model）可能是导致CSS界第一个hack的出现。我们先来看看盒状模型。W3C规范的盒子，可以使用“相加”来描述，即，一个元素的实际盒子宽度是由内容宽度（content width）,边框（border），边距（padding）堆积起来的。而IE 5.x/Win则可以用“相减”来描述，也被称为边框盒状模型（border box model），一个元素的实际宽度就是该元素的width设值，边框，边距都从中减去。


来看一个例子：


div {

$nbsp$$nbsp$width: 200px;

$nbsp$$nbsp$margin: 20px;

$nbsp$$nbsp$padding: 20px;

$nbsp$$nbsp$border: 5px;

}


依照W3C规范，这个div实际所占宽度是5px + 20px + 200px + 20px + 5px。而对IE5.x/Win的边框盒状模型来说，这个div实际宽度就是200px，而内容宽度被压迫到只有150px：200px – 5px – 20px – 20px – 5px。这时候，传说中的牛人Tantek ?elik（负责IE5.x/Mac的前微软员工，现在经营Technorati，Microformats创始人和贡献者之一）出现了，带来了Box Model Hack. 该hack使用了IE 5.x/Win不支持的voice-family，并在值中设置一些CSS转义引号（CSS-escape quotes） ，欺骗IE 5.x/Win认为规则块（declaration block）已经闭合。


div { /*为了更好说明，width调了一下写作习惯*/

$nbsp$$nbsp$margin: 20px;

$nbsp$$nbsp$padding: 20px;

$nbsp$$nbsp$border: 5px;

$nbsp$$nbsp$width: 240px;           /* 1. IE 5.x/Win需要的宽度 */

$nbsp$$nbsp$voice-family: "\"}\"";  /* 2. IE 5.x/Win看见了}，认为规则已经结束了 */

$nbsp$$nbsp$voice-family: inherit;  /* 3. 能够正确解析的浏览器重置该值 */

$nbsp$$nbsp$width: 200px;           /* 4. 这才是我们需要的真正宽度 */

}


这条hack会导致同时期的Opera一些小问题，但新版已经没有任何问题了。考虑到非IE用户都乐意升级他们的浏览器，所以这个不是问题，不用多加考虑。


Tantek ?elik后来还发明了更佳的方式来对待IE 5.x/Win，叫做滤器（filter）。这跟对NN 4.x隐藏样式有类似之处，只不过这是针对其他浏览器隐藏，IE 5.x/Win自己可识别。不过这许多额外的CSS文件。Tantek ?elik称之为Band Pass Filter. 


IE 5.0x/Win的filter：


@media tty {

 i{content:"\";/*" "*/}}; @import 'ie50winbandpass.css'; {;}/*";}

}/* */


IE 5.5x/Win的filter：


@media tty {

 i{content:"\";/*" "*/}}@m; @import 'ie55winbandpass.css'; /*";}

}/* */


这样，就可以将针对IE 5.0x/Win的CSS写到ie50winbandpass.css中了，同理，IE 5.5x/Win的则是ie55winbandpass.css。需要了解工作原理等更多东西，可以访问http://tantek.com/CSS/Examples/。


还有许多同样会在IE6中出现的问题，我们将在IE6部分中讨论。另外，如果您已经没有老机器或者老系统来跑这两个浏览器，可以到http://browsers.evolt.org/?ie/32bit/standalone中下载绿色版。


那么，我们要来讨论另外一个常被我们忽略的IE 5.x浏览器了，没错，Mac OS上的IE。


IE 5.x/Mac


同时期，IE5.x/Mac（前面提到的Tantek ?elik领头开发的）是最先进的浏览器，它的Tasman引擎支持CSS 1, HTML 4.01, PNG 1.0，同时还支持在2000年看来十分先进的子选择器（child seletor）和相邻选择器（sibling selector）。就是说，它也有本身的毛病。


IE 5.x/Mac的问题主要体现在定位元素，浮动，不必要的滚动条，过宽的元素，不正确的覆盖，奇怪的边界等的处理上。见附表。


对IE 5.x/Mac隐藏CSS，最有名的hack叫做注释反斜杆hack（Commented Backslash Hack）：


#isnotMacIE5 { display: none;  }

#isMacIE5 { display: block; background-color: #060; color: #fff; }
/* commented backslash hack v2 \*/

#isnotMacIE5 { display: block; background-color: #060; color: #fff; }

#isMacIE5 { display: none; }

/* end hack */


IE 5.x/Mac碰到了反斜杆（\），就将*号转义（escape），从而直到碰到下一条注释才认为注释结束，把一整段都当作注释对待，达到隐藏目的。


当然，还有hack能够让你的样式（表）只对IE 5.x/Mac显示。由Tantek ?elik开发，Douglas Bowman 文档的IE5/Mac Band Pass Filter：


 /*\*//*/


  @import “ie5mac.css”;


/**/


这反转了Commented Backslash Hack，对IE 5.x/Mac显示了ie5mac.css，而其他浏览器会视而不见。如果您需要为IE 5.x/Mac设计，IE5/Mac Band Pass Filter将是最有用的工具。

































IE5.x/Mac的臭虫及解决方案一览表


臭虫
解决方案






绝对定位到屏幕边缘右/下的元素导致垂直/水平滚动条。


div {

$nbsp$$nbsp$position: absolute;

$nbsp$$nbsp$right: 0;

$nbsp$$nbsp$bottom: 0;

}





取消被隐藏的15px边界。


div {

$nbsp$$nbsp$right: 15px;

$nbsp$$nbsp$margin-right: -15px;

$nbsp$$nbsp$bottom: 15px;

$nbsp$$nbsp$margin-bottom: -15px;

}







快捷（shorthand）边界不会居中一个表格。


table {

$nbsp$$nbsp$margin: 0 auto;

}





使用完整（longhand）性质来设置边界。


table {

$nbsp$$nbsp$margin-left: auto;

$nbsp$$nbsp$margin-right: auto;

}







赋予background-image的元素背景图片总是被边框覆盖。





使用另外的元素来设置边框，如果要求边框必须在background-image的外围。







使用overflow: auto会导致页面扩展到能够适应元素的内容，就算不溢出，还是会产生滚动条。





总是设置需要overflow: auto的宽度和高度。







元素的clear会继承设置了clear值的父级元素的值，就算该元素定义了clear: none也无效。





目前尚未解决方案







$nbsp$$nbsp$$nbsp$$nbsp$$nbsp$$nbsp$IE 6


这个仅运行在Windows平台上的浏览器对许多CSS设计者/开发者来说简直就是毒药。自2001年发布以来，它的Trident引擎和CSS解析器没有升级过。跟Windows平台上的IE 5.x（首次发布于1999年）相比，最大的差别在于引进Doctype开关并在“标准模式”(Standards Mode)下修正了大量CSS1的臭虫。


因为它的引擎自首次发布以来都没有升级过，所以关于它的臭虫和解决方案的文档都基本完善了，您可以从http://www.positioniseverything.net/explorer.html找到更详细的信息。


只对IE 5+显示所需样式，可以使用Tan Hack，或者，也可以称之为* html Hack。


div {

$nbsp$$nbsp$color: green;

}

* html div { /* IE5+将会使用它 */

$nbsp$$nbsp$color: red;

}


在(X)HTML中，html是根元素（即老大，它上面没有父元素了）。Tank Hack实际上是要选择一个元素（在这个例子中，是div），它属于html的后代，而这个html又是任何元素（您所看到的型号*）的后代。在理论上，这是不可以的，所以解析正确的浏览器都会忽略* html，但是似乎IE 5+还有实现了某些在html的父元素（是什么我们不得而知），从而讽刺地，意外地让我们可以解决很多难题，感谢Bill，大家面向太平洋方向鞠一躬……


至于对IE 5+隐藏样式，那真是太简单了，使用CSS2中的子选择符，相邻选择符，属性选择符等，IE都不可识别（CSS规范中也有说明，对于不可识别的都忽略，IE也有严格遵循规范的时候），从而忽略整条规则。比如：


body > #content {…}

div + #content {…}

div[id="content"] {…}


但是我并不建议您这么做，因为您要承担浏览器升级的风险。IE7已经支持这些“先进”的选择符，所以我不建议对过时的非兼容浏览器使用“先进”选择符来做修补工作。


当我们使用CSS hack和filter的时候，如果可以，仅对老式/过时/废弃的浏览器使用，不要对当前版本的浏览器使用，以免升级时失效。另外，我也希望使用hack和filter能够尽量合法（valid），能通过CSS校验器的检查。所以对于星号*/下划线_加属性（property，也叫性质），还有在属性和值之间添加空注释的非法hack，我不在这里提了，我也不建议你去查。针对这个问题，我建议大家可以看看CSSZenGarden创始人Dave Shea的Stop Hacking, or be Stopped。


那么，我们来列一下IE5+/Windows主要臭虫及解决方案，我希望在使用这个方案的时候，能考虑一下前面提到的Dave Shea和我的想法。

































































IE5+/Win的臭虫及解决方案一览表


臭虫
解决方案






在一个液态的（liquid）的盒内，跟在一个浮动的元素后的内容会莫名其妙消失（只有IE6会发生）。学名Peek-a-boo Bug.





给该盒定义height: 1%;（但要注意对IE 5.x/Mac隐藏）。


/*\*/ * html div {

$nbsp$$nbsp$height: 1%;

}/**/


这个就是有名的Holly Hack（救世hack？神圣hack？）。它通过给一个块设置一个十分小的高度值（1%几乎成了通用准则）来工作。但IE 5+/Win能够依据内容来扩展这个盒子到足够的高度，就是说，把height当作min-height来用。在大部分情况下，Holly Hack能够使IE5+/Win按照实质的行为来表现。







在列表元素（dl, ul, ol），定义在相对或浮动定位的块级元素的背景会消失。学名Disappearing List-Background Bug





给列表元素定义相对定位（但同样注意对IE5.x/Mac隐藏，因为它没有这个虫虫——相同名字，表现却咋这么不同呢？）


/*\*/ * html ul {

$nbsp$$nbsp$position: relative;

}/**/


尽管不是一个很有技术含量的hack，但使用position: relative;能够让你从IE5+/Win的大部分困境中解脱出来。同时很多场合下你也不愿意使用，因为它产生的块（block）或许是你不需要的，所以还是省着点用吧。







浮动元素内某些连接hover时，该元素的底部会被砍掉。学名Guillotine Bug





对包含元素使用Holly Hack.







一个相对定位元素内的绝对定位元素，其内容超出页面底部时不会触发滚动条。学名Unscrollable Content Bug.





对包含元素使用Holly Hack.







当多个浮动的元素彼此跟随，中间加注释的时候，最后一个浮动元素内的文本偶尔会复制到最下面去。学名Duplicate Characters Bug.





不要给浮动元素设置多宽度，使其不会到达包含元素的底部，或者对最后一个元素设置margin-right: -3px;或者更小。







浮动元素相同浮动方向上的边界是所设置值的两倍。


div {

$nbsp$$nbsp$float: left;

$nbsp$$nbsp$margin-left: 100px;

}





为浮动元素设置display: inline;。注意：根据W3C的建议，除非值是none，否则不应该在浮动元素上使用display。







一个块级元素内的文本跟浮动元素之间有一个3像素的间隔。学名Three Pixel Text-Jog Bug.





对块级元素使用Holly Hack.







内容中包含未达到底部的浮动元素，清除（clear）浮动的块级元素的padding-top会加倍。





给该清除浮动的元素使用Holly Hack.







相对定位容器内连接的background-image失效。





给连接相对定位。







一个有padding的盒子内嵌套一个有margin的盒子，外围盒子的padding-top和里面盒子的margin-top不会相加。





里面盒子的margin-top设置双倍值。







以下划线开头的class和id会被忽略。





防止以下划线开头命名class和id.







一个绝对定位元素的left值依据容器内第一个元素的左边缘计算，而不是容器本身。





根据实际情况调整left的值或者绝对定位容器。







为table设置margin会被忽略（IE6忽略所有，IE5.x/Win只忽略margin-top和margin-bottom）。





给table外包一个div，然后对该div设置margin.







$nbsp$$nbsp$$nbsp$$nbsp$$nbsp$$nbsp$Mozilla家族/Gecko


当上个世纪浏览器大战接近尾声，微软的IE实际上已经取胜，Netscape宣布它的浏览器开放源代码并成立了Mozilla组织。Mozilla组织放弃了所有Netscape Navigator的大部分代码，重写了引擎。这是一项艰苦的过程，Netscape没有能够在最快时间内发布它的新版浏览器，以致IE一家独大好多年。而被AOL收购后的Netscape，虽然在Mozilla的基础上发布过6.x, 7.x, 8.x的浏览器。但是除了忠实粉丝，加上Mozilla组织主推Firefox，没有人再认识它们。


Mozilla是一个大套件，包括浏览器，邮件客户端，IRC聊天，甚至可视化网页编辑器。庞杂的体系吓坏了仅仅需要浏览器的用户。为了各司其职，Mozilla组织在保留Mozilla Suite的基础上，衍生了浏览器Firefox，邮件客户端Thunderbird，而网页编辑器也有了个NVU。它们基于同一渲染引擎Gecko。基于这个引擎的浏览器还有linux下的Epiphany, Galleon，Mac下的Camino等。 习惯上把它们称为Mozilla家族（Mozilla Family）。


因为这一章涉及到的内容比较少（它们基本上是完美的，没有什么臭虫可以让我增加字数），我更倾向于谈谈历史，莫怪:) 。Firefox在名字还叫Firebird, Phoenix的时候就已经引起了CSS设计师们的注意。Gecko引擎跟W3C的规范很靠近，还有许多CSS3的新特性，莫不让设计师们兴奋。但依旧有些小小怪癖，但是能够马上得到修正，试想想那个5年都没有变化的Trident……


我宣布，目前版本的Gecko在CSS方面没有能够影响到设计的臭虫……


Safari


2003年，Mac OS 10.3(Pather)发布以后，Safari成了默认的浏览器。它的引擎叫做WebCore，基于开源项目KDE下Konquerer的KHTML引擎。2005年随着Mac OS X 10.4(Tiger)的发布，Safari 2.0成为第一个通过WaSP Acid2测试的浏览器（正式发行版）。尽管1.x有许多臭虫和怪癖，但是，还是那句话，非IE用户都乐意或者不受约束地升级他们的浏览器器，以下只给出已知的Safari 2.x的臭虫和解决方案。

























Safari 2.x的臭虫及解决方案一览表


臭虫
解决方案






对fieldset设置display: inline;会让表单不可点击。





相对定位fieldset：


fieldset {

$nbsp$$nbsp$display: inline;

$nbsp$$nbsp$position: relative;

}







使用:hover伪类的相邻选择器导致错误的行为：


dt:hover + dd {

$nbsp$$nbsp$color: green;

}





目前无解决方案





放大字体时，产生的内容会使文本超出其盒子范围。


目前无解决方案







Opera


历史上，Opera也有一些CSS怪癖，有可能是想模仿IE行为导致的。但新版表现十分好，桌面版自从2005年9年8.5发布以来完全免费（去除广告），而且移动版大举进军手机市场，所以也是市场的一支生力军。开发Opera本身就有不少W3C规范的撰写人，技术专家，所以，Opera对标准的支持绝对让你满意。


Opera 9，最近发布的版本，使用了称为了Presto的引擎，也通过了Acid2的测试。


我宣布，目前版本（9.0+）的Opera在CSS方面没有能够影响到设计的臭虫……


手中无剑，心中也无剑


同理，Hack的最高境界就是没有Hack。我们这系列的文章，前两部分都在谈IE。我们来看一张有趣的图：




可以发现，当代Web设计，问题绝大部分时间花在IE身上。我们身边有一大堆更好的浏览器，为它们设计也是一件轻松的事情，那么，可不可以把IE独立出来？对，区别对待浏览器，并让“补丁”式的CSS只对劣质浏览器可见。劣质？没错，你知道我指IE5+/Win。这样，我们可以专心于设计，实现，并在后期集中精力解决IE问题。而且，这样我们就没有必要使用hack（当然trick还是要的）了等可能会导致混乱等乱七八糟的东西了……什么，那你前面的两个部分写出来干什么的？


我们当然可以使用JavaScript或者其他技术来识别浏览器，但是我们有更安全的方法。首先我们来看看Vitamin的源代码，可以发现这一段：


<!–[if lt IE 7]>

<link type="text/css" media="all" rel="stylesheet" href="/css/main_IE.css" />

<script type="text/javascript" src="/scripts/pngfix.js"></script>

<![endif]–>


注释中的东西只有小于版本7的IE采取执行，其他浏览器都忽略。感谢MS，再次向太平洋方向鞠个躬……需要更详细了解条件注释，请查看msdn的相关文档。


甚至，如果我们都不在意IE 6以及以下版本浏览器，我们都不要搞那么多hacks或者tricks，直接用 /IE7/（这可不是IE7，是一个js）算了。虽然效率有点问题，呵呵，就让IE咎由自取吧……不过基本上是不可能的，尤其在中国的环境下，大家都把IE照顾好吧……


那么，我们这系列就结束了。我希望IE7能尽快出来并普及，尽管不完美，但足可以让生活更舒心了。Web标准本身并不复杂，只是当前IE6等浏览器对CSS支持的缺乏和误解，需要hack的东西太多，让初学者误认为很高深……我希望，将来无须再hack，无须再trick，做页面无须再分工，每个网页设计师都能够亲自操刀，嗯，我也可以失业了…… XD


作者：Realazy


原载：http://realazy.org/blog/



翻译：页面布局与颜色运用的基本准则
hauy — Thu, 17 Aug 2006 01:36:25 +0000
为了走出条条框框的限制，我们需要抛弃框架，打破准则和那些陈词滥调的传统。但是在打破任何准则之前，你必须先了解这些准则的基础。
首先，我们来谈谈页面的布局。
准则 – 有太多的条条框框会对你的健康产生不好的影响
有一名设计师说当他或她在页面设计时开始使用一些框架以及分隔线的时候就意味着他已经成为设计师了。当你自己观察你的页面并认识到有必要去做些更有吸引力和创造力的东西来摆脱你所刚做的一些烦人的作品时，或是决定要抛弃一些以前所遵循的准则时，说明你的创造力已经摆脱了限制。
在你使软件中的使用所有的框架前，得先明白适度就好。任何事一旦过了头就不太妙了。当然了，合理使用条框和分割线是突出重要信息的好方法。但如果你在所有页面都用上，或是把太多的内容放在一个框里面，重要信息就会淹没在这些拥挤的文字中。
准则 – 别把页面一分为二
给你的文档注入创造力和革新的最好方法是把页面分成三部分。然后将那些重要的对象：比如标题，照片，具有视觉效果的，放在顶上或是第三部分的底部。
现在我们来谈谈颜色
准则 – 颜色对比度越强可读性越强
任何一名设计师都明白这点，文字和背景有足够的对比可以让文字更容易阅读。通常黑色字就会用在比较明亮的背景上。反过来也一样。
尽管在深色背景上使用亮些的字可以让文字容易阅读些，但这个手法应该尽量保守使用。事实上已经证实了，在深色背景上阅读对比度较大的文字会让眼睛非常疲劳。
准则 – 颜色要省着点用
为了视觉表现较有冲击力，设计师经常选择多个颜色来做设计。但在每个地方都用到不同的颜色也会降低它的视觉效果。基本原则：为把视觉效果最大化，把颜色充分利用在标题上，并把最重要的文字写在标题上。
准则 – 不要使用互补色
以一个颜色为基点，可以在色盘的另一头找到它的互补色。举例来说，蓝色的互补色在色盘中是橙色。当这两个颜色紧贴在一起的时候，互补色会让我们的眼睛非常不舒服，因为这时我们无法同时聚焦在这两个颜色之上。再顺便补充一下，互补色在一起的时候会给人一种刺眼的感觉。
准则 – 文字的滤色不要超过40%（滤色越高颜色越暗）
任何滤色超过40%的文字阅读起来很艰难。然而，你可以通过计算颜色的明度来加以变化。比如，同样的文字，绿色可以比蓝色更暗。
为了达到最佳效果，Pantone比色表能告诉你每种颜色不同的明度。另外，Pantone比色表能告诉你滤色后文字的可读性。
作者：Granny's Mettle  原文：http://www.phuketsolution.com/web-design-article/basic-rules-on-page-layout-and-color.html
For one to be able to stand out from the rest, one needs to go out of the box, break the rules, and some other clich?s that apply to breaking out from the traditional. But before breaking any rule, you have to understand first the basic and foundation of the rule itself. 
First off, let's talk about page layout. 
The Rule – Too much boxes is bad for your health. 
One designer said that a mark of a designer is when he or she starts to use boxes and rules in his or her pages. When you look at your page and realize the need to make something attractive and creative out of the boring stuff you've just made, and then decide to throw around a box or two or place rules between columns, then that's the time when your creativity is getting out from confinement. 
Before using all the box there is in your software, just remember to do it in moderation. Anything in excess is a bad thing. Sure, boxes and rules are a good way to highlight important information. But if you're going to do it in all your pages, or put virtually everything in a box, then nothing will stand out from the crowd. 
The Rule – Do not divide the page in halves. 
The best way to infuse excitement and innovation in your documents is to divide the page into thirds. Afterwards, place the most important objects like the headings, photos, and visuals, at the top or bottom third. 
Let's go to color. 
The Rule – Contrasting colors make for greater readability. 
Any designer knows that enough contrast between the text and background makes for easy reading of text and material. Often, dark text is used on a light background. And vice versa. 
Although light text on a dark background is easy to read, this technique should be used sparingly. It's proven fact that the eyes get more tired when reading large quantities of text on a dark background, than the other way around. 
The Rule – Use color sparingly. 
For impact, designers choose to create their design on more than a single color. But color thrown around everywhere also loses its impact. The rule of thumb: for maximum impact, use color on headings, and the most important words in headings. 
The Rule – Do not use complementary colors. 
Colors that can be found opposite each other in the color wheel are called complementary colors. For example, blue is opposite orange in the color wheel. When used side by side, the complementary colors can create havoc in our eyes because it would be difficult to focus on both at the same time. In addition, the colors may seem to vibrate when viewed together. 
The Rule – Do not use color screened more than 40% with text. 
Anything darker than 40% color against a text can make it harder to read. However, you can vary this rule somewhat by calculating how dark the color will be. For example, green can be screened darker than blue to make the text stand out. 
For best results, use a Pantone book for tints to show you different screens for every color. In addition, the Pantone book will help you see what is readable and what is not with both text and reversed text on the screens.



玩转flickr del.icio.us Digg 之完全攻略
hauy — Sun, 13 Aug 2006 16:28:56 +0000
Flickr篇


    


    


    Flickr 对于图像存储、共享和组织领域来说，绝对是具有革命性意义的，它能很方便的管理图像，能协同处理。并且提供了很多功能，如留言、批注和为你的照片添加tag，发布到任何blog上，共享和实时聊天等等。Flickr有两个主要目标，声称要成为最好的在线管理和照片共享工具：


    


  帮助人们把他们的照片提供给有需要的人 


  建立一个组织管理照片的新方法 


  




  


    


    Flickr提供的官方工具：


    


    “Send To Flickr” Windows XP Explorer Wizard -Windows XP上的图像上传工具，可以直接把照片上传到Flickr网站上。 


    Flickr Export Plugin for iPhoto plugin for iPhoto 4 and 5 - iPhoto插件，可以直接导出文件到Flickr。 


    Flickr Uploadr for Mac OS X 10.3 or higher - Mac OS X上图像上传工具，可以直接把照片上传到Flickr网站上。 


    Flickr Uploadr for Windows XP, 2000, ME and 98 -Windows XP、2000、ME和98上的图像上传工具，可以直接把照片上传到Flickr网站上。 


    Flickr photo search - 根据标题、tag和描述来搜索图像。 


    Flickr organizr - 一个强大的工具，可以帮助你创建照相集，以便组织和显示你的照片。 


    Flickr Mail - 为用户提供的免费的email服务 


    Popular tags - Flickr上所有的热点tag和最流行的图像的tag 


    Flickr badge - 调用一段代码，可以在你的blog或网站上显示Flick的照片 


    


  


  


  


  由flickr用户创建的有趣并且有用的工具：


  


  

    


    Bubblr  - 使用flickr上的照片创建连环画。 


    Sprinklr - 允许用户非常容易和快速的把他们的照片添加到不同的组。 


    Matchr - flickr迷语游戏 


    h4ppierphotos - 帮助查找没有存于set或根据时间过滤照片，并且为它们添加tag或放一个存在的set中。 


    Twaingle - 一个允许你在flickr或yahoo上查找照片，并把它们直接插入到应用程序中的工具。 


    Flickr original Viewr - 查看flickr上的原始照片。 


    Flickr Leech - 在一个页面上载入一天中全部有趣味的照，根据用户ID、照片集和组来排序 


    ZoneTag - 能自动根据位置来为你的照片添加tag 


    Flickr Mixr - 使用flickr提供的RSS种子并且分析它们来生成新的图像。 


    Tiltomo - 图像搜索 


    John’s Background Switcher - 周期性的改变电脑背景图片，图片来源于flickr. 


    FlickrLilli - 另一种搜索flickr图像的工具. 


    RSS2PDF for Flickr - 通过flickr上的rss种子来创建PDF归档。 


    Flickr & Webimager - 基于flickr API的屏幕捕获和上传工具。 


    We Map Flickr - 在google地图上标注图片，图片来源于flickr 


    Gtalkr - 集合google talk,flickr,youtube和gmail.  


    Flickr Logo Maker - 输入文字产生flickr样式的logo 


    Loopy - 一个使用flickr上图片的屏幕保护程序。 


    Flickr Sets RSS - 创建一个flickr上照片集(set)的RSS流。 


    Flapper - 一个用flash8创建的flckr界面 


    Flickeur - 从flickr接收随机图片，创建一个意识流类型和视频剪辑。 


    Findr - 根据浏览内容和相关的tag查找照片 


    Wickr - 一个在flickr上浏览照片的小部件，你可以根据tag或用户名或email来浏览。 


    Tickr - 在你的桌面上显示你指定的tag的图片。 


    Tagnautica - 一个实验性的导航工具，根据相关的flickr tag建立一个浏览空间。 


    Clockr - 查看当前时间的flickr照片。 


    Retrievr -通过你画制和草图来搜索照片. 


    Slickr - flickr屏幕保护，可以提定用户、组、tag等. 


    Gnickr - 管理你的flickr照片，假如这些照片的本地文件都在你的Gnome桌面上的话。 


    Captioner - 为你的flickr照片添加有趣的说明。 


    Flapi - 一个开源的Flash图库，它使用Flickr管理图片。 


    Daily Zeitgeist - 在你的网站上显示flickr上最近的照片，使用flash。 


    Wikinews Flickr License Searcher - 搜索在指定许可下得到许可的图片 


    Yahoo Widgets for Flickr - flickr的Yahoo小部件. 


    QuickrFlickr - 一个产生flckr图片HTML代码的快速方法，可以放在blog,或任何HTML页中 


    CloudTagFlickr - flickr tag去工具 


    DeskFlickr - 基于flickr tag，旋转你的桌面墙纸。 


    FlickrBuddy - 从你的flickr联系人那里查看和下载最有趣的图片 


    Most Interesting Pictures - 输入Flickr用户名来查看他们最有趣的图片 


    FlickrWallpaper - 一个简单的桌面墙纸变换器，根据tag从flickr上下载照片。 


    Flickrmap - 放置一个基于flash的世界地图在你的网站或blog上。 


    Embedded Flickr Slideshows - 嵌入式flickr幻灯片工具，可以放置在你的网站上。 


    f*Gallery -一个PHP脚本程序，在个人网站显示你上传到flickr的图片 


    Flickrfs Virtual Flickr Filesystem - 虚拟的flickr文件系统. 


    Projects on the construction of identity and flickr - 一系列第三方工具 


    WordPress Flickr Post Bar plugin - 一个wordpress插件，可以非常容易插入flickr照片到你的文章中。 


    Flickr AutoDownloadr - 在一个全屏幕幻灯片界面下查看flickr照片 


    Flickratr - 给每个不同的flickr图片进行投票。. 


    KFlickr - KDE上的flickr上传工具。 


    FAlbum - 一个用来显示flickr照片的wordpress插件。 


    Flickr Album Maker - 使用flickr照片创建照相本 


    flickrRSS Plugin - 一个wordpress插件，可以在你的blog上用来显示flikr样式的badge. 


    Flickr Backup - flickr备份工具 


    Flickr Greasemonkey Scripts - 个脚本收藏集，用来增强flickr . 


    Random photo browser - 随机照片浏览工具. 


    Photo Comment Tool - 照片评论工具. 


    FlickrFavs - 一个用来下载你收藏的照片的工具。 


    Flickr Explorer - 大规模的照片下载器。  


    FlickrRandom - 提供随机的和精选的照片 


    Flickr RSS Widget - 一个Java脚本，可以通过rss种子在你的网站上显示最近的照片。 


    Flickr Dhtml Badge - Flicr Dhtml 印章 


    Flickr module for CMS - CMS上的Flickr 插件 


    Flickr Framer - 把flickr图片在线添加到画框内 


    Mobup - 一个小的J2ME程序，它可以帮你管理手机图片，并上传到flickr上。 


    QOOP flickr Photo Printer - 在线flckr照片打印服务。 


    GLFlickrShow - 使用OpenGL来建立全屏幻灯片过渡效果。 


    Flickr idGettr - 查找你的flckr用户id号 


    Flickr TopToolbar - flickr工具栏 


    Flickr MiniToolbar - flickr迷你工具栏 


    Magazine Cover - 从你的flckr照片中创建杂志封面. 


    FlickrTagFight - tag比较工具 


    Notifyr - 通知工具，当有新图片增加时通过email通知你。. 


    Flidget - 一个Mac OSX的面板部件，允许你上传照片 


    Flickr RSS Reader v2 - .一个基于flash的程序，用来查看Flickr的RSS 


    FlickrDown - 很容易的从flickr下载照片存放在本地。. 


    On Black - 输入一个照片的URL，查看在全黑或全白背景下的图片效果。 


    Mosaic Maker - 创建图片相册 


    Badge Maker -创建你自已的 (非官方) flickr印章. 


    Flickr Album -另一种查看flickr图片的方法. 


    Associatr - 一个用来浏览相关tag图片的工具。. 


    Lfvr - 一个轻型的flickr查看器。 


    Flickr Montager - 用flickr tag建立照片浏览器。. 


    Search Plugins:Flickr - flickr搜索. 


    Glimmr - 一个flickr图片上传工具。 


    Grabbr - 一个小工具，可以截取屏幕然后上传到Flickr 


    Flickr.rb - 基于Ruby的flickr照片共享服务。 


    Flickr People Finder - 一种查找flickr用户的方法. 


    Flickr Automator Action 0.1 - .自动上传到flickr 


    Flickr Screensaver -flickr屏幕保护程序. 


    Flickrfox -一个Firefox扩展，可以在你的浏览器工具栏中显示flickr图片. 


    flickrate! - 尝试给于flickr一个等级系统。 


    uploadr.py - 一个用来上传图片的Python脚本。. 


    FlickrUploadr - 一个上传图像到flickr的工具. 


    Spell with Flickr -使用flckr图片来拼字. 


    Flickr Postcard Browser - Flickr播客浏览器 


    Flickr Graph –社会性flckr图片浏览方法。 


    Flickr World Map - Flckr世界地图 


    Mappr 一个交互式的浏览环境.基于图片和用户感受。 


    Flickr Color Picker - 另一种浏览flickr图片的方法. 


    1001 - 一个Mac OS X 程序，可以上传和通知你当有新的图片添加时 


    FlickrPapr - .使用tag或用户来搜索墙纸尺寸的图片。 


    


  


  


  


  del.icio.us篇


  


  


  Del.icio.us这是一个很棒的基于web的社会书签工具。另外值得一提的是，它的这个域名也很有意思，把英文delicious（美味的）适当的分开来作为域名，的确很有创意。


  随着Del.icio.us使用的用户越来越多，形形色色的工具、插件和附加工具也越来越丰富。当然Del.icio.us本身也提供了相当多的工具，比如能把Del.icio.us中的书签每日自动发布到wordpress日志中、使用del.icio.us跟踪你的blog等等，而这里就列出了一个全面的第三方扩展工具列表，下面，我们就来看看这些东西能给我带来什么功能。


  


  

    


    


    Del.icio.us新的搜索工具 - 提供多种方法搜索你自已或别人的tag和书签。 


    Trendalicious - 一个del.icio.us上网站流行趋势的实时查看工具 


    Delicious Linkbacks - 与前面我写的使用del.icio.us跟踪你的blog类似的一个工具，可以查看有哪些人收藏了当前你访问的网址，列出一个列表。 


    del.icio.us most popular treemap - 用树形图的方式列出最受欢迎的网址列表[体积越大受欢迎承度越高，越明亮平均寿命越长] 


    MySQLicious –把del.icio.us书签镜像到MySQL数据库中的工具 


    del.icio.us loader — 把Firefox中的书签直接导入到del.icio.us中的工具 


    introsp.icio.us — 一个Ruby脚本，用来分析你在del.icio.su中的书签，并生成一个你感兴趣的收藏列表。 


    Delibar — 它可以把你所有的书签存储到系统栏里，以便你可以非常方便的通过点击tag和链接来访问相关网站。 


    WordPre.cio.us — 导入del.icio.us书签到你的wordpress blog 


    Search plugin for Mozilla browsers — 一个Mozilla插件，可以搜索del.icio.us中的书签。 


    HuntAndGather - 一个firefox扩展，提供很一些非常有用的功能。 


    del.icio.us import script — 一个prel脚本，导入Netscape中的收藏夹到del.icio.us中。 


    delicious-java — 一个与del.icio.us相结合的Java API 


    The Easiest Way to Publish del.icio.us Links on Your Site — 可以让你在你的网站上发布链接 


    delicious-discuss –一个多用途的邮件列表，可以与其它del.icio.us用户之间进行聊天。 


    Automatic filing with del.icio.us - 自动归档当前网页到del.icio.us 


    Wetaste - 一个Del.icio.us的WYSIWYG发掘工具 


    sid.vicio.us - 为del.icio.us上的tag创建ontologies 


    del.icio.us tag search - del.icio.us tag查找工具 


    foxylicious - 一个Mozilla Firefox 扩展，用来同步你的del.icio.us书签到你的浏览器收藏夹。 


    extispicious - 产生随机和并列的tag, 


    taga.licio.us - 一个tags过滤工具 


    avar.icio.us — 另一个del.icio.us递交界面 


    Firefox plugin - Firefox插件，使用firefox和del.icio.us结合为一体。 


    Durl- 一个del.icio.us URL查询工具,并提供RSS输出. 


    del.icio.us + Gmail - 一个每天运行一次的脚本，可以索引每一个链接，然后发gmail给你。 


    del.icio.us Tag Stemmer - 帮你查找你的tags中是否有相同含义的单词，以便你清理tag. 


    delicious2safari — 导入del.icio.us书签到Safari中。 


    cocoalicious –一个Mac OSX的del.icio.us客户端。 


    Sorting del.icio.us/popular - 一个书签栏， 


    Pasta - 一个del.icio.us的纯文本粘贴服务。  


    Mapping del.icio.us with Anthracite and OmniGraffle - 一个del.icio.us tag创造视觉探究的教程。. 


    delicious.py — 使用python，通过del.icio.us的API允许你访问它的服务 


    Extended del.icio.us bookmarklets - 用来扩展del.icio.us 的功能。 


    Delicious Link Checker –一个perl脚本，接收所有用户的链接并检查它们，输出一个是否仍可以访问或错误代码及一些有用信息。 


    foaflicious - 一个可以从你的del.icio.us收件箱中生成FOAF文件的应用程序。 


    del.icio.us Illogical Interface - 不同的tag界面 


    Backup Del.icio.us with Excel — 帮助你备份书签到Excel 2003 


    Delicious Mind Map Maker - 一个集群图生成工具. 


    Oishii - 一个在del.icio.us上受欢迎网站的列表。 


    BookmarksToDelicious -一个独立的Python客户端帮你从一个文件中递交书签到del.icio.us is 


    Bunnyhug Updater del.icio.us - 一个程序让你下载你自已所有的del.icio.us书签到你的本地机器上。 


    Del.icio.us popular sites — 显示最近指定时间内最受欢迎的站点。 


    del.icio.us Smart Tagging Plugin for WordPress - 一个为wordpress准备的del.icio.us 插件。 


    Related del.icio.us Links in Your Sidebar - 关联的del.icio.us链接在你的工具条中. 


    Integrating Bloglines and del.icio.us –能非常方便的把你正在Blogines中阅读的链接发布到del.icio.us中。 


    Gnomolicious –一个GNOME Java程序，可以帮助你通过拖拉来发布链接到del.icio.us网站。 


    Services Delicious –. 一个del.icio.us基于web的服务，它可以让你从任何PHP脚本选择、添加和删除你的书签。 


    Graph del.icio.us subscriptions network — 图形化浏览del.icio.us用户网络 


  


  


  


  


  digg篇


  


  


  Digg是一个典型的web2.0网站，它把社会书签、blog、RSS和无等级的编辑管理等功能联合在一起。在digg上，用户可以随意提交文章，然后由阅读者来判断该文章是否有用，用户收藏人数越多，说明该文章越有热点。


  我也经常在Digg上看文章，了解当前网络上发生的事情。


  下面，我们来看一下下面这些方便我们使用Digg的工具列表：


  


  

    


    


    Diggnation RSS Reader  - 一个基于windows的Digg文章阅读器。 


    HotDigg  - 把Digg 实时新闻作为屏幕保护。. 


    DiggDesk - 一个桌面工具条，可以查看Digg文章和youtube视频。 


    Digg Search Widget - 可以搜索所有digg归档文章. 


    DiggBot - 一个MSN聊天机器人，它可以提醒你在在Digg.com首页上添加了哪些新项目。 


    DiggLicious - 一个非常酷的digg.com和del.icio.us混合器。 


    Digg Opera Widget - 一个Opera插件，可以下载和显示Digg的RSS种子。 


    DiggIRC -一个非官方Digg的IRC频道 


    Digg Clouds - 以Cloud的格式查看digg队列。 


    Digg RSS Widget - Digg Rss部件。. 


    Digg Spy v2 - 自动刷新的实时查看器，可以查看当前首页文章和队列文章的更新情况 


    Cacheout! - Firefox digg扩展工具 . 


    Digg.com Toolbar - Firefox上的digg工具栏 


    DiggTray - 放在任务栏上的小程序，可以通知你的位于Digg.com首页上的新闻。 


    Digg vs Dot - digg.com 和 Slashdot.org上相关文章集锦。 


    Digg Q - 与DiggSpy相类似. 


    DiggTree - 一个digg.com RSS生成器。. 


    Digg This! - 一个Firefox扩展，在右键或工具菜单中添加Digg this按钮，以便快速提交文章。 


    Digg Submit Bookmarklet - 快速提交链接到digg.com 


    PocketDigg - 可在移动设备上浏览的digg文章。 


    Digg Search - .digg文章高级搜索 


    Digg Buttons - 一个可以放置在blog中的digg文章提交按钮。 


    Digg Search Plugin - 一个firefox插件，可以让你搜索digg文章。. 


    Upcomming.org Digg Group - 一个基于Digg用户的协作事件日历. 


    Digg Add Mirrors -一个 Greasemonkey脚本，用来添加镜像到digg。 


    Digg Top Stories - 收藏digg上分别为一年、一个月、一个星期和一天中最热门的文章。 


    Digg Top Stories - Google Desktop 工具条插件，用来显示最新的10个digg文章。 [google桌面下载] 


    Digg News Widget - 从digg.com上通过各种RSS种子获得新闻。 


    Add Digg to Moblog -把你的Digg.com新闻种子添加到你的免费moblog上。


    Digg Toolbar -一个digg浏览器工具栏. [另外一个类似的toolbar] 


    DiggClone project - 一个用来架设类似于digg网站的php程序。. [more] 


    Diggnation - 发布的有趣事件.收藏集。 


    Diggnation Widget - 可以让你知道由Diggnation发布的最近的音频和视频。 


    


  


  


  


  文章来自：The sky of Daemon


  


  




畅享网终于顺利改版了~~
hauy — Fri, 11 Aug 2006 01:31:53 +0000
测试地址：http://club.vsharing.com/

原版本地址：http://www.vsharing.com/
畅享网介绍：

热爱分享，享受成长。

畅享网是各行各业众多积极进取、勤于思考的管理者的精神家园。在这里，我们交流知识、结识朋友、分享商机。

她，做管理10年，她对”畅享网”的感觉＝103个二级好友＋81篇实战经验＋5个商业机会；

他，做IT 8年，他在”畅享网”的体会＝12万篇资料阅读＋5个私密的圈子＋3个应聘机会。

朋友、知识、商机，改变你我，成就未来。

畅享网的”管理＋IT”经理人，邀请你来，畅快共享。
畅享网发展背景：

畅享网从1998年9月创建的”公共知识库” http://www.AMTeam.org 发展到今天，汇集了15万名管理和信息化领域的专业人士；积累了1427817篇原创文章及讨论。融汇了AMT BLOG和AMT CLUB，还有ORG知识库三条大动脉，给用户提供大量有价值信息和资料。



web2.0在中国
hauy — Mon, 07 Aug 2006 02:21:28 +0000
web2.0的网站已经扎堆了，挤进来一看，我靠，连个腾挪转身的地方都没有，那还不赶紧撤啊。
那一个个网站，长得都一模一样的脸孔，苍白的脸，粗糙的皮肤，干瘪的躯干，T恤上印着广告，黝黑的手还伸过来要钱，想想都要做恶梦。瞧瞧那些个网站不少都开始砸锅卖铁了，不知道还能捱多久。前几天还有个吵着要跳楼，别人都围过来他说不跳了，接过别人施舍的馒头得意地跑了，嘿！还啥事都没有一样。
这不，赶紧撤吧，门户们都已经杀过来了，头发抹得油亮油亮的搜狐，穿着笔挺的西装的新浪，拉着个密码箱的百度，穿着花衣裳的QQ，阴阴地笑着的网易，还有一群老流氓小流氓也混迹其中。虽然不知道那光鲜衣服下盖的是蝼蚁还是旺财，不过就瞧那阵仗，那气势，就跟斧头帮一样。
我向来不喜欢有人扎堆的地方，我还是到边上找个高一点的楼仔细瞧瞧先。



关注几个商务交友网站
hauy — Sun, 06 Aug 2006 00:17:24 +0000
联络家

http://www.linkist.com/

界面友好，功能完善，虽然是台湾人搞的，但是并没有感到什么不习惯。

不过似乎人气不是很旺
天际网

http://www.tianji.com/

说件很郁闷的事情，注册的时候填手机号，我159的号码说我不合法，然后弹回原先的页面，我填的什么都没有了，连选项也没有了，这我可怎么办？
畅享网

http://www.vsharing.com/

专注于企业信息化领域，因此有相当的针对性。

不过并非专门面向商务交友，其板块内容设置功能相当强大。

最近刚刚上线，虽然网站还有很多地方不完善，但是发展速度很快。
Wealink若邻

http://www.wealink.com/

人气很旺，线上的交流很活跃，和别人建立联系也比较容易。
聚网

http://www.365ju.com/

还没有使用过，以后再评论。
另外，我这里还要提到一个世界经理人沙龙网站。

在中国互联网已经成为流氓和无耻的代言词时，世界经理人把流氓手段发挥到了极致。

竟然偷偷冒充我隔三岔五给我的msn好友发垃圾邮件邀请信，直到一个朋友来质问我，我才明白过来为什么经常有提示我的msn messenger在别处登陆。

这种短视的行为是拿自己的信用来换一时的快感，这种网站迟早会倒闭。
ok，先这些



八个经典用户界面设计准则
hauy — Sat, 05 Aug 2006 23:44:22 +0000
　　这些准则是由Ben Shneiderman的Designing the User Interface这本书中节录出来的。这些准则是Shneiderman藉由经验与观察互动系统后，将一些合适的经验法则再精炼、延伸后才整理出来的。
　　一个容易的使用的应用程序，妥善的用户接口设计是少不了的。Shneiderman的八个经典用户接口设计准则是设计一个互动作品的最佳指南。
1.取得一致性

类似的情况应该有让使用者有一致性的操作。在提示、选单与说明文件中，应该采用同样的名词。并且保持命令的一贯性。
2.让重度用户使用快捷方式

当使用频率增加时，使用者会希望减少互动的次数、让每次的互动能够一次做更多的动作。缩写、功能键、隐藏功能与综观全局的功能，对专家来说非常有用。
3.提供有意义的回馈

当使用者做出一些动作时，系统应该提供回馈。越频繁的动作，其回馈的强度可以低一些。越重要或不寻常的动作，其回馈强度应该要显著一些。



4.设计对话产生结束

一连串的动作应该被组织成开始、中间、结束三部份。当动作结束的时候，要提供回馈让使用者知道动作已经完成。在做下个一连串的动作之前，先告知使用者整个流程，能够减轻使用者的压力、提高满意度。
5.提供简单的错误处理

最好不要让系统有严重错误的可能性。如果还是造成错误，系统应该能够侦测出出来，并提供一个简单、使用者可以理解的错误处理方式。
6.允许回到上一步

这个功能可以减低使用者的焦虑，因为使用者只到做错了可以重来。这个功能鼓励使用者探索不熟西的选项。回到上一步的功能，可以包含一个、或是一连串的动作。
7.满足使用者控制的需求

有经验的使用者强烈的感觉到他们在控制系统，做出动作之后，系统提供回馈。系统设计上要让使用者作为动作的处发者，而不是响应者。
8.减少短期记忆需求

人类的短期记忆有限，因此显示上要保持简单、能同时显示多页数据以减少窗口切换频率，减少记忆指令和动作顺序的时间。
原文：

http://www.cs.utexas.edu/users/almstrum/cs370/elvisino/rules.html
These rules were obtained from the text Designing the User Interface by Ben Shneiderman. Shneiderman proposed this collection of principles that are derived heuristically from experience and applicable in most interactive systems after being properly refined, extended, and interpreted.
To improve the usability of an application it is important to have a well designed interface. Shneiderman’s “Eight Golden Rules of Interface Design” are a guide to good interaction design.
1 Strive for consistency.

Consistent sequences of actions should be required in similar situations; identical terminology should be used in prompts, menus, and help screens; and consistent commands should be employed throughout.
2 Enable frequent users to use shortcuts.

As the frequency of use increases, so do the user’s desires to reduce the number of interactions and to increase the pace of interaction. Abbreviations, function keys, hidden commands, and macro facilities are very helpful to an expert user.
3 Offer informative feedback.

For every operator action, there should be some system feedback. For frequent and minor actions, the response can be modest, while for infrequent and major actions, the response should be more substantial.
4 Design dialog to yield closure.

Sequences of actions should be organized into groups with a beginning, middle, and end. The informative feedback at the completion of a group of actions gives the operators the satisfaction of accomplishment, a sense of relief, the signal to _drop contingency plans and options from their minds, and an indication that the way is clear to prepare for the next group of actions.
5 Offer simple error handling.

As much as possible, design the system so the user cannot make a serious error. If an error is made, the system should be able to detect the error and offer simple, comprehensible mechanisms for handling the error.
6 Permit easy reversal of actions.

This feature relieves anxiety, since the user knows that errors can be undone; it thus encourages exploration of unfamiliar options. The units of reversibility may be a single action, a data entry, or a complete group of actions.
7 Support internal locus of control.

Experienced operators strongly desire the sense that they are in charge of the system and that the system responds to their actions. Design the system to make users the initiators of actions rather than the responders.
8 Reduce short-term memory load.

The limitation of human information processing in short-term memory requires that displays be kept simple, multiple page displays be consolidated, window-motion frequency be reduced, and sufficient training time be allotted for codes, mnemonics, and sequences of actions.



关于招行的存款机
hauy — Thu, 27 Jul 2006 21:18:30 +0000
在我看来，招行的服务在所有的银行中是最好的。

但是前几天发生了一件很郁闷的事情。
我去招行的自助银行存钱，却发现把卡插进去以后除了存钱的选项其他都有。

我很奇怪，确认了一下我使用的确实是存款取款一体机，于是我按了呼叫，值班人员很不耐烦地告诉我存满了。
于是第二天我又去了，还是一样的情况，但是这是旁边也有一个人在存钱，他可以存。

我又郁闷了，这是我突然想到，会不会是由于我是异地卡的缘故？但是我的杭州卡在宁波明明可以存的。
我抱着疑问来到最近的一家招行营业厅，得知异地的卡的确不能使用自助存款机，

但是杭州的卡在宁波不算异地…… – -!!@ 从来没人告诉过我这个。

于是我只好办一张上海本地的招行卡。
我想，要是招行在存款机上多写几个字，我也就不会有这么多苦恼了。

就像没有取款凭条可以用时，农行的取款机会提示：取款凭条已用完，是否继续？然后可以按是或者否。
招行是不是也可以在我插入银行卡时，提示：

您当前可使用以下服务：xxx,xxx,xxx

您当前不能使用以下服务：xxx,原因：xxxxxxx；

xxx,原因：xxxxxxx。
这样对我来说可以省不少力气~~



联想又堕落了……
hauy — Mon, 24 Jul 2006 23:31:13 +0000
飞飞线不承认也就算了~~

现在在美国开始跳楼价大贱卖了~~

最高降幅33%啊！
大哥！这是ThinkPad啊！ThinkPad怎么可以降价应该涨价啊！`~~

就跟BMW汽车一样，降价了谁还买啊~

价格高了才能彰显自己的尊贵地位啊。



web2.0的冬天要到了么？
hauy — Wed, 19 Jul 2006 23:28:00 +0000
先是前几天看到敏思博客暂停运营的消息
今天又看到消息称，维众投资从blogbus.com撤资了，虽然其官方新闻稿表现得自己是信心很足，但很明显，blogbus.com仍然在等待新的投资。
互联网的世界变得真快，很多web2.0的网站还没从娘胎里出来，已经有一批元老快撑不住了。当年风光的bokee、blogcn也渐渐从人们眼中淡去，换来的仍旧是门户之间的争斗。



上海的交通信号灯
hauy — Sun, 16 Jul 2006 22:16:17 +0000
来到上海已经有一个多月了。
我发现上海的交通信号灯与杭州的不太一样。
杭州路口的行人信号灯是这样的：绿灯一段时间以后会开始闪烁，绿灯闪烁一段时间之后转红灯。

而在上海的不少路口，行人信号灯在开始闪烁的同时即开始显示秒数倒计时，为0时转红灯。
就这么一点点细微的差别，就是红绿灯设计的人性化的体现。

绿灯闪烁的时候显示读秒有什么好处？

首先，已经走在斑马线上的行人可以看到自己还有多少时间来走完剩下的路程，是可以继续慢慢走呢？还是要加快步伐？

如果没有秒数的显示，行人通常会感到紧张，往往会刚开始闪烁的时候就开始小跑。

其次，还没走上斑马线的行人可以估计一下时间，自己来不来得及穿过马路，还是要等下一次绿灯？

同样若没有读秒，大多数的行人会选择冲过马路，往往会发现冲到一半的时候边上的汽车已经开过来了，于是只好站在马路中间尴尬地等待。
那么我们再来讨论一下为什么不在绿灯还没有闪烁，也就是一开始的时候就开始倒计时呢？

我认为如果从一开始就显示倒计时的秒数，会给行人造成紧张感，觉得只有这么点时间，会来不及穿过去。

而不显示倒计时的话，行人倒可以觉得很坦然，很放心地穿过马路。
另外很有趣的一点是杭州的信号灯和上海的信号灯刚好相反的。
上海的机动车信号灯没有秒数的显示，行人信号灯有。杭州的却是大部分路口的机动车信号灯无论红灯还是绿灯都有有读秒的倒计时，行人的却没有。
那么机动车信号灯方案是杭州的优于上海么？我认为并不如此。

首先，在绿灯时显示倒计时，快跳成红灯时，往往可以看到不少机动车辆会加速冲过路过，反而提高了事故隐患。

而在上海，转红灯前仅有绿灯闪烁提示，司机并不知道绿灯还有多久，反而会小心行事，不敢贸然冲过路口。

其次，在红灯时显示倒计时，杭州不少繁忙的路口早高峰晚高峰时2分钟以上的红灯很常见，这是信号灯上一直显示“99”，会给司机带来轻微的挫折感和沮丧感，反而会使司机变得更加烦躁，还不如把显示的时间去掉，大家都不知道还有多久。

那么靠什么来提示信号灯要转成绿灯了呢？上海的做法就很好，在转绿灯前同时亮红灯和黄灯，已经给了司机足够的时间表示即将转为绿灯了。
其实说了这么多，我主要想联想到界面设计上的几个要点。

一、在展现信息给用户的时候，一定要有度，要选择最重要、用户最需要的信息，千万不要一股脑地往上堆，以为越全越好，越多越好，这样反而会造成反作用。

二、在用户需要帮助和提示的时候，一定要最快捷、最自然地提供帮助和提示。

三、在用户使用我们提供的服务的时候，一定要最轻松愉快，不需要动脑筋就能完成我们预想的功能。如果每次用户一到新的界面就要思量很久才能往下点，那说明我们做得很失败。如果用户举着鼠标晃了半天也不知道该点哪里，那么是我们失败中的失败了。



也说最佳雇主百度裁员
hauy — Fri, 14 Jul 2006 00:11:47 +0000
不晓得米缸百度遇到了何等凶险的困难，竟然露出如此狰狞的面目对待自己的员工。

好像没出什么大事啊，短短几年，百度的市值和lenovo差不多了。

也许是百度嫌这个部门赚钱少吧，觉得那边数钱都数不过来了，还要来忙这破事，干脆关了算了。

企业软件事业部的招聘启事现在还挂在百度的主页上，但是这个部门已经灰飞烟灭不复存在了。

这事件之后，百度的员工是不是每天要战战兢兢地过活了？
附： 裁员事件录音



TinyMCE参考手册
hauy — Thu, 13 Jul 2006 23:52:42 +0000
在线查看点击这里：TinyMCE参考手册

打包下载点击这里：TinyMce_Manual.rar
这个手册是根据TinyMCE2.0.3RC1中的手册翻译的。
非常感谢leexuan的辛勤劳动。



从回形针到别墅
hauy — Thu, 13 Jul 2006 23:03:20 +0000
前段时间在路边的公车站牌上看到www.comhuan.com，还以为是普通的c2c电子商务网站。

结果最近在电视上看到报道说有个人用一个回形针经过物物交换最后换来了一幢房子。

才发现原来这种模式还是有渊源的。
这是一个相当振奋人心而且很有趣的消息。

这让我们的生活中会发生更多原本几乎不可能发生的事情，网络正在让这一切发生。
红色曲别针 -> 鱼形钢笔 -> 绘有笑脸的陶瓷门把手 -> 科尔曼牌的烤炉 -> 发电机 -> 具有多年历史的百威啤酒的啤酒桶 -> 雪上摩托 -> 前往落基山脉的旅游 -> 一辆1995年生产的泰龙敞篷车 -> 在工作室录制唱片的一份合同 -> 一套双层公寓的一年免费居住权 -> 与摇滚歌手艾利斯·库柏共度一个下午 -> 摇滚乐团Kiss为主题的雪景球 -> 柏森新片的演出机会 -> 基普林镇的免费房子
这一切看起来很顺理成章，但是一步一步地放大到最后的结果是惊人的。



虽然我并不是很看好comhuan.com的前景，但是我相信这个世界不断将会有令我们惊奇的事情发生。



js学习：多选及反选框的实现
hauy — Thu, 13 Jul 2006 18:13:26 +0000
将目标指向表单：form＝document.select //这里的select对应表单的name

遍历表单元素：for( var i=0 ;i
取得事件发生的对象：event.srcElement

复选框的选中：form.elements[i].checked

反选：!form.elements[i].checked






全 选




反 选




Item1






Item2




Item3




Item4




Item5





[/code]



Adobe 推出 Flex 2.0
hauy — Thu, 13 Jul 2006 18:02:06 +0000
Adobe推出Flex 2.0 全面提升开发效率 
为开发人员更具灵活性的创建下一代Web应用敞开大门

2006年7月12日，[北京] —Adobe公司(Nasdaq：ADBE)近日正式发布Adobe? Flex? 2产品系列和Adobe Flash? Player 9软件，同时，还推出一种全新的授权许可模式，把强大的Flex开发功能提供给每个应用开发人员。通过将基于Eclipse?的、能够提供数据服务的强大工具以及免费的Adobe Flex 2软件开发包（SDK）结合在一起，Adobe为开发人员构建下一代丰富互联网应用提供了无限可能，其可用性和效率均大大提高。
包括波音（Boeing）、道琼斯（Dow Jones）、三星（Samsung）、Indexes 和SAP在内的各行业领军人物，纷纷使用Adobe Flex和Flash Player来创建下一代Web应用，该应用将桌面软件的优势和网络的广泛范围结合在一起，从而为用户创造出更有价值的体验。永明金融公司（Sun Life Financial）软件工程师Chris Culhane说：“利用Flex 2，我们已经改进了员工使用的程序界面的丰富程度和可用性，这直接提高了我们的工作效率。在开发方面，和其它开发环境相比我们的应用开发速度提高了一倍。我们只需编写很少的代码，Flex应用程序可以将其与后台系统无缝的集成在一起，因而最终的应用程序非常简单，易于维护。”
Flex 2产品系列提供给开发人员一整套完整、集成的工具和技术，使其能够更快、端对端地开发出各种丰富而又具有创新意义的Web应用。利用Flex 2 SDK和Flex Data Services 2 Express，这种能够提供强大的消息驱动的数据管理服务的单CPU生产许可，开发人员无需软件许可成本便可以准备好他们所需的一切，来创建和部署完整的丰富互联网应用。为了提升生产效率，开发人员能够利用Flex Builder? 2进行应用开发和用户界面设计，Flex Builder? 2是一个强大的基于Eclipse的集成开发环境（IDE），包含一个内置控件和服务的库。而有了Flex Data Services 2，开发人员可以创建数据密集型应用，其中包括实时数据同步和协同的能力。
WeightWatchers.com 软件工程副总裁David Dean说：“一直以来，我们都以我们的创新而自豪。而且，我们将继续探索新的技术，进一步完善我们的在线产品。和HTML开发相比，我们用Flex可以在更短的时间内创建出更丰富、更具动态化的用户界面。”
此外，Flash Player 9可以为企业级就绪的丰富互联网应用提供一个更加安全、体积更小并且稳定的运行时环境。通过ActionScript 3.0和全新的ActionScript虚拟机（AVM），Flash Player 9可以实现Flex开发人员获得最高达10倍的性能提升，因此Flash Player 9成为下一代丰富互联网应用的理想客户端运行时。
Adobe Flex和Flash技术还可以帮助合作伙伴扩展他们的应用和服务。SAP AG 产品与技术集团执行副总裁兼总经理Doug Merritt说：“长期以来，SAP一直致力于改善用户的体验，简化他们访问和使用业务信息的途径，让SAP用户在最舒适的环境和界面下工作。凭借Flex和Flash提供的稳定技术，Adobe在这些方面是我们一个非常重要的合作伙伴。我们非常高兴可以将Flash Player 9中的强化应用扩展到我们的xApp Analytics客户。Adobe可以为SAP xApp Analytics提供丰富、易用而又熟悉的界面，其在调整SAP应用的同时，进一步提高了SAP的用户体验。”
供货和价格
Flex 2.0产品系列英文版现已上市。包括Flex Framework和命令行编译器在内的Adobe Flex 2 SDK将被免费提供。对于ISV/OEM客户，可以享受到一定的总额折扣和定制的价格体系。关于Adobe Flex 2更多信息，包括系统需求和支持平台，请访问：http://www.adobe.com/products/flex/.
为了帮助开发人员迅速开始构建丰富、有表现力的web应用，Adobe已经提供了各种在线的学习资源，开发人员可以浏览：http://developer.adobe.com.
关于Adobe公司
Adobe公司致力于变革世人展示创意、处理信息的方式。欲了解进一步信息，请浏览：http://www.adobe.com.cn。



很久没看这么搞笑的电影了
hauy — Mon, 10 Jul 2006 00:39:58 +0000
这是一部差点就要被媒体所忽略的电影，却在电影界掀起了一股黑色幽默的热潮。

大多影院一开始只买了一份拷贝，现在纷纷要求追加。

刘德华一开始给的评价也只是“不错，可以再进步”，现在又跑出来要来做主题曲，拍海报，算是奖励还是补救？

一部电影连主题曲也没有，不知道他们一开始是如何打算的？

Quote 
片名：疯狂的石头

原名：贼中贼

导演：宁浩

主演：郭涛 饰 包世宏

　　　刘桦 饰 道哥

　　　黄渤 饰 黑皮

　　　连晋(港) 饰 麦克

　　　徐峥 饰 冯董

类型：黑色喜剧

片长：98分钟

发行：中影华纳横店影视有限公司

上映日期：2006年6月30日
 




名人名言
hauy — Sun, 09 Jul 2006 23:49:06 +0000
时常更新
“人成功不在你做对的事情，在于你少做错的事情。”
——鸿海，郭台铭
心若改变，你的态度跟着改变

态度改变，你的习惯跟着改变

习惯改变，你的性格跟着改变

性格改变，你的人生跟着改变

在顺境中感恩，在逆境中依旧心存喜乐，认真地活在当下
——马斯洛
其实我也不清楚我在影片里到底在演什么。反正已经一年多都没人找我演戏了。而且刚好摩托车坏掉，保时捷被警察拖扣。实在没事做，就接了这部戏。
——Keanu Reeves
比起一个没有信用、懒散、乱花钱、不求上进的人，自必有更多机会。
——李嘉诚
我很怕, 但是只有不断地打，我以后才会不怕他们。
——周鸿祎
周鸿祎生性好斗, 所以他不可避免地迷上了彩弹射击游戏. 在这种高度近似于实战的对抗中, 周鸿祎最喜欢和受过严格训练的退役军人作对手, “我很怕, 但是只有不断地打, 我以后才会不怕他们. ” 所以, 在每次对抗游戏结束后, 无论自己是否幸存, 他总是那个最先招呼大家再开一局的人。[/color]
企业家应该远离政治，否则容易把持不住。“李鹏总理和他握一次手，他一激动，将巨人大厦提高了20层；李鹏总理再和他握一次手，他依然很激动，将巨人大厦再提高20层；李鹏总理又和他握一次手，巨人大厦最终成了72层。”
——方向明



今天发工资~~
hauy — Wed, 05 Jul 2006 21:29:39 +0000
耶！~~ 今天天气很凉爽，更爽的是今天发工资~~

我早已忘了我第一次领工资什么时候，第一次赚到钱什么时候。

而且这次是签了合同并打到工资卡里的，自然是意义非凡。
于是我决定到四号线中山公园站底下买一串烤鱿鱼和一个肉夹膜纪念一下。

不过……很不幸，很难吃。那个鱿鱼，我怀疑是不是把糖当作辣酱使了，那个肉夹膜也没有味道，皮又硬，不好吃。
跑到招行一看，两台机器上死活找不到存款按键，只好坐765回去了，还好今天765上不太挤。

车上发现一个年轻的阿姨站着读一本英文小说书，甚为惊异，觉得我在地铁上也应该拿本书看看了，不能老睡觉，睡觉还容易做过头。
嗯嗯，天气凉还有个好处~~ 可以省一顿饭钱的电费~~
好了，先写到这里，感谢大家不辞辛劳过来看我记流水帐。
更多精彩稍候奉上。



台灯
hauy — Tue, 04 Jul 2006 22:49:09 +0000
昨天我理东西的时候，想把陪伴了我近6年的台灯也寄回家。

我一拎起来，却发现台灯的主干上出现了好几条深深的裂痕，再翻过来一看，底座也早已裂成了好几块。
我悚然地吸了口气，仿佛我再用点力，这个台灯便化为粉齑了。
这许多年来，这台灯一直默默地工作着，从来都没有出过什么问题，没想到它在这段时间中却悄无声息地走向终结。
小心地放下台灯，心中还是有点舍不得。



转载：针对URL的SEO方法
hauy — Fri, 23 Jun 2006 01:33:08 +0000
以下仅是个人经验，未经任何试验验证，请自行判断以下方法是否可行，使用如下方法进行SEO，任何后果自负。
作者：Cloudream http://www.5iya.com/blog/

转载请注明以上信息
匹配指匹配用户搜索关键字。
1.主域名匹配优于目录名或网页名匹配。

2.英文关键字之间应使用 – 或 _ 链接。

3.针对中文关键字，中文目录名和网页名优于英文目录名和网页名。Google、百度可识别中文目录名和网页名，但其它搜索引擎未知。中文目录名和网页名可能导致部分浏览器无法识别该URL。

4.相同条件下（站外链接等），URL优于网页标题匹配（标签）。<br />
5.可使用多级域名匹配关键字。（如：china.creditcard.apply.cmbchina.com）<br />
6.静态网页（.htm、.html）优于动态网页（.asp、.php、.jsp、.aspx）。<br />
<span id="more-57"></span>7.动态网页参数越少越好。<br />
8.动态网页参数名可匹配关键字。<br />
9.可使用伪静态地址。（URL重写）<br />
10.同一文件URL应固定不变。<br />
11.URL跳转时应使用301 永久重定向。<br />
12.主域名不应过长（控制在12个字符内）。<br />
13.URL应包含较少的关键字而非堆砌大量关键字。<br />
14.URL中可省略the、for、of等常用介词、冠词等。<br />
15.主域名应首先考虑用户容易记忆而非针对搜索引擎优化。<br />
16.Google、百度尚不能自动为中文关键字匹配使用汉语拼音的URL。（如：用户搜索“搜索引擎优化”时，无法自动匹配 sousuoyinqingyouhua.html）<br />
17.Google、百度尚不能识别中文域名。（如：扩展名.com）<br />
18.较 .com 和 .net 域名，Google 偏爱 .org 和 .edu 域名。<br />
19.Google Adsense 首先通过 URL 匹配广告。<br />
20.子域名不应过多，可根据文章类别或服务器用途创建不同子域名。</p>

</article>
<article>
<h1>摄于6月21日</h1>
<p>hauy — Thu, 22 Jun 2006 23:02:35 +0000</p>
<p>我毕业了</p>
<div style="width: 100%">
<div class="thumbnail"><a title="我在华家池边" href="http://www.freefancy.com/blog/attachments/200606/22_230310_070.jpg" rel="lightbox[biye]"></a></div>
<div class="thumbnail"><a title="也是华家池边" href="http://www.freefancy.com/blog/attachments/200607/06_002051_080.jpg" rel="lightbox[biye]"></a></div>
<div class="thumbnail"><a title="这个是什么岛来着？" href="http://www.freefancy.com/blog/attachments/200607/06_002131_084.jpg" rel="lightbox[biye]"></a></div>
</div>

</article>
<article>
<h1>转载：TinyMce介绍与使用心得</h1>
<p>hauy — Tue, 06 Jun 2006 23:07:25 +0000</p>
<p>以下内容转载自 <a title="http://www.leexuan.com" href="http://www.leexuan.com" target="_blank">http://www.leexuan.com</a></p>
<p>TinyMCE是一个轻量级的基于浏览器的所见即所得编辑器，由JavaScript写成。它对IE6+和Firefox1.5+都有着非常良好的支持。功能方面虽然不能称得上是最强，但绝对能够满足大部分网站的需求，并且功能配置灵活简单。另一特点是加载速度非常快，如果你的服务器采用的脚本语言是PHP，那还可以进一步优化。最重要的是，TinyMCE是一个根据LGPL license发布的自由软件，你可以把它用于商业应用。<br />
<a href="http://www.leexuan.com/upload/tinymce_example.png" target="_blank"></a><br />
上面是一个TinyMCE的实例，我将根据自己的使用心得来介绍一下相关的安装配置。</p>
<p>另外根据最新发布的TinyMCE_2.0.3_RC1(2006.2.13)，我做了一个TinyMCE中文精简版,美<span id="more-55"></span>化了中文的显示和删除了多余的语言包并增加UTF8编码的中文包，具体修改说明见压缩包里的说明文件。</p>
<p>下载：<a title="http://www.leexuan.com/upload/tinymce_lite.rar" href="http://www.leexuan.com/upload/tinymce_lite.rar" target="_blank">TinyMCE中文精简版</a></p>
<p>1、首先将TinyMCE解压缩，会建立如下的目录结构：</p>
<div class="code">/tinymce/<br />
/tinymce/docs/<br />
/tinymce/docs/zh_cn/<br />
/tinymce/examples/<br />
/tinymce/examples/zh_cn/<br />
/tinymce/jscripts/<br />
/tinymce/jscripts/tiny_mce/<br />
/tinymce/jscripts/tiny_mce/langs/<br />
/tinymce/jscripts/tiny_mce/plugins/<br />
/tinymce/jscripts/tiny_mce/plugins/<plugin folders><br />
/tinymce/jscripts/tiny_mce/themes/<br />
/tinymce/jscripts/tiny_mce/themes/advanced/<br />
/tinymce/jscripts/tiny_mce/themes/default/<br />
/tinymce/jscripts/tiny_mce/themes/simple/</div>
<p>其中docs/目录下是TinyMCE的说明文档，examples/目录下是4个实例页面，而jscripts/目录下则是真正的JS文件。实际使用时候只需要将jscripts/目录上传到服务器上即可。</p>
<p>2、然后在需要使用TinyMCE的页面里加入如下的JS代码：</p>
<div class="code"><!– tinyMCE –><br />
<script language=”javascript” type=”text/javascript”<br />
src=”jscripts/tiny_mce/tiny_mce.js” mce_src=”jscripts/tiny_mce/tiny_mce.js”></script><br />
<script language=”javascript” type=”text/javascript”><br />
$nbsp$$nbsp$tinyMCE.init({<br />
$nbsp$$nbsp$$nbsp$$nbsp$mode : “textareas”,<br />
$nbsp$$nbsp$$nbsp$$nbsp$theme : “advanced”,<br />
$nbsp$$nbsp$$nbsp$$nbsp$language :”zh_cn”<br />
$nbsp$$nbsp$});<br />
</script><br />
<!– /tinyMCE –></div>
<p>这里假设页面与jscripts/处于同一目录下，否则请修改代码里的路径。<br />
现在页面里所有的textarea元素就会被渲染成TinyMCE实例。</p>
<p>3、初始化配置介绍：</p>
<div class="code">tinyMCE.init({<br />
$nbsp$$nbsp$mode : “exact”,<br />
$nbsp$$nbsp$elements : “example_textarea”,<br />
$nbsp$$nbsp$theme : “advanced”,<br />
$nbsp$$nbsp$language :”zh_cn”,<br />
$nbsp$$nbsp$plugins : “flash,emotions,paste”,<br />
$nbsp$$nbsp$theme_advanced_buttons1 : “bold,italic,underline,<br />
$nbsp$$nbsp$$nbsp$$nbsp$strikethrough, separator, forecolor,backcolor,<br />
$nbsp$$nbsp$$nbsp$$nbsp$fontselect,fontsizeselect”,<br />
$nbsp$$nbsp$theme_advanced_buttons2_add_before: “cut,copy,<br />
$nbsp$$nbsp$$nbsp$$nbsp$pastetext,separator”,<br />
$nbsp$$nbsp$theme_advanced_buttons2 : “undo,redo,separator,hr,<br />
$nbsp$$nbsp$$nbsp$$nbsp$link,unlink,image,flash,separator”,<br />
$nbsp$$nbsp$theme_advanced_buttons2_add :”code,emotions,charmap”,<br />
$nbsp$$nbsp$theme_advanced_buttons3 : “”,<br />
$nbsp$$nbsp$theme_advanced_toolbar_location : “bottom”,<br />
$nbsp$$nbsp$theme_advanced_toolbar_align : “center”,<br />
$nbsp$$nbsp$relative_urls : false,<br />
$nbsp$$nbsp$remove_script_host : false<br />
});</div>
<ul class="ubb-list">[1]mode与elements是搭配使用的，用来指定渲染name在elements中的HTML元素为TinyMCE编辑器（可以是DIV或者Textarea），比如：<br />
mode : “exact”,elements : “example_textarea”<br />
也可以单独用 mode : “textareas”,这样页面中所有的Textarea元素都会被渲染。 </p>
<p>[2]theme 可以是advanced或者simple(受功能限制),也可以自定义主题。</p>
<p>[3]language 常用选择可以是：en,zh_cn,zh_cn_utf8,zh_tw,zh_tw_utf8（和语言包名字对应）</p>
<p>[4]plugins 用来指定加载相应的插件，以提供特别功能</p>
<p>[5]theme_advanced_buttons 后面的数字用来指定工具栏的第几行，前3行可以不写，系统会自动用默认图标填在前3个工具栏，如果你不想显示前3行，可以像例子里面一样这样写：theme_advanced_buttons3 : “”,_add_before后缀指在默认工具栏前面加图标，_add后缀指在默认工具栏后面加图标，具体每个按钮资料可以查看文档（/doc目录）。</p>
<p>[6]theme_advanced_toolbar_location和theme_advanced_toolbar_align很简单，一看就明白。</p>
<p>[7]relative_urls : false,remove_script_host : false一般也配对使用，因为TinyMce会自动把本地链接改成相对链接的形式，比如会把绝对路径 <a title="http://www.leexuan.com/2006/03/abc.html" href="http://www.leexuan.com/2006/03/abc.html" target="_blank">http://www.leexuan.com/2006/03/abc.html</a> 改成相对路径 /2006/03/abc.html 。加了上面的代码后就不会自动改写了。</ul>
<p>这个简单配置比较适合一般网站的应用，关于TinyMCE更强大的功能，可以研究下DOC文档。</p>

</article>
<article>
<h1>洋人来了，所以禁烟</h1>
<p>hauy — Mon, 29 May 2006 18:19:52 +0000</p>
<p>今天以打开新浪，一条消息引起了我的注意：《我国将立法在公共区域划定禁烟区》</p>
<p>心想，不错不错~~~我们整个社会的素质正在提高，周围的生活环境也逐步地在改善。<br />
这应该是个好现象。</p>
<p>可没想到继续往下看时，发现有一行段话：</p>
<p><span style="color: #666666">　　目前，卫生部已着手开展无烟奥运的工作。保护人们在公共场所、公共交通工具、室内工作场所，特别是奥运会期间避免接触烟草烟雾。并优先考虑向儿童提供服务的场所采取禁烟措施。</span><span style="color: #666666">　　到2007年底前，奥运会举办城市定点医疗机构全部实现无烟医院(单位)。</p>
<p></span>原来是洋人要来了，所以我们要禁烟，我们的大人们还是看在洋老爷面子上啊。</p>
<p>咱们政府的官员，啥时候能从老百姓的角度开始考虑问题呢？</p>

</article>
<article>
<h1>每个人的一生就好像一部电影</h1>
<p>hauy — Mon, 29 May 2006 08:42:29 +0000</p>
<p>每个人的一生就像一部电影。<br />
有多少人在你生命中和你擦肩而过，又有多少人在你心中镌刻下难以忘怀的记忆。<br />
时光匆匆飞逝，愈发地觉得孤单和无助。<br />
往日的欢歌笑颜，幻化作梦中的一片掠影。<br />
侧身之际，才发现泪水已经浸湿了睡枕。</p>
<div class="quote">
<div class="quote-title">引用自 <u /></div>
<div class="quote-content">每个人的一生就好像一部电影，<br />
而他们就是那部电影里的主角，<br />
有时候他们会以为：<br />
自己也是别人电影里的主角，<br />
但是可能他们只是一个配角，<br />
只有一个镜头，<br />
更说不定他们的片段早被剪掉 了，<br />
自己居然还不知道。<br />
就拿这对母女来说，<br />
这女孩肯定是妈妈一辈子的主角。<br />
但十几年后，<br />
在女孩的电影里，<br />
妈妈的角色还有多重要呢？</div>
</div>
<p>现在看《如果·爱》，最令我感动的还是这段话。</p>

</article>
<article>
<h1>绑定多域名的ASP代码 及镜像站自动选择</h1>
<p>hauy — Thu, 25 May 2006 08:31:00 +0000</p>
<p>如果有有一个ASP空间，而你又想放置多个多个站点，这些代码可以帮到你</p>
<p>第一个</p>
<div class="code"><%if Request.ServerVariables(“SERVER_NAME”)=”www.yyjs.com” then<br />
response.redirect “zkj”<br />
else<br />
response.redirect “i.htm”<br />
end if%></div>
<p>第二个</p>
<div class="code"><%<br />
select case request.servervariables(“http_host”)<br />
case “www.yyjs.com” ’1<br />
Server.Transfer(“v3.htm”)<br />
case “www.aspcn.net” ’2<br />
Server.Transfer(“i.htm”)<br />
case “www.yyjs.cn” ’3<br />
Server.Transfer(“yyjs.htm”)</div>
<p><span id="more-52"></span>…… 继续添加 ……<br />
end select<br />
%>[/code]<br />
第三个</p>
<div class="code"><%if instr(Request.ServerVariables<br />
("SERVER_NAME"),"kekexi.com")>0 then<br />
response.redirect "index.asp"<br />
else if instr(Request.ServerVariables<br />
("SERVER_NAME"),"4668.com")>0 then<br />
response.redirect "x/index.asp"<br />
else if instr(Request.ServerVariables<br />
("SERVER_NAME"),"web315.com")>0 thenr<br />
esponse.redirect "index3.asp"<br />
end if<br />
end if<br />
end if%></div>
<p>第四个</p>
<div class="code"><%if Request.ServerVariables("SERVER_NAME")="www.yyjs.com" then<br />
response.redirect "index1.asp"<br />
else if Request.ServerVariables("SERVER_NAME")="www.ce.org.cn" then<br />
response.redirect "index2.asp"<br />
else if Request.ServerVariables("SERVER_NAME")="www.163.com" then<br />
response.redirect "index3.asp"<br />
end if<br />
end if<br />
end if%></div>
<p>自动打开最快镜像站</p>
<p>方案一：</p>
<div class="code"><html><br />
<head><br />
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312"><br />
<meta http-equiv="refresh" content="5;url=./"> //设定检测的时间,每5秒刷新一次<br />
<title>自动选择最快站点











请稍候，正在选择速度最快站点......





方案二：
直接将下面代码加入到中




《达·芬奇密码》
hauy — Sun, 21 May 2006 04:05:54 +0000
圣杯在古老的玫瑰林教堂下等待

剑刃和圣杯一起看护着她的门外

她躺在大师们令人钟爱的杰作的怀抱中

在繁星闪烁的天空下终于得到了安息




微软发布网页设计工具Expression Web Designer(EWD)的CTP测试版
hauy — Thu, 18 May 2006 03:28:27 +0000

本周一，微软终于发布了网页设计工具Expression Web Designer(EWD)的第一个公开测试版。
Expression Web Designer是微软Expression设计套装的一部分，代号Quartz，是以FrontPage继任者的身份登场的，目标直指Dreamweaver，与代号Sparkle的图形图像处理工具Graphic Designer和代号Sparkle的交互式网络动画创作工具Interactive Designer组成微软的设计“三剑客”，对抗已经收购了Macromedia的图形设计市场巨头Adobe。
Expression Web Designer使用所见即所得(WYSIWG)界面帮助用户建立标准的网站，支持CSS层，可方便地加入JavaScript等Web技术，同时与ASP .NET 2.0紧密结合。
Graphic Designer和Interactive Designer的CTP测试版已于今年年初发布，此次发布的Expression Web Designer技术预览版版本号12.0.4017.1003，大小约220MB，支持Windows XP SP2/2003 SP1/Vista操作系统。
微软Expression套装的最终正式版预计将在明年年初发布。
点击下载Expression Web Designer CTP
出处：驱动之家



最近把三个项目全部外包了。
hauy — Thu, 18 May 2006 02:09:42 +0000
最近的事情很烦。

工作没着落，毕业设计还没开题。

硬盘有坏道，主板又挂了。
干脆把项目都外包了。

美工找了个朋友做，程序员……程序员没人了……就在88上找

吼一下还来了挺多人。
我这个人心太软，报价总是会开得很低。

现在不行了，以前只有你自己，低点无所谓，现在你低了，怎么跟美工和程序员交待？
迟早要走这一步的，不如现在就锻炼一下。

不做美工，抽出时间，可以做更多的事情了。



值得收藏的电影经典台词
hauy — Sun, 14 May 2006 02:12:05 +0000
生活就像一盒巧克力，你永远不知道你会得到什么。

阿甘正传
人生不能象做菜，把所有的料都准备好了才下锅

饮食男女
星星在哪里都是很亮的，就看你有没有抬头去看他们

玻璃樽
世界上总有一半人不理解另一半人的快乐

爱玛
你以为我穷。不漂亮，就没有感情吗？

如果上帝赐给我美貌和财富，我也会让你难于离开我的！

就象我现在难于离开你一样！

简爱
什么是权利？当一个人犯了罪，法官依法判他死刑。

这不叫权利，这叫正义。

而当一个人同样犯了罪，皇帝可以判他死刑，

也可以不判他死刑，于是赦免了他，这就叫权利！

辛德勒名单
“当我步入丛林

因为我希望生活有意义

我希望活得深刻

吸取生命中的所有精华

把非生命的一切都击溃

以免当我生命终结

却发现自己从未活过”

I went to the woods because I wanted to live deliberately,

I wanted to live deep and suck out all the marrow of life,

and not when I had come to die,

discover that I had not lived.

死亡诗社 / Dead Poets Society
“vanity, one of my favourite sin.”

虚荣，我最喜欢的原罪。

魔鬼代言人 / The Devil’s Advocate
“人不能无耻到这样的地步！”

无极陈凯歌
上帝会把我们身边最好的东西拿走，以提醒我们得到的太多！

四根羽毛
牵着你的手，就象左手牵右手没感觉，但砍下去也会疼！（爱情的终结）

一声叹息
我们要学会珍惜我们生活的每一天，

因为，这每一天的开始，

都将是我们余下生命之中的第一天。

除非我们即将死去。

美国美人
好多东西都没了，

就象是遗失在风中的烟花，

让我来不及说声再见就已经消逝不见。

男人四十
我听别人说这世界上有一种鸟是没有脚的，

它只能一直飞呀飞呀，

飞累了就在风里面睡觉，

这种鸟一辈子只能下地一次，

那边一次就是它死亡的时候。

阿飞正传
也许每一个男子全都有过这样的两个女人，至少两个．

娶了红玫瑰，久而久之，红的变了墙上的一抹蚊子血，

白的还是”床前明月光”；

娶了白玫瑰，白的便是衣服上的一粒饭粘子，

红的却是心口上的一颗朱砂痣。

影片:红玫瑰与白玫瑰

“小时候，看着满天的星斗，

当流星飞过的时候，却总是来不及许愿，

长大了，遇见了自己真正喜欢的人，却还是来不及。”

停不了的爱
我觉得生命是最重要的，所以在我心里，没有事情是解决不了的。

不是每一个人都可以幸运的过自己理想中的生活，

有楼有车当然好了，没有难道哭吗？

所以呢，我们一定要享受我们所过的生活。

新不了情
世界上最遥远的距离不是生和死，而是站在你面前却不能说：”我爱你”

星愿
这世上只有两种人：骗人的和被骗的

不夜城
爱，就是永远也用不着说对不起。

爱情故事
“人生本就是苦还是只有童年苦？”

“生命就是如此。”

这个杀手不太冷
从现在开始，你只许疼我一个人，

要宠我，不能骗我，答应我的每一件事都要做到，

对我讲得每一句话都要真心，

不许欺负我，骂我，要相信我，

别人欺负我，你要在第一时间出来帮我，

我开心了，你就要陪着我开心，

我不开心了，你就要哄我开心，

永远都要觉得我是最漂亮的，梦里也要见到我，

在你的心里面只有我，就是这样了。

河东狮吼
多年之后，我有个绰号叫西毒，

任何人都可以变得狠毒，只要你尝试过什么叫做嫉妒。

我不介意其他人怎么看我，我只不过不想别人比我更开心。

我以为有一些人永远都不会嫉妒，因为他太骄傲。

在我出道的时候，我认识了一个人，

因为他喜欢在东边出没，所以很多年后，他有个绰号叫东邪。

知不知道饮酒和饮水有什么区别？

酒越饮越暖，水越喝越寒。

你越想忘记一个人时，其实你越会记得他。

人的烦恼就是记性太好，如果可以把所有事都忘掉，

以后每一日都是个新开始，你说多好。

每个人都会经过这个阶段，见到一座山，就想知道山后面是什么。

我很想告诉他，可能翻过山后面，你会发现没什么特别。

回望之下，可能会觉得这一边更好。

每个人都会坚持自己的信念，

在别人看来，是浪费时间，她却觉得很重要。

东邪：虽然我很喜欢她，但始终没有告诉她。

因为我知道得不到的东西永远是最好的。

西毒：从小我就懂得保护自己，

我知道要想不被人拒绝，最好的办法就是先拒绝别人。

西毒：醉生梦死，不过是她跟我开的一个玩笑。

有些事情你越想忘记，就会记得越牢。

当有些事情你无法得到时，你惟一能做的，就是不要忘记。

慕容：我曾经问过自己，你最爱的女人是不是我？

但是我现在已经不想知道。

如果有一天我忍不住问你，你一定要骗我。

就算你心里多不情愿，

也不要告诉我你最爱的人不是我。

东邪西毒
第一、不要叫她温柔。

第二、不要让她喝三杯以上，否则她会逢人就打；

第三、在咖啡馆一定要喝咖啡、不要喝可乐或橙汁；

第四、如果她打你 一定要装得很痛 如果真的很痛 那要装得没事

第五、在你们认识的第一百天，一定要去她班上送一支玫瑰，

她会非常喜欢；

第六、你一定要学会击剑，打壁球；

第七、要随时做好蹲监狱的思想准备；

第八、如果她说她会杀了你，那不要当真，这样你会好受些；

第九、如果她的鞋穿着不舒服，一定要和她换鞋穿；

第十、她喜欢写东西，要好好地鼓励她.

我的野蛮女友
很多时候，爱一个人爱得太深，人会醉，

而恨得太久，心也容易碎。

世间最痛苦的事莫过于等待，

我不知道她等了我多久，

我一直以为我不会再有机会见到她，

突然间，我不知道该怎么开口，

不知道怎么讲第一句话，

告诉她，我真的很爱她。

原来尘世间有很多烦恼是很容易解决的，

有些事只要你肯反过来看，你会有另外一番光景，

我终于明白，静花水月是什么意思，

其实情之所至，应该你中有我，我中有你，

谁是男谁是女，又有什么关系，

两个人在一起开心不就行了，

今天她是小霸王，可能明天又会轮到我了

天下无双
每天你都有机会和很多人擦身而过，而你或者对他们一无所知，

不过也许有一天他会变成你的朋友或是知己，

我是一个警察，我的名字叫何志武，编号223。

每个人都有失恋的时候，而每一次我失恋呢，我就会去跑步，

因为跑步可以将你身体里面的水分蒸发掉，而让我不那么容易流泪，

我怎么可以流泪呢？在阿美的心中里面，我可是一个很酷的男人。

从分手的那一天开始，我每天买一罐5月1号到期的凤梨罐头，

因为凤梨是阿美最爱吃的东西，而5月1号是我的生日。

我告诉我自己，当我买满30罐的时候，

她如果还不回来，这段感情就会过期。

不知道从什么时候开始，在每个东西上面都有一个日子，

秋刀鱼会过期，肉罐头会过期，连保鲜纸都会过期，

我开始怀疑，在这个世界上，还有什么东西是不会过期的？

在1994年的5月1号，有一个女人跟我讲了一声”生日快乐”，

因为这一句话，我会一直记住这个女人。

如果记忆也是一个罐头的话，我希望这罐罐头不会过期；

如果一定要加一个日子的话，我希望她是一万年。

我和她接近的时候，我们之间的距离只有0.01公分，

我对她一无所知，57个小时之后，我爱上了她，

六个钟头之后，她喜欢了另一个男人。

我以为会跟她在一起很久，就像一架加满了油的飞机一样，

可以飞很远，谁知道飞机中途会转站……

一个人哭喊，你给纸巾他就行；

但如果一间屋的人哭喊，你就要做很多事情。

不知道什么时候开始，我变成一个很小心的人，

每次我穿雨衣的时候，我都会戴太阳眼镜，

你永远都不知道什么时候会下雨，

什么时候出太阳。

重庆森林
当我还是孩子的时候，妈妈带我去看白雪公主，人人都爱上了白雪公主，而我却偏偏爱上了那个巫婆。

《安妮·霍尔》
恐惧让你沦为囚犯，希望让你重获自由。

It akes a strong man to save himself, and a great man to save another.

坚强的人只能救赎自己，伟大的人才能拯救他人

Remember, Hope is a good thing, maybe the best of things and no good thing ever dies!

记着，希望是件好东西，没准儿是件最好的东西，而且从没有一样好东西会消逝！

Get busy living, Or get busy dying.

忙活，或者等死。

肖申克的救赎
我爱美国，它给了我财富，我用美国方式教育子女，告诉他们不能丢家族的脸

别跟我说你是无辜的，这让我愤怒，因为它侮辱了我的智慧

教父
爱情这东西，时间很关键。认识得太早或太晚，都不行。

2046
一个受伤的人，不知道如何接受和给予爱

菊花香
我要你知道，这个世界上有一个人会永远等着你。无论是在什么时候，

无论你在什么地方，反正你知道总会有这样一个人。

半生缘
我愿意游荡在你身边，做七天的野鬼，跟随你。就算落进最黑暗的地方……我的爱，也不会让我成为永久的孤魂。

卧虎藏龙
世界上有那么多的城镇，城镇中有那么多的酒馆，她却走进了我的。

卡萨布兰卡
Some people hear their own inner voices with great clearness. And they live by what they hear. Such people become crazy… or they become legend.

Legends of the Fall



根据屏幕分辨率自动选择CSS的脚本
hauy — Sun, 30 Apr 2006 15:15:33 +0000
根据屏幕分辨率自动选择CSS的脚本




折叠式树形菜单
hauy — Thu, 13 Apr 2006 06:48:46 +0000
折叠式树形菜单








 New Document 









 












 

 

 图秀地带收藏夹

 

 

 我的好友

 

 张三$[$10000001$]$


 李四$[$10000002$]$


 张三$[$10000001$]$


 李四$[$10000002$]$


 


 


 

 陌生人

 

 张三$[$10000001$]$


 李四$[$10000002$]$


 张三$[$10000001$]$


 李四$[$10000002$]$


 


 


 


 


 


 


 







表单的验证
hauy — Thu, 13 Apr 2006 06:44:18 +0000
表单的验证


 表单验证类 Validator v1.01

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 
真实姓名： 
英文名： 
主页： 
密码： 
重复： 
信箱： 
信箱： 
QQ： 
身份证： 
年龄： 
年龄1： 
电话： 
手机： 
生日： 
邮政编码： 
邮政编码： 
操作系统： 
所在省份： 广东陕西浙江江西
爱好： 运动上网听音乐看书
自我介绍： 中文是一个字
自传： 中文是两个字节t


 



网页上视频播放代码
hauy — Thu, 13 Apr 2006 06:41:27 +0000
网页上视频播放代码



1.avi格式



























2.mpg格式



























































3.rm格式
 




























4.wmv格式








 
















































最简单的播放代码

有图像的rm格式：































无图像的rm格式：如相声，歌曲。。。































有图像的media播放器，自动调用网上的插件。











无图像的media播放器。。。同上。











在线播放rm格式视频代码：
































































realplay的：
播放框：













　



控制框：可紧跟播放框一起







































AKG的K501、K601和K701
hauy — Sat, 08 Apr 2006 12:47:25 +0000
AKG的K501、K601和K701
　　AKG最近推出了两款开放式头戴耳机新品：K601和K701，这两款耳机定于四月上旬上市。
　　K601和K701的头带都是真皮材质，具有自我调整功能，佩戴后能够自动调整到最舒适的位置，它们采用高纯度的OFC无氧铜导线。另外，K601采用了天鹅绒耳垫。
　　K601的频率响应范围是12Hz-39.5kHz，灵敏度是92dB SPL/mW，阻抗120Ω；K701的频响范围10Hz-39.8kHz，灵敏度是93dB SPL/mW，阻抗为62Ω。
　　K601售价47,000日元（折合人民币3290元），K701售价83,000日元（折合人民币5810元）














[转载]CSS实现onMouseOver、onMouseOut效果和层套菜单
hauy — Sat, 08 Apr 2006 12:18:10 +0000
在 IE中onmouseover, onmouseout对这两个样式的支持不完全。默认只支持  标签的。 而实际上 WEB 标准里面， 应该对所有元素都支持。

如果使用 Mozilla 或者 Opera, 那么可以看到不需要这个 htc 都可以正常运行的。 因为 htc 是 IE 特有的，别的浏览器不能理解，会忽略掉，不影响结果的显示。

以下这段 htc 是一个老外写的针对 IE 的 hover 行为的一个修正。

有了这个代码就方便多了， 而且最可贵的是， 以上的这个页面例子是可以兼容 IE, Mozilla 和 Opera 的。
原先在html里都是使用onMouserOver等事件，实现鼠标焦点控制的，从来没有想到过用CSS简化原先繁琐的工作，直到偶然间发现了whatever:hover，才认识到CSS原来可以做很多工作，甚至可是实现繁杂的menubar。



实现的核心部分是csshover.htc文件，它其实就是JScript代码，负责处理所有的CSS格式，根据定制的CSS格式，生成onMouseOver和onMouseOut事件，实现了hover的组件化。使用时只需制定div:hover{ background:#f8f8f8; }，就实现了鼠标移动到div图层上时，改变背景色的事件。
csshover.htc



Test.htm


 New Document 











 
haha5456456

表格1：




















OK
yes
no


haha
fsdfsdf
测试


木野狐
html/css
javascript



表格2：




















OK
yes
no


haha
fsdfsdf
测试


木野狐
html/css
javascript




menubar.htm




 whatever:hover cssmenu 

 





  lorem 


 

  adipiscing 

 

  dolor 


 

  consectetuer

 

  elit 


  ipsum 


  Donec 


 


 


  vestibulum 


 


 


 

  consectetuer

 

  elit 


  ipsum 


  Donec 


 


 


  sit amet 







来源：http://bbs.winjia.com/boke.asp?moo.showtopic.14.html



公务员失利。
hauy — Fri, 31 Mar 2006 04:34:48 +0000
我笔试落后前两名10分，也就是说面试要高过前两名5分才能赢。

刚面试完我以为这次面试肯定最后一名了，三道题都没翻到过，答题的时候第三题还没看完，草草说了几句。
结果成绩出来一看三个人里面面试还是我第一，可惜总分还是最后。

我是很想赢得这场比赛，虽然不一定去。

有时候想，我们这个系，最优秀的人都去做了公务员，我还有什么资格做什么选择，想左右自己的命运，真的很难。



一些快递公司的网站
hauy — Tue, 14 Mar 2006 09:04:54 +0000
申通快递：http://www.sto.cn/

天天快递：http://www.ttkd.cn/

汇通快递：http://www.htky365.com/

中诚快递：http://www.zoc.net.cn/

圆通速递：http://www.yto.net.cn/

中通速递：http://www.zto.cn/

飞扬快递：http://www.feihong.org/

佳吉快运：http://hjt.do56.com/

中铁快运：http://www.cre.cn/

韵达快运：http://www.yundaex.com/

华宇物流：http://www.hoau.net/

顺丰速运：http://www.sf-express.com/

大田快运：http://www.dtw.com.cn/

天地快运：http://www.eae.cn/

TNT快运：http://www.tnt.com/country/zh_cn.html

全一快递：http://www.apex100.com/index.jsp

宅急送：http://www.zjs.com.cn/

联邦快递：http://www.fedex.com/cn/

UPS快递：http://www.ups.com/content/cn/zh/index.jsx



Adobe Creative Suite 3: Ready this year?
hauy — Sat, 11 Mar 2006 09:24:03 +0000
　　据ThinkSecret得到的消息显示，Adobe正准备在今年年底推出新版设计套装：Creative Suite 3。此前曾有内部文档显示CS3发布日期是2007年上半年，不过在苹果的大力协助下，Adobe很可能今年就会把CS3交到用户手中。
　　Creative Suite 3开发代号Banana Split(剥香蕉)，将包括Photoshop CS3、Illustrator CS3、InDesign CS3、Acrobat 8等新版Adobe设计软件。
　　Photoshop CS3开发代号Red Pill(红色药丸)，应该是源自《黑客帝国》。之前的Photoshop CS2代号Space Monkey(太空猴)。PS CS3将会有两个版本，其中高级版(Premium)会加入更多面向视频和科学应用的功能，但都会提供非破坏性编辑工具Live Filters，而且可以利用GPU实现加速。新版PS可能会使用类似InDesign的界面以及全新的脚本工具和编程引擎。
　　Illustrator CS3开发代号Jason，源于恐怖电影系列《黑色星期五》的主人公，因为这将是Illustrator的第13个版本。Illustrator CS3将回到Illustrator 8的性能水平，会提供一个模仿PS等效功能的橡皮擦工具，Live Color调色板会自动拾取元素颜色并给出合适的色调。
　　代号Cobalt(化学元素钴)的InDesign CS3个代号Atlas(地图)的Adobe Acrobat 8也将是Creative Suite 3家族的成员。
　　此外，在收购Macromedia之后，Adobe已将Flash纳入自己旗下，因此CS3对Flash的集成和兼容有望大大提高。
　　对Mac用户来说，CS3最大的特性就是可以原生支持Mactel。据悉，CS3需要Mac OS X 10.4 Tiger系统支持，不过有消息显示，Adobe很可能也会充分利用尚未发布的Mac OS X 10.5 Leopard的诸多新特性。
　　今年年底只是CS3可能的发布日期，并不能百分之百保证，而且最早也要到第四季度中后期，即11-12月份。得出这一预计的主要依据是Adobe公司12-18个月的产品更新周期，而代号Cookie Douch的Creative Suite 2是在2005年4月份推出的。
消息来源：http://www.thinksecret.com/news/0603adobecreativesuite3.html

原文：

引用自 

By Ryan Katz, Senior Editor 
March 8, 2006 – Adobe is working hard to release Creative Suite 3 before the end of year, sources have recently disclosed. While internal documents originally pointed to a release date in the first-half of 2007, Adobe is making a big push—and receiving significant help from Apple—to get the software package into customer hands this year. For Mac users, Creative Suite 3′s most notable feature will surely be native support for Apple’s new Intel-based systems.
The new Creative Suite, code-named Banana Split, will pack new versions of Adobe’s flagship applications and will require Mac OS X 10.4 Tiger, although sources have suggested Adobe may also be taking advantage of features built-in to the yet unannounced Mac OS X 10.5 Leopard.
Sources have also lent additional confirmation to Think Secret’s August 2005 report on Photoshop CS3, code-named Red Pill. Specifically, Adobe is still leaning towards releasing two versions of the software, with the Premium edition packing additional functionality geared towards the video and science markets. Both versions will offer Live Filters, providing non-destructive editing, as well as speed enhancements that will take advantage of video card (GPU) acceleration, Camera RAW 4, and Rotating Canvas. Video I/O and rotoscoping tools will remain exclusive to the Premium versions. The new version of Photoshop is also said to feature an InDesign-like interface with similar palettes and an all-new scriptable graphics and programming engine.
Illustrator CS3, code-named Jason (a play on the Friday the 13th movie franchise, as Illustrator CS3 will mark the thirteenth version of the software), will mark a return to Illustrator 8-like performance levels, or so Adobe is hoping. The software will feature video setups like Photoshop currently does, as well as an eraser that mimics the behavior of the equivalent Photoshop tool. A new Live Color palette will function as a color picker on steroids, automatically selecting complement colors and creating an appropriate palette when a user selects just a single color. Sources also report Adobe is spending a significant amount of effort enhancing the software’s integration and compatibility with Flash, which Adobe gained control of after its purchase of Macromedia.
Details surrounding Adobe Acrobat 8, code-named Atlas, and InDesign CS3, code-named Cobalt, are more sparse at this time.
While a 2006 release for Creative Suite 3 is by no means guaranteed, and likely would not arrive until the mid-to-late fourth quarter, it would jibe with Adobe’s intentions of revamping its major applicatons every 12-18 months, which Think Secret reported in 2004. Creative Suite 2, code-named Cookie Dough, was released in April 2005.




IE7真不爽
hauy — Fri, 10 Feb 2006 14:54:26 +0000
昨天装了IE7，今天又卸了。
狠不爽，主要缺点：

1.IE7里英文居然是糊的，大概是因为新增加了放大网页这个功能的缘故。

2.原本IE6下正常显示的网页居然要滚动条了……

3.速度极慢

4.占资源

5.原本能正常运行的js会出问题……
等等……
我还是等正式版出来再考察IE7在CSS方面有哪些改进吧。



国际知名服装品牌网站
hauy — Sat, 21 Jan 2006 09:57:26 +0000
chanel 夏奈尔 http://www.chanel.com/fb/index.cfm

christian lacroix 克里斯汀·拉克鲁瓦 http://www.christian-lacroix.fr/

emanuel ungaro伊曼纽尔·温加罗 http://www.emanuelungaro.com

givenchy 吉旺希 http://www.givenchy.com/default.php

让.保罗.戈尔捷(时装界的“坏孩子”之一) http://www.jeanpaul-gaultier.com/vf/cn-media/default.htm
法国其它品牌：

高田贤三 http://www.kenzo.com

山本耀司 http://www.yohjiyamamoto.co.jp

nina ricci莲娜丽姿 http://www.nina-ricci.fr

巴黎世家 http://www.balenciaga.com

thierry mugler 蒂埃里·穆勒 http://www.thierrymugler.com/index_mugler.html
意大利品牌：

gianni versace 范思哲 http://www.versace.com/flash.html

yves saint laurent 伊夫·圣·洛朗 http://www.ysl.com/language.html

乔治.阿玛尼(意大利) http://www.giorgioarmani.com/

gucci 古琦(意大利) http://www.gucci.com/start.html

ntino 瓦伦蒂诺（华伦天奴）(意大利)http://www.valentino.it/

dolce & gabbana http://eng.dolcegabbana.it

iceberg http://www.iceberg.com
其他

玛丽.匡特(英国) http://www.maryquant.co.uk

ralph lauren 拉夫·劳伦(马球)(美国) http://www.ralphlauren.com

三宅一生 http://www.isseymiyake.com
还有一些没整理的:

安莉芳 http://www.embryform.com/

美特斯邦威 http://www.mtsbw.com

蜜雪儿 http://www.sh-mysheros.com

巧帛 http://www.chaber.com.tw

真维斯 http://www.jeanswest.com

佐丹奴 http://www.giordano.com.cn

报喜鸟 http://www.baoxiniao.com.cn/

贝拉维拉 http://www.bellvilles.com.cn/

百利安 http://www.bailianchina.com/

耐克 http://www.nike.com.cn

阿迪达斯 http://www.adidas.com/cn/

贝纳通 （benetton） http://www.benetton.com

thomas burberry （托马斯·柏帛丽） http://www.burberry.com/

静安鸿翔 http://www.envols.com.cn/

曼妮芬 http://www.maniform.com.cn

班尼路 http://www.baleno.com.hk/

高邦 http://www.kobron.com.cn

黛安芬 http://www.triumph.com.cn

a&d http://www.a-d-sh.com/

自由 鸟http://www.freebird.com.cn/

淑女屋 http://www.fairyfair.com

江南布衣 http://www.jnby.com

艳鹿 http://www.yan-lu.com

洋服の富典雅 http://www.fudew.com

耶纳诺 yanano

伊夫·罗兰 yev·rowlang http://www.yevrowland.com

伊利达 http://www.lh-yilida.com

亿派

意达·利亚 http://www.sh-idalia.com

意利王 http://www.yiliwang.com

应大 http://www.yingdak.com.cn

宇圣 http://www.useem.com.cn

佐田雷蒙 http://www.ztlm.com.cn

添多利 tintori http://www.tintori.com.cn

铁士尊尼 teszunni

挺吉 http://www.tingji.com

毅迪 thori http://www.thorisport.com

啄木鸟 tucano http://www.tucano.com.cn

佑威 u-right http://www.u-right.com/

u2 http://www.u2.com.hk

大利华绅斯 varcise

梵仑斯 vanlathem

富绅 virtue

华伦华帝 volenwaud http://www.hkccy.com

万祺凯易 vancci kaie http://www.vanccikaie.com.cn

威可多 vicutu http://www.vicutu.com.cn

纬卡狄 vanarmy http://www.vananrmy.com

域图 vieitu http://www.vieitu.com.cn

v.e.delure http://www.delure.com

vanarmy

varcise http://www.varcise.com.cn

ve媒体中国o http://www.ve媒体中国o.net

白玫瑰 white rose http://www.whiterose.com.cn

海威尔 whale‘c http://www.whalec.com.cn

活拍 wrulper http://www.jinava.com.hk

万富斯 http://www.wanfusi.com

万诺 http://www.indulgence-fashion.com

万事好 http://www.wanshood.com

威尔浪 http://www.welllong.com.cn

威伦堡 wana http://www.wanasports.net

威特利 welteli http://www.patelong.com

威粤 http://www.weiwenfashion.com

温布尔顿 wimbledon http://www.wimbledon.com.cn

温馨鸟 w&f bird http://www.cba-fs.com

五木 http://www.wumusuit.com

妩媚 http://www.ikoci.com

喜得宝 http://www.chinahsdp.com

仙霞 http://www.chinasunsay.com

乡村树 http://www.shworldbest.com/filiale/wancheng.htm

相伴一生 http://xiangbanyisheng.126.com

相思叶 http://www.xiangsy.com

香蕉 http://www.chinabanana.com

小弟 http://www.xiaodi.com.cn

旭涛·萨希尔 http://www.xutao.com.cn

雪驰 http://www.china-xuechi.com

雪达 http://www.xuedagroup.com

鸭鸭 http://www.yaya.com.cn

洛兹·法雷德 rouse·fri http://www.rouse-fri.com/

日泉 http://www.riquan.com

replay http://www.replay.com

roberta http://www.robertadicamerino.com.cn

澳洲穗达 shuida http://www.shuidagroup.com

恩派斯 si pai si

赛琪 http://www.saiqi.com

三利

三枪 http://www.threegun.com.cn

森顿 sendun http://www.sendun.com

森马 semir http://www.semir.com

沙驰 satchi http://www.satchi.com.cn

杉枫 http://www.sh-shanfeng.com

绅浪 http://www.frsunland.com

生活几何 s&k

圣百代 sceptre http://www.scept.com

圣宝龙 st‘beron http://www.stberon.com

圣马龙 sumlong http://www.sumlong.com

圣人梦 saintdream http://www.saintdream.com

诗柏高 sparkle http://www.sparkle-everyday.com

狮龙共舞

仕帝曼 stitemen http://www.sitemen.com.cn

顺美 http://www.smartgarments.com

斯得雅 stava http://www.stavagroup.com

松鹰 http://www.songying.com

苏派

索尼亚·里基尔 sonia rykiel http://www.soniarykiel.com

天涯孤客 skyline boy http://www.skylineboy.com

银鲨 sharkman http://www.s-m.com.cn

samatone http://www.uk-samstone.com.cn

*** symbols http://www.jordon-china.com

创世 trands http://www.trands.com

利莱士 three ace http://www.a-sss.com

热带鱼 tropicalfish

太子龙 http://www.taizilong.com

泰保龙 t.b.long http://www.taibaolong.com

汤米王 tommy king http://www.china-xuechi.com

唐鹰

特天奴 http://www.de-tino.com

天地人 http://www.tiandiren.com.cn

天皇星 http://www.thxing.com

天朗世家 http://www.mylooo.com

梦特娇·梅蒸 montagutmode http://www.montagutmode.com

梦之娇

名豪 minhao http://www.minhao.com.cn

名爵 http://www.mingjue.net

名裕世家 http://www.mingyushijia.com

木真了 http://www.muzhenliao.com.cn

男眼 men’s eye http://www.men-eye.com

自一方 my world http://www.myworld.com.cn

mw-love march

蓝威龙 noveli http://www.noveli.com.cn

路嘉纳 nogara http://www.ruyigarment.com

耐安迪 http://www.naiandi.com

诺琪 nochi http://www.oscardan.com

no.1 http://www.no-1-garments.com.cn

奥利维格兰特 oliver grant

奥斯卡丹 oscardan http://www.oscardan.com

澳林丹顿 orrin denton http://www.aolindandun.com

欧曼 ouman http://www.ouman.com

欧王 owd http://www.aobenni.com.cn

欧文卡丹 owencadan http://www.hzxilu.com
odbo http://www.odbo.com.cn

百世吉 passages

佰奇美 pakme http://www.pakme.com.cn

邦迪斯顿 pandist http://www.pandist.com

比尔 pelo http://www.pelo.de

毕加索 picasso http://www.cnpicasso.com

花花公子 playboy

雷柏斯特 paybest

培罗成 progen

培蒙 http://www.peimeng.com

皮尔.卡丹 pierre cardin http://www.pierrecardin.com

太平鸟 peace bird http://www.peacebird.com.cn

太平鸟 peace bird http://www.peacebird.com.cn

奇利奥

乔夫 http://www.qfsuits.com

乔蒙 http://www.charisma.com.cn

埃古 ri&g

丹虎 red tiger

雷迪泼尔 raidy boer http://www.raidyboer.com

里奇波士 rich boss http://www.rudyciaga.com/

罗宾汉 robinhood http://www.robinhood.com.cn

罗马帝王 romanking http://www.roman-king.com/

罗马帝王 romanking http://www.roman-king.com/

洛兹 rouse http://www.rouse.com.cn

利郎 http://www.lilang.com

利通 http://www.cn-litong.com

联邦·华尔依派 http://www.huaerpai.com

林克顿 linkedun http://www.linkedun.com

龙威 long win http://www.long-win.com

鹿王 http://www.king-deer.com

路卡迪龙 lukadilong http://www.lukadilong.com

路依·菲戈 lue figo http://www.shengdachina.com/

路易·安路 louis ano http://www.louis-ano.com

路易华菲 louis.fav

路易圣堡罗兰

路易圣梦 http://www.valenmalache.com

路易世尊 louis gianni http://www.lousi-gianni.com

路易苏丹

罗夫罗伦

罗茜奥

罗萨 http://www.luosa.com

洛卡小镇 luka town http://www.lukatown.com

狮威鲤 l.serelli http://www.serelli.com

韦汉伯 luisvigin http://www.luisvigin.com

雪柏高 lepaco http://www.lepaco.com

lang ken http://www.langken.com

lee coopeer

lllumi nite

马尔威狮 merswise http://www.szsew.com

马基堡 mgb http://www.mgb.com.cn

马莱特 http://www.malaite.com

马狮龙 michel rene http://www.michelrene.com.hk

马思图 men‘s wear http://www.marcino.com

马西姆.卫罗 massimo vello

玛珂·爱萨尼

玛雅洋服 http://www.mayasuit.com

麦迪妮 matalie

麦根 mxn

麦斯卡 mesuca http://www.mesuca.com

曼西尔奴

蔓哈顿 http://www.menhardum.com

美尔雅 http://www.maiyard.com.cn

美尔姿 http://www.meierzi.com

美津浓 mizuno http://www.mizuno.com.cn

美伦斯威 melswe http://www.melswe.com

美时

美特斯·邦威 metersbonwe http://www.mtsbw.com

蒙索托 monsulto http://www.monsulto.com

金来来 http://www.jinlailai.com

金里奇 http://www.ginliqi.com

金天 http://www.jtky.com

九星 http://www.ninestar.com.cn

乔顿 jodoll http://www.jodoll.com.cn

乔尼·威顿 jn·weitton http://www.jnweitton.com

冉娜露 jaeanne lou http://www.china-xuechi.com

让—保罗 jeanpolo http://www.jeanpolo.com/

热耐斯 jeunesse http://www.jane.com.cn

优仙蒂 joushiandi http://www.joushiandi.com

真维斯 jeanwest http://www.jeanwest.com

智威龙 jorano http://www.jorano.com

庄吉 judger

jambangee http://www.jambangee.co.kr

高柏狮 kopars http://www.kopars.com.cn

高邦 kobron http://www.kobron.com.cn

卡宝 http://www.gdcapable.com

卡贝仑

卡尔丹顿 kaltendin sen

卡尔蒂尼 kaarteenii

卡弗马 kafuma http://www.kafuma.com.cn

卡拉李尼 kalalini http://www.kalalini.com

卡佩罗西

凯丹顿

凯尔·奈克 http://www.yuanye-fangzhi.com.cn

凯利登 http://www.kailideng.com

克伦帝 klundear http://www.klundearclothing.com

克伦帝

特比尔 kdemode http://www.kdemode.com

k-start http://www.king-start.com

阿尔皮纳袋鼠 l’alpina http://www.kaipou.com

金皮尔斯 lkilm peers

靓名尔 lionmoral http://www.lionmoral.com.cn

莱斯马 les chevalls

兰雁

蓝豹 http://www.princesky.com（改版中）

浪比时 longbrigs http://www.longbrigs.com

浪登 http://www.langdeng.com.cn

劳斯顿

老k http://www.chinalaok.com

乐百威 http://www.lebaiwei.com.cn

雷驰

雷马 http://www.leima.com.cn

李宁 http://www.li-ning.com.cn

fazeya http://www.a8888.com

flefigo http://www.xc-cn.com

哈德利 hadley http://www.chinahadley.com

海兰 hailan http://www.heilan.com.cn

豪键 http://www.haojian.com

豪鹰 haoyingdress http://www.nbhaoying.com

好来西 holison http://www.holison.com.cn

好派 http://www.haopai.com.cn

浩男 http://www.hao-nan.com

黑胡子 http://www.heihuzi.com

恒柏 hemboug http://www.hemboug.com

恒源祥 http://www.a8888.com

红豆 http://www.hongdou.com.cn

胡里奥 arcn.tom.com

虎豪 huhao http://www.huhao.com.cn

花剑 http://www.zjhuajian.com

华莱士 http://www.hualaishi.com.cn

华龙帝舵 http://www.valondito.com

活力q一族

轩帝尼 hetinne http://www.hetinne.com

高登宝得 golden bird http://www.by28.com/goldenbird/

高蒂尔 gaultier homme http://www.gh-sh.com

高尔普 gold pool cn-goldpool.com

歌士乐 http://www.geshile.com

古芭顿 http://www.gubadun.com.cn

鹳山 http://www.chinaxifu.com

金灿 goldcord http://www.goldcord.com

金利来 goldlion http://www.goldlion.com

金威世家 good fellow http://www.gfgarment.com

金犀宝 gemzboh http://www.gemzboh.com.cn

金犀牛 golden rhino http://www.golden-rhino.com

三星佳里喜 galaxy http://www.samsungfashion.com.cn

佐丹奴 giordano http://www.giordano.com.tw

g2000 http://www.g200.com.hk

gh http://www.ghfashion.com
grbk

积威 jwei http://www.jwei.com.cn

基特 jite http://www.jite-china.com

佳百列 http://www.jiabailie.com

简森 j-sen http://www.j-sen.com

杰凡尼 jevoni http://www.jevoni.com

杰世 jasper http://www.dljasper.com

金帝士烟斗

金鳄 http://www.chinashengbo.com

克里斯顿.路宝 christian ribot http://www.christian-ribot.com

匡威 converse http://www.converse.com

旗顿 cheidun http://www.cheidun.com

煞奴矢 crletti http://www.sh-puer.com

卓夫 chief http://www.china-chief.com

袋鼠 dashu http://www.junmeng.com

黛玛 dama http://www.dama.com.hk

丹顶鹤 dandinghe http://www.dandinghe.com

德尊 http://www.dezun.com

邓皓 http://www.denghao.com

迪格 digel

迪柯尼 dikeni http://www.dikeni.com

迪亚保龙 deabolo http://www.jinava.com.hk

地球鸟

帝 http://www.chinesedadi.com

东北虎 http://www.dongbeihu.com.cn

杜安 http://www.duan-fashion.com

多佳 http://www.duojia.com

老爷车 deon

与狼共舞 d-wolves http://www.d-wolves.com

dibari http://www.dibari.de

dnky

爱尔妮 ernny http://www.ernny.com

爱龙 erons http://www.erons.com.cn

爱维 ever club

伊司顿 easdun http://www.easdun.com

依米奴 eminu http://www.eminu.com.cn

依是上 eassun

易斯·纳博 east nobel http://www.shuaibang.com.cn

意丹奴 elteno http://www.elteno.com

英纳·秀特 enna suit

英乔 enjoy http://www.enjoy-sh.com

法涵诗 firs http://www.lafancy.com

法兰诗顿 fransition http://www.fransition.com

法瑞梵顿 free-freedom http://www.free-freedom.com.cn

法诗威 fastwel http://www.fastwel.net

梵尚 finsun

方仕 http://www.founsee.com

非主流 http://www.fzl-hz.com

封浜 http://www.fuhama.com

弗兰派克 franpark http://www.franpark.com

富哥 http://www.fuge.com.cn

富挺 fortei http://www.famousbond.com

f.l.doupeng http://www.doupeng.com

阿德米 ardmier

阿迪达斯 adidas http://www.adidas.com

阿尔法迪 http://www.poloduds.com/

艾格斯顿 http://www.aigesidun.com.cn

艾克斯派 http://www.xpai.com.cn/

艾侣 http://www.they-china.com

艾米路 http://www.ainilu.com

艾拓 atoa http://www.airtiair.com.cn

爱得乐 adlo http://www.adlofashion.com

澳罗马 aoluoma

澳洲鳄

苹果 appletree http://www.apple-usa.com

a&b

a&d http://www.a-d.com.tw

巴力斯 barrlsol http://www.barrlsol.com

百路宝 baronbow http://www.baronbow.com.cn

班丽来 bravery http://www.bravery.com.cn

班尼路 baleno http://www.baleno.com

班赛而 bansal http://www.chinabansal.com

班赛尔 bansal http://www.chinabansal.com

邦蹲 bestdone

宝扑 http://www.baopu.com

堡尼 boni http://www.boni.com.cn

堡狮龙 bossini http://www.bossini.com

贝尔顿 ,

贝利龙

贝斯宝 http://www.peacebird.com.cn

彼仕伯德 http://www.peacebird.com.cn

波司登 http://www.bosideng.com

布莱·希尔顿 blaihilton http://www.blaihilton.com

步森 busen http://www.busen-group.com

袋鼠 benifull http://www.junmeng.com

米高 brat http://www.mgbrat.com

超世 chocy

鳄鱼恤 crocodile http://www.crocodile.com.cn

古加希 cour carre

卡宾 cabbeen http://www.cabbeen.com

卡尔文·克莱恩 calvin klein

卡奈利 carniti

凯普狄诺 captaino http://www.captaino.online.sh.cn/

可拉·比特 c.beetle http://www.colouredbeetle.com



Adobe正式发布After Effect 7
hauy — Sat, 21 Jan 2006 01:09:48 +0000
Adobe正式发布After Effect 7

 点击播放媒体
attachments/200601/aftereffects_flashad.swf

The industry standard for motion graphics and visual effects

Animate your ideas. Adobe? After Effects? 7.0 software helps you create compelling motion graphics and blockbuster visual effects with efficiency, precision, and infinite variety. Take advantage of unmatched integration with other Adobe software, flexible 2D and 3D compositing, and hundreds of effects and Animation Presets to bring a new dimension to your film, video, DVD, and Macromedia? Flash? productions.
新特性：

1、重新设计，标准化的使用界面

Work within an elegantly redesigned interface featuring workspace panels that dock and group for optimal organization, eliminating overlapping windows. Save custom workspaces, control UI brightness, and more.


2、曲线图表编辑器

使用新的曲线图表编辑器创建准确的动画．提供完美的关键帧可视化控制，以及非常轻松的动画同步操作

Create precise animations with the new Graph Editor, which offers complete visual control over keyframe editing and easy synchronization of animated properties across layers.


3、HDR色彩支彩

使用新的32位HDR匹配真实世界中的色相亮度等．

Match the behavior of color and light in the real world with new 32-bit HDR color support. Achieve photo-realism by compositing in 32-bit-per-channel floating-point color. (Professional edition only.)
4、Timesaving Animation and Behavior Presets plus project templates

Produce great-looking animations quickly using hundreds of fully customizable Animation Presets, including presets for animating text, effects, transitions, backgrounds, and behaviors. Use included project templates for DVD motion menus and motion graphics backgrounds.


5、实时，高保真的openGl支持．

高级的openGl 2.0带给你真实性能提升的体验,新的openGl2.0支持融合，运动模糊．高质量的阴影，透明以及加速公共元素的渲染等．

Experience real-time performance with advanced OpenGL 2.0 capabilities including support for blending modes as well as motion blur, anti-aliasing, track mattes, high-quality shadows and transparency, and accelerated rendering of common effects. Use OpenGL for accelerated final renders.
6、Timewarp

Slow down and speed up footage with smooth, crisp results and minimal artifacts. Timewarp analyzes pixel motion to create more accurate in-between frames. (Professional edition only.)
7、Adobe bridge

强有力的管理素材的工具．预览，应用，管理以及批处理等．

Simplify the everyday tasks of asset management with Adobe Bridge, which offers powerful ways to browse and search digital assets, preview and apply presets, work with metadata, manage files, and run batch processes.


8、扩展文件格式支持

HDV, FLV, Camera Raw, OpenEXR, AAF (Professional edition only), 10-bit YUV (v210), and 32-bit TIFF and PSD格式
9、与adobe的其它产品的无缝兼容

Experience an efficient Adobe workflow: Import Adobe Photoshop? and Illustrator? files with attributes preserved, and, in Windows?, import Adobe Premiere? Pro projects, add motion to static Adobe Encore? DVD software menus, export After Effects projects as Adobe Premiere Pro projects, and more.
10、macromedia flv 格式的支持．

新的视频声音编码格式，新的flv格式导出．

Streamline the process of encoding video and audio for your Flash projects with new FLV export.
来源：http://www.adobe.com/products/aftereffects/newfeatures.html



Adobe发布后期制作软件套装Production Studio
hauy — Sat, 21 Jan 2006 00:47:04 +0000
　　2006年1月19日，[北京] —Adobe公司(Nasdaq：ADBE)今天推出了Adobe Creative Suite产品系列的扩展版Adobe Production Studio。作为当今最完整的影像后期制作软件解决方案，Adobe Production Studio集成了Adobe世界级的视频和图形软件工具的最新版本，包括：Adobe After Effects 7.0、Adobe Premiere Pro 2.0、Adobe Audition 2.0、Adobe Encore，以及带有一系列省时创新的Adobe Photoshop CS2和Adobe Illustrator CS2的最新版，这些创新功能包括能够提供高效工作流程体验的Adobe Dynamic Link。Adobe Production Studio还集成了Flash Video (FLV)导出功能，通过该网络视频标准，为视频专业人士提供一个全新的表达方式，更顺畅的将制作结果发送到网上。

　　Adobe总裁兼首席运营官Shantanu Narayen先说：“使用Adobe专业软件，我们的客户，从自由工作者、视频编辑人员到高端影像制作室，创作出了大量优秀作品，观众遍及全世界。利用After Effects、Adobe Premiere Pro两个里程碑式产品的完美集成，以及Photoshop CS2软件提供高效图像工作流程的Dynamic Link功能和新的Flash Video支持，Adobe Production Studio节省了用户的时间，使其专注于创作工作部分。”
智能工作流程消除生产瓶颈
　　Adobe Production Studio使工作流程有了质的提高，极大的提升了用户的生产效率。Adobe Dynamic Link允许用户将After Effects的合成效果直接移入到Adobe Premiere Pro和Encore DVD里，而无需事先对其进行运算。更改的结果可自动更新，因此用户可以即时看到背景环境中的优化效果。Adobe Production Studio其它能够提高生产效率的流程特点还包括：新的统一界面；在After Effects内使用Adobe Premiere Pro捕捉影像素材的功能；可单独运行或通过Production Studio其它组件运行的全功能文件浏览器：Adobe Bridge。应用Adobe Production Studio，用户可以在一个集成的图像后期制作环境下保持最佳创作灵感。
　　O Entertainment!公司指导编辑Lance Bachelder说：“Adobe公司一直致力于为视频和后期制作人员提供最好的产品，此次Adobe Production Studio的发布将会让大家激动不已，为那些期盼完整集成工作流程的人们，提供一个将编辑、运动图像、效果、声音设计以及DVD制作整合在一起的真正‘专业’解决方案。”
强大、高效的设计能力
　　Adobe Production Studio将Adobe世界领先的视频和音频软件与Photoshop CS2和Illustrator CS2不可或缺的图像编辑功能完美结合。得益于Adobe PDF文档格式的全球普及，Adobe Clip Notes功能可以加快用户审阅过程，这是一种新的从Adobe Premiere Pro项目上得到反馈结果的有效方法。After Effects中对OpenGL 2.0的高保真支持加快了影像制作速度，同时，全新的动画预设功能使快速制作优质动画变的轻而易举。Adobe Audition的新型低延迟混合引擎能够呈现即时结果，Adobe Encore DVD使幻灯演示的制作简便易行。另外，超过8G的免版税设计图片库使用户的各种创作快速启动。
广泛支持行业标准技术
　　对行业标准、格式以及硬件系统的广泛支持，使Adobe Production Studio能够与现有制作流程灵活地结合起来。After Effects和Adobe Premiere Pro都具有导出Flash Video文件的功能，因此用户可以把Adobe Production Studio结合到Flash动画工作流程中，将视频内容呈现到网络上。普及性分辨率和图框显示率可支持高清晰图像格式，因此HDV摄像机的拍摄内容可在摄像机中进行编辑。After Effects Professional 中的32位浮点高动态范围彩色(HDR)和Adobe Premiere Pro 2.0中的YUV 10位彩色确保了图像的本质颜色。Adobe Production Studio对32位音频格式的全程支持保证了输出的音频更具有高保真效果。
价格和供货
　　支持Microsoft Windows XP的Adobe Creative Suite Production Studio，既是独立的软件应用程序，也是Adobe Video Bundle的一部分，现在，用户能够通过Adobe授权经销商或在www.adobe.com/store上定购。Adobe Production Studio标准版也已经推出，集成了行业领先的软件产品：Adobe After Effects 标准版、Adobe Premiere Pro及带有Adobe Dynamic Link的Adobe Photoshop。专业版的估计市场价格为US$1699，标准版估计市场价格为US$1199。带有Adobe Production Studio 和Flash Professional 8的Adobe Video Bundle估计市场价格为US$1999。
来源：http://www.ccw.com.cn/news2/software/htm2006/20060120_17GWT.htm



离别
hauy — Mon, 16 Jan 2006 04:18:52 +0000
晚上逛了逛朋友的blog~
看到阿比写的关于青落的回忆，

一下子，封尘已久的记忆被重新打开，

仿佛一部电影，退回到那个时间，又重新开始播放，往事一幕幕地重现，
打开张瑶的《荧光》，随着歌声响起，我忽然明白了某人为什么会郁闷。
往事还在，在我们的记忆里。



很想买james的《Photoshop 影像密碼 [頹廢．後現代] 》
hauy — Mon, 16 Jan 2006 04:05:52 +0000
可惜上台湾金石堂的网站，要731，折算成rmb大概要182，还要加上DHL251的运费，嗷嗷~还是等我有更多的钱的时候再买吧。





第一次用AI做logo
hauy — Fri, 13 Jan 2006 01:16:04 +0000
低成本制作。

一个户外运动网站。









国际上十四个优秀网页设计审核站
hauy — Tue, 10 Jan 2006 23:45:33 +0000
1.荷兰 strangefruits

http://www.strangefruits.nl/
2.美国 XPAIDER

http://www.xpaider.com/
3.泰国 nofound

http://www.nofound.com/home/
4.巴西 lovetatoo

http://www.lovetatoo.com.br/
5.美国 TAXI

http://www.designtaxi.com/
6.阿根廷 netinspiration

http://www.netinspiration.com.ar/
7.英国 linkdup

http://www.linkdup.com/
8.土耳其 e-creative

http://www.e-creative.net/
9.美国 robocore

http://www.robocore.com/



10.英国 crossmind

http://www.crossmind.net/
11.俄罗斯 DesignCollector

http://www.designcollector.ru/
12.英国 RES72

http://www.res72.com/
13.意大利 neosintesi

http://www.neosintesi.info/tools/
14.中国 pages.think

http://pages.blueidea.com/



国内外化妆品网址大全
hauy — Thu, 05 Jan 2006 14:05:28 +0000
AnnaSui(安娜苏)

http://www.annasuibeauty.com
Aveda(艾凡)

http://www.aveda.co.jp

http://www.aveda.com
Avene（雅漾)

http://www.avene.co.jp
Avon（雅芳）

http://www.avon.com

http://www.avon.ca/flash2/lang.html

http://www.avon.com.cn
Biotherm（碧欧泉）

http://www.biotherm.com
Bobbibrown（芭比布朗)

http://www.bobbibrowncosmetics.com
BodyShop（美体小铺）

http://www.bodyshop.com/

http://www.thebodyshop.ca/

http://shop.store.yahoo.com/thebodyshopca/



Borghese（贝佳斯）

http://www.borghese.com/
Crabtree&Evelyn

http://www.crabtreeevelyn.com/
Caudalie（泰奥菲)

http://www.caudalie.com
CellexC(左旋)

http://www.cellexc.com]http://www.cellexc.com
Chanel(夏奈儿)

http://www.chanel.com/fb/index.cfm
Christan Dior(克里斯蒂奥)

http://www.dior.com
Clarins（娇韵诗）

http://www.clarins.fr
CleDePeau

http://www.cledepeau.com
Clinique(倩碧)

http://www.clinique.com

http://www.clinique.com.tw
Covergirl（封面女郎)

http://www.covergirl.com
Covermark

http://www.covermark.com
Darphin（达芬）

http://www.darphin.fr
DEBON（蝶妆)

http://www.lgdebon.com

http://www.lgdebon.com.cn
Decleor(思妍)

http://www.decleor.com/
DHC

http://www.dhccare.com/retail
Dove（多芬）

http://www.dove.com/
Elizabeth Arden（伊莉莎白雅顿）

http://www.elizabetharden.com
Esteelauder（雅诗兰黛)

http://www.esteelauder.com
Ettusais(艾杜）

http://www.ettusais.co.jp
Etude（爱丽）

http://www.etude.co.kr
Fancl（芳凯尔)

http://www.fancl.co.jp

http://www.fancl.com
Glycel（卡诗儿)

http://www.glycel.com
GuerLian（娇兰)

http://www.guerlain.fr
H2O（八杯水）

http://www.h20plus.com

http://www.h2oplus.com.tw
Helena Rubinstein(赫莲娜)

http://www.helenarubinstein.com
IPSA

http://www.ipsa.co.jp
Johnson(强生）

http://www.yourbaby.com/
Juvena（柔美娜）

http://www.juvena.ch/juv/juvena/de/iframe/starth=ml
Kanebo（佳丽宝）

http://www.kanebo.co.jp/english/Index.htm

http://www.kanebocos.com.tw

KOSE（高丝)

http://www.kose.co.jp

http://www.sekkisei.com (雪肌精)
La Prairie

http://www.laprairie.com
Lancome(兰蔻)

http://www.lancome.com
Lamer（海洋拉娜）

http://www.elcompanies.com/brands/lamer.html
L”Occitane（欧舒丹）

http://www.loccitane.net
L”Oreal(欧莱雅)

http://www.lorealparis.com

http://www.lorealtaiwan.com.tw
Mac

http://www.maccosmetics.com
MaryKay（玫琳凯）

http://www.marykay.com/

http://www.marykay.ca/home/Search.htm
Max Factor（蜜斯佛陀）

http://www.maxfactor.com
Maybelline（美宝莲）

http://www.maybelline.com
Neutrogena（露得清）

http://www.neutrogena.com
Nina Ricci（莲娜丽姿)

http://www.ninaricci.fr/defaultFS.htm
Nivea(妮维雅）

http://www.nivea.com
Nuskin

http://www.nuskin.net
Nuxe

http://www.nuxe.com
Noxzema

http://www.noxzema.com/
Olay（玉兰油)

http://www.olay.com
Origins（品木宣言)

http://www.origins.com
Orlane（幽兰)

http://www.orlane.fr
Pola

http://www.pola.com

http://www.pola.com.tw
Proactive

http://www.proactive.com/
Revlon（露华浓）

http://www.revlon.com
Roc

http://www.roc.com/
RMK

http://www.rmkrmk.com

Shiseido（资生堂)

http://www.shiseidoco.jp/e/index.htm

http://www.shiseido.com.tw
Sisley（希思黎）

http://www.sisley.tm.fr
SK2

http://www.ski2.co
Sofina（苏菲娜）

http://www.sofina.co.jp
Sonia Rykiel（索妮亚丽奈尔）

http://www.soniarykiel.fr
Shu Uemura（植村秀)

http://www.shuuemura.co.jp/
Tony & Tina （托尼蒂娜)

http://www.tonytina.com/
Vichy（薇姿）

http://www.vichy.fr
Yves Rocher（伊夫罗谢）

http://www.yvesrocherusa.com
ZA

http://www.zany.com



家电类论文资料来源参考
hauy — Wed, 04 Jan 2006 19:35:01 +0000
毕业论文的逻辑http://www.lunwen51.net/article_show.asp?id=33

毕业论文的结构http://www.lunwen51.net/article_show.asp?id=32

中国权威论文库论文系统http://203.207.228.101/
智能家居http://www.ehomecn.com/publication/20040601.htm#CEHA

海外家电业四大热点http://news.wzce.com/consumer/2003/07/020753532433.html

从美国与格力的矛盾分析中国家电行业–在新的竞争条件下厂商关系如何解决的几个问题http://www.chinafastener.net/gb/news.aspx?id=599

被困“灰色地带”，跨国公司亟待涅磐重生http://www.cneha.com/sales/viewsales.php?id=383

国内家电业资本”外逃”出路何方http://www.cheaa.com/public/news_selinfo.asp?news_id=10837&bar_id=5

美国商务部初步裁定中国倾销电视机,负面影响http://stock.tsing.com/ztbbs/view.php?forumid=50&threadid=334192

万方数据资源家电科技http://www.wanfangdata.com.cn/qikan/periodical.Articles/jydqkj/jydq2004/0402/0402ml.htm

家电用涂材板发展分析http://www.bsteel.com.cn/newinfo/newebinfo2/tebietj/jiadianyg/fazhanql/D200403100146.htm

我国家电用电产销售趋势分析http://www.bsteel.com.cn/newinfo/newebinfo2/tebietj/jiadianyg/fazhanql/D200403100147.htm

海尔冰箱：美国家电http://bbs.cheaa.com/cgi-bin/topic.cgi?forum=6&topic=20&replynum=2&show=

美国家电巨头美泰公司将大幅裁员http://www.clii.com.cn/T_jiadian/show.asp?InfoType=05&ShowID=159&TradeType=02

值得关注的美国家电市场http://www.kjxm.org.cn/auto/com/wuh/index.php?file=detail.php&nowdir=&id=736&detail=1

美国家电巨头来华前途未卜http://www.bjyouth.com.cn/Bqb/20010323/GB/4561^D0323B5408.htm

“中国-欧洲家电供应链”http://www.ccn.com.cn/news/readnews.php?newsid=4017

明年家电流行什么 土洋品牌同场作秀（附图）http://www.tianjindaily.com.cn/docroot/200212/07/xb01/07051202.htm

摩尔多瓦：打开欧洲家电市场的捷径http://info.china.alibaba.com/news/detail/v13-d5417579.html

日本家电行业循环制造的机制及对我国的启示(三)http://www.chinainfo.gov.cn/data/200411/1_20041123_96993.html

倚重中国因素 日本家电产品设计开发向华转移http://finance.sina.com.cn/elec/20021112/1516277685.html

日本家电渠道巨头：尚无暇顾及中国“蛋糕”(图)http://news.china.com/zh_cn/finance/11009723/20041209/12004740.html

日本家电仍具品牌优势 http://www.av-world.com.cn/av-hifi/news/2001/08/0006.htm

日本家电企业再攻中国市场 忧虑核心技术流失 http://finance.tom.com/1001/1005/20041222-128754.html

日本家电两巨头有点“玩不转” http://japan.people.com.cn/2001/11/15/riben20011115_13622.html

新一轮中日合资运动抬头 新战场是家电和汽车http://www.southcn.com/news/china/zgkx/200501310105.htm

商务部报告指出：跨国公司在中国投资重点转移 http://www.kaifaqu.com.cn/cms/web/info/showinfo?mainInfoId=13056

跨国公司在中国http://www.qqcg.com/kuaguo/kuaguo.htm

西门子在华酝酿几十亿并购 中国急招5千员工http://www.chinafiw.com/e_m/site/mysystem390.asp?trans_infoid=59614

跨国公司对华技术转移的新动向与对策http://www.fdi.gov.cn/common/info.jsp?id=ABC00000000000019249

中国投资指南http://www.fdi.gov.cn/main/index.htm

WTO后的中国家电企业http://www.enet.com.cn/ecorp/inforcenter/A20011110052613_1.html

家电企业的产品外销价将上涨5%至15%

http://chanye.finance.sina.com.cn/jd/2005-04-18/247985.shtml

高烧过后6大病根迫使中国家电企业品牌快速消亡

http://www.zgjrw.com/News/2005414/Main/914492217200.html

中国家电企业跨国并购呈上升趋势http://www.zgjrw.com/News/200548/Study/830862904700.html

松下电器产业株式会社

http://www.panasonic.com.cn/static/panasonic.do

松下战略凸现日企新思路 http://business.sohu.com/65/54/article201525465.shtml

松下新战略：一个重点两个使命

http://info.av.hc360.com/Html/001/001/002/7198.htm

TCL松下品牌战略背道而驰 加减法各有利弊http://www.myhard.com/homepage/219001859891789824/20030818/1722249.shtml

松下电器战略HRM改革http://www.chinahrd.net/zhi_sk/jt_page.asp?articleid=41436

海尔战略VsTCL思维http://news.xinhuanet.com/fortune/2003-04/08/content_821538.htm

TCL集团2004年半年度报告http://stockh.cfi.net.cn/(l4p1ddbccc5mp055khvfmmev)/newspage.aspx?id=20040827001166

TCL今晨刚发2003年年报 纯利润增长34.4% http://news.ccidnet.com/pub/article/c952_a93719_p1.html

李东生坦陈“假账”始末 TCL存三大缺点http://finance.sina.com.cn/o/20030515/1519340930.shtml

李东生：一边学曾国藩 一边学韦尔奇 学会调和http://www.plc.com.cn/info/230/

长虹近几年的营销计划 http://xs.blogchina.com/article_177213.1451329.html

国际市场营销策划的成功之路http://www.lunwencn.com/Study/Article_3978.htm

国际市场 http://www.lunwencn.com/search.asp?type=info&k=国际市场

价值链与国际市场营销策略http://www.lunwencn.com/Study/Article_902.htm

中国企业如何参与国际竞争http://www.51191.com/jy/mflw/by5/200409/6198.html

市场营销论文 http://www.51191.com/jy/mflw/by5/

消费者实验室http://www.userrate.com/lab.html

国外零售商自有品牌研究综述http://www.zgliutong.com/Article/ltllyj/200410/53.html

AC尼尔森研究认为亚太区消费者在全球最乐观http://www.chinesebk.com/news/readnews.asp?newsid=596

中国拒绝补贴 国外消费者出口征税显现新思维 http://finance.tom.com/1001/1005/20041227-131233.html

意大利最大家电连锁店门口橱窗免费展示海尔酒柜

http://www.ccn.com.cn/news/readnews.php?newsid=22840332

『营销』中国市场的品牌实践http://www.chinalunwen.com/soft/218.htm

浅析中国加入国际市场竞争的条件 http://www.chinalunwen.com/soft/259.htm

消费者行为研究http://www.wph228.com/Article_Print.asp?ArticleID=504

美国文化研究里的消费主义问题http://www.xslx.com/htm/sxgc/sxsl/2005-01-26-18210.htm

http://www.hebnetu.edu.cn/xiaoyuanwenhua/shsjtd/link%

美国消费者主导型市场经济http://www.hebnetu.edu.cn/xiaoyuanwenhua/shsjtd/link%20file/zhuyaojinjimoshi/xiaofeizhudaoxinshichangjinji.htm

美国家电市场2001年发展动向http://www.gzii.gov.cn/left2/scdt/gjsc/2001.2/2603.htm

美国家用电器市场概况http://www.chinaus.net/33126.htm

克服急躁：美国家电企业进军中国之道

http://www.macrochina.com.cn/foreign/wzgj/20010316031140.shtml

调查报告：美国家电市场大屏幕电视、MP3需求强劲http://www.peopledaily.co.jp/GB/41390/41398/3101818.html

2001年美国家电市场将增长5.7

http://www.enet.com.cn/cio/inforcenter/A20010110006950.html

消费类电子产品 新世纪投资热点http://202.43.217.123/search/cache.html?ei=UTF-8&u=www.ccidresearch.com/fabiaowenzhang/redian.htm&w=%E6%B6%88%E8%B4%B9+%E7%B1%BB+%E7%94%B5%E5%AD%90&d=53CD59357E&icp=1

专访美国消费电子协会总裁夏培洛http://www.cena.com.cn/htm/Article_detail.asp?id=9167

韩国技术创新经验面面观http://www.jqkj.net/ArticleShow.asp?ArticleID=1206

韩国经济“铁三角”之谜http://www.chinanewsweek.com.cn/2003-07-10/1/1790.html

奇迹在战争的废墟上出现–韩国经济腾飞基本经验浅析http://www.gjmy.com/Article/ShowArticle.asp?ArticleID=6282

美日韩三国创新模式http://www.gjmy.com/Article/paper/paper_econ/200504/8870.html

世界经济热点分析http://www.gjmy.com/Article/news/news_f/200503/8060.html

韩国 经济概况http://www.china-ningbo.com/nbfec/nbfec1/4world/general/economy/kr.html

http://www.syd.com.cn/news/korea2004/ecnomic.htm

家电企业：用精致家电打造“上流圈”http://www.hudou.com.cn/2005/3-17/1616579551.html

“中国制造”的出路：走出去，走上去 http://www.hudou.com.cn/2005/4-6/10062053462.html

霍杜芳：家电业目前亟须破解两大难题http://www.hudou.com.cn/2005/3-25/08512026532.html

成本上涨近五成 冰箱厂家集体涨价 http://www.hudou.com.cn/2005/4-5/09125052777.html

洗衣机演绎高端革命　国内品牌占了先机http://www.hudou.com.cn/2005/4-6/14221155433.html

05洗衣机步入“后滚筒时代” 休闲成新定位http://www.hudou.com.cn/2005/4-1/09190583376.html

洗衣机外资品牌纷纷打高端牌http://www.hudou.com.cn/2005/3-18/09395699319.html

松下电器：调整冰箱战略不排除价格取胜

冰箱变频化将成为2005年竞争最大热点http://www.hudou.com.cn/2005/3-31/10193773718.html

韩国李宪宰副总理谈韩国经济状况

http://kr.mofcom.gov.cn/column/print.shtml?/jmxw/200407/20040700250869

韩国企业集团危机及其对中国企业集团化的启示

http://journal.sdau.edu.cn/jingji4.htm

第二届中韩经济研讨会http://live.people.com.cn/note.php?id=52040422143048

2000年韩国科技发展综述http://www.chinainfo.gov.cn/data/200108/1_20010821_11979.html

2005年度家电行业发展趋势http://jd.21cn.com/hy/shd/2005/02/04/1977908.shtml

借鉴：韩国家电绝地重生http://news.xinhuanet.com/fortune/2002-05/14/content_392552.htm

中国对韩国家电出口发起挑战http://www.zaobao.com/special/newspapers/2002/07/joins080702.html

战略制胜:韩国家电业如何征服东南亚市场?http://www.mbaschool.com.cn/shtml/case/2004@11/02/102230.shtml

 家电营销新趋势：工业设计+市场细分           http://www.globrand.com/2004/07/28/20040728-194816-1.shtml

国际市场细分ttp://www.cnexp.net/waimao_zhishi/guoji_maoyi_lilun/200403/1974.html

国际市场细分与目标营销http://www.hulunbeir.com/newsxp2.0/ReadNews.asp?NewsID=34&BigClassName=%C9%CC%CE%F1%D6%AA%CA%B6&SmallClassName=%B9%FA%BC%CA%D3%AA%CF%FA&SpecialID=0                 　

三星革命http://www.lzet.com.cn/old/qygl/aljx/aljx-180.htm

东芝的“手术师” http://www.lzet.com.cn/old/qygl/aljx/aljx-111.htm

市场细分战略研究讲座提纲http://www.webcmo.com/CN/training/segmentation.html

欧美的市场细分实践http://www.webcmo.com/CN/insights/DMS2_1.html

国际营销禁忌研究http://www.emkt.com.cn/article/77/7780-2.html

实用的市场细分ttp://www.chinaxuexi.com/lunwen/jingguan/2004/12/2001361943.shtml

日本企业的营销组合http://www.chinaxuexi.com/lunwen/jingguan/2004/12/2001362044.shtml

波特的竞争优势理论http://chinacae.cn/wz/zsk/zzd/20.doc

[学术点评]李曙光:中国的经济转型：成乎？未成乎？ http://www.xmkz.net/bbs/printpage.asp?BoardID=53&ID=3703

制造业仍然推动美国经济发展http://kczl.bjx.com.cn/dl/news/65459.html

阪神冰柜消费者特征http://www.a.com.cn/cn/scdc/010105bslg.htm



2006的第一天就要过去了
hauy — Sun, 01 Jan 2006 23:11:45 +0000
又虚度了一天的时光，两只小仓鼠陪我过了一整天。

刚才下载了Narcissu，音乐很好，故事也有点意思。
哎，该干啥还是干啥呗~明天还要去版聚~难得的一个交流机会，嗯嗯。



The Apprentice 学徒
hauy — Mon, 26 Dec 2005 00:35:05 +0000
今天看到第一季的第13集，我被Troy和Kwame的友谊和真诚感动了。
Troy虽然被fire了，但是我相信他一定会成功的。





《无极》——我不看总行了吧
hauy — Fri, 16 Dec 2005 21:53:34 +0000
原本是很期待的，觉得终于又可以有大片可以一饱眼福，不过后来看到炒作得这么凶，便惴惴然有点不安。
首映之后，网上一波又一波的讨论证实了我的不安，我还是相信群众的眼睛是雪亮的。
不过，总有人会说，你又没看过，怎么可以随便评论人家。
摸摸口袋里的钱~觉得不能再被骗去了~~那么就等DVDrip啰~
又想想这种电影不去电影院岂不是更没看头了，还不如不看，干脆也不发表评论了。嗯，就这样。




《如果·爱》很不错
hauy — Thu, 15 Dec 2005 03:41:28 +0000
占坑先，以后再写。

每个人

都想明白

谁是自己生命

不该错过的真爱

特别在午夜醒来

更是会感慨

心动埋怨还有不能释怀

都是因为你触碰了爱如果这就是爱

在转身就该勇敢留下来

就算受伤就算流泪

都是生命里温柔灌溉

Wooh爱

在回忆里总是那么明白

困惑的心流过的泪

还有数不尽黑夜等待

如果你

当时明白

后来的生命里

是快乐还是悲哀

特别在夜深人静时

想起未来

是否能平静不会像现在

只是因为你拥有了爱




更换了blog的程序
hauy — Thu, 15 Dec 2005 02:55:26 +0000
L_blog 1.08  ——–>  LBS 2.0.304

这个很好，div+css的哇哈哈哈哈~~
blogchina给的模版太丑了~不要用~~嗯嗯~~msn的在教育网上国外网比较麻烦，还是用这个吧。



无题
hauy — Fri, 28 Oct 2005 03:44:25 +0000
睡不着，下来写东西。
/****************/

/****************/

/******马赛克*****/

/****************/

/****************/
如果下辈子那个傍晚还在综合楼与你邂逅，我还是会叫住你，和你一起吃晚饭。



执子之手，与子偕老。
hauy — Mon, 17 Oct 2005 00:09:11 +0000
今天太阳很好，我喜欢太阳，我的心情似乎也比昨天好了一些，少了些那种被淹埋于孤独和恐惧而难以呼吸的那种感觉。其实我还是怕天黑，黑暗和孤独四处弥漫像是能扼住我的喉咙。

不过屋外，来来往往的年轻男女已经不再让我觉得哀伤和留恋。
华哥来了，给我带来了现在炙手可热的第十期《中国国家地理》。

他还是老样子，和以前差不多。
中午又去咬不得，其实我不太喜欢吃生煎，不过这里有米酒，很不错，不像啤酒那么苦涩，淡淡的，就如冬日里阳光穿过树梢撒落在阳台的那种味道。倏忽间看到边上坐着一对白发苍苍的老人在静静地吃东西，心头涌起一阵酸楚，眼眶湿润了。
我多么希望那边坐着的能是我和她，就算让我现在就变老也好。可现在什么都没了，如海浪吞噬过的沙滩，空留我一人端坐。
我想，我大概这几年都不会再恋爱了，如果还要找，我想找个能和我一起慢慢变老的人，别的我什么也不要了。



剑使不出来，是你自己放不开。
hauy — Sun, 16 Oct 2005 00:04:45 +0000
蓦然间，我似乎把能失去的都失去了。
一个人呆坐于屏幕前，没有人和我说话，没有人来理我。我也不想喝酒，我讨厌喝酒。

其实我也不想和人说话。

我只能不停地跟自己说：放弃吧，你只有这个出路了。
她终于找到了属于自己的归宿，我想，围棋版上的人都会觉得这是个美好的姻缘。

我当然也应该大义凛然地消失了。
我很多时候都搞不清，我曾做过的那些是对还是错，或许本来便是无所谓对错。
以前看到版上有人在讨论是否有人相信所谓的“一见钟情”，我便会自豪地上去凑热闹，说：我和我mm就是啊。

现在，我只能打个冷颤，头皮“嗡”地一麻。
我的路还是要继续走下去的，也许我永远是个孤独的旅者。



昨天，我失恋了
hauy — Sat, 08 Oct 2005 20:05:09 +0000
你信么？



哇哈哈哈哈！今天很爽啊~
hauy — Fri, 16 Sep 2005 23:23:24 +0000
[mrgreen]我礼拜三挎包的背带断了~

昨天去逛了逛没有合适的~没有买~
没想到今天领了一个包~

幸亏昨天没有买啊~

虽然值不了多少钱，但是很开心啊~哈哈哈哈！~



杭州媒体导航
hauy — Fri, 26 Aug 2005 03:40:40 +0000
杭州电视台

浙江电视台

http://www.cztv.com.cn/
杭州电视台

http://www.chinahztv.com/
杭广电台

http://www.am954.com/
杭州广播

西湖之声

http://218.108.20.170:8080/news4/Index_01.asp
浙江电台交通之声

http://www.zjfm93.net/2002/cxck_tit.asp
杭州经济之声

http://218.108.20.170:8080/918/Index.asp
浙江电台文艺台

http://www.5535.net/broadcast/default.asp
杭州报刊

浙江日报

http://zjdaily.zjol.com.cn/
杭州日报

http://hzrb.hangzhou.com.cn/
都市快报

http://dskb.hangzhou.com.cn/
每日商报

http://business.hangzhou.com.cn/
钱江晚报

http://www.zjdaily.com.cn/qjwb/
浙江经济报

http://www.zj001.com/
今日早报

http://www.zjdaily.com.cn/jrzb/
浙江老年报

http://www.zjdaily.com.cn/zjlnb/
美术报

http://www.zjdaily.com.cn/msb/
家庭教育报

http://www.zjdaily.com.cn/jtjydb/
浙江广播电视报

http://www.zctp.com/index.asp
e时代周报

http://www.etimeweekly.com/
新民生报

http://www.zjdaily.com.cn/xmdy/
新闻实践杂志

http://www.zjdaily.com.cn/xwsj/



杭州、宁波的杂志社名录
hauy — Fri, 26 Aug 2005 03:29:30 +0000
《家庭教育》杂志社

网址：http://www.cnjtjy.com/

社长：沈明革 总编：朱李平 副社长：来祥康

社址：杭州市凤起路334号同方财富大厦

邮编：310003
《杭州通讯》杂志社

《杭州通讯》是中共杭州市委的机关刊物，是经国家新闻出版总署批准、面向全国公开发行的综合性月刊。《杭州通讯》杂志社是经市编委批准的相当正处级全民所有制事业单位，隶属市委办公厅、市委政策研究室领导。
《度假旅游》杂志社

《度假旅游》是一本国内外公开发行、具有亲和力、平民化、实用性、贴近商务旅行者的度假旅游类时尚杂志。内容好看实用，视角前卫独特，制作高档精美，比较彻底的进行了对人的真实体验与旅游模拟，顺从了快感阅读的路数，以探索休闲话题、拓展旅游含义、反映社会时尚、引导消费者享受高品位的休闲生活为主题，为商旅人士、都市白领描述了一个他们梦想中的生活，是目前期刊中直接袒露面对读者对象最富有的阶层的杂志之一。

TEL:0571–85126326-109 13605815186

Email:applelilei@163.com applelieli@hotmail.com

QQ:12954530

联系人:李先生
《照相机》杂志社

网址：http://www.chinacamera.com.cn/

地址：杭州市西溪路 560 号

电话：0571-85126539

传真：0571-87975916
《浙江工商大学》杂志社

网址：http://zzs.zjgsu.edu.cn/

地址:浙江省杭州市教工路149号

邮编：310035

E-mail:zazhishe@mail.zjgsu.edu.cn 
《浙商》杂志社

地址:杭州市体育场路178号

邮编:310039

编辑部:0571-85311289

记者部:0571-85311282

策划部:0571-85311286

发行部:0571-85311284

广告部:0571-85311328

　　　 0571-85311296

传真:0571-85311283（新闻）

　　 0571-85311288（发行）

　　 0571-85311327（广告）

　　 0571-85311297（广告）

上海工作站:021-52364188

东北工作站:024-22895438

温州工作站:(0)13566265062

义乌工作站:(0)13906890491

网址:http://www.zjsr.com

E-mail zszz@zjnews.com.cn



昨天我生日
hauy — Wed, 24 Aug 2005 19:10:30 +0000
向来对生日时不重视的~只是觉得~只是觉得~我居然23岁了！我这么老了原来~

不过虽然这么老了~胡子却没有几根~长这么大了我还没有刮过胡子哩~

于是昨天mm给我买了，好开心呀~噢也！~可以刮胡子了哦~~



游泳
hauy — Fri, 12 Aug 2005 13:15:15 +0000
前天开始我终于去游泳了~~

我已经很久没有去游泳了~~都忘记了怎么游了~~
记得我最后一次是在太湖边上游的~再往前~似乎在高中里了~~
嗯~我蛙泳还不会换气呢~先把蛙泳学好~再学自由泳~再学蝶泳~

灭哈哈哈哈~~[mrgreen]



命运
hauy — Fri, 12 Aug 2005 12:14:38 +0000
我是不信命的。
但是我知道，万事都有前因后果。

今天所发生的一切，必定是曾经所发生过的无数事情所铸就的。

这是所谓的定数么？
但是今日所做的一切~又会影响到未来将发生的一切~

谁知道未来到底会怎样呢？

但是很多事情我们不得不去做~不能不做。

就像电影《罗拉快跑》和《蝴蝶效应》那种立意吧~~
我很喜欢终结者2里面小孩的妈妈在桌子上刻下no fate两个字，那是和命运抗争的勇气。



我自己
hauy — Fri, 12 Aug 2005 11:55:30 +0000
楼毓曾经对我说：“我知道以你的性格，如果不是她先提出分手，你是决计不会和她分手的。”
她果然很了解我。
对于她，我一直觉得很惭愧，但是走过的路，总是不能回头的。



找书
hauy — Fri, 12 Aug 2005 11:45:55 +0000
今天上午我出去找一本书叫《中华民间文学史》。

不过很可惜~找不到~
突然去找这本书，因为我怕突然有一天早上起来，我就再也找不到她了

所以~我要挣扎着为她多做一点事情，何况这只是一点小事~
她早上说要回嘉兴，我对她说：你回去吧~

发这个短信的时候我的手指颤抖了一下，因为我知道，这四个字里面有两层意思~~

我也知道，她爱他肯定比爱我多了那么一点。
如果她真的要走，我会拉着她的手吼我不准你离开我么？我会哭么？我会喝酒么？我不知道。



Macromedia Studio 8 发布
hauy — Tue, 09 Aug 2005 03:14:05 +0000
也许是最后一个打着Macromedia商标的软件包了。


Announcing Macromedia Studio 8 

Design, develop, and maintain effective interactive online experiences with Studio 8, the new suite from Macromedia for creating websites, applications, presentations, and mobile content.
Studio 8 includes five Macromedia products: 
Dreamweaver 8. Enhanced CSS support, including a unified CSS panel and rendering improvements; visual authoring with XML data; workflow improvements like Code Collapse and file rollback; seamless integration with Flash Video, PHP 5, and ColdFusion MX 7; and much more.
Flash Professional 8. Dazzling new motion graphics and animation effects, new Flash Video capability, a new text rendering engine, performance optimizations, special tools for creating mobile content, and much more.
Fireworks 8. Strike the balance between image quality and size with optimization tools. Create, edit, and optimize vector and bitmap images for the web with new blend effects. Try new streamlined workflows and round-trip integration with Dreamweaver 8 and Flash Professional 8.
With this new version, Macromedia Studio 8 also includes two new products for web maintenance. 
Contribute 3. Keep your website content fresh and your resources focused using web content management tools and workflows. Subject matter experts can update web content in a controlled, template-based workflow, freeing designers and developers to focus on site design and development.
FlashPaper 2. Now anyone can convert printable files into Macromedia Flash documents or PDF files with one click.



浙江大学生物系统工程与食品科学学院主页
hauy — Mon, 08 Aug 2005 15:13:53 +0000
美工就这么定稿了~




写在baidu上市
hauy — Mon, 08 Aug 2005 12:39:19 +0000
互联网时代是一个善于创造奇迹的时代，此时的百度，一下子成了纳斯达克上瞩目的焦点，成为继盛大之后又一个耀眼的明星。

引用自 

　　纽约，2005年8月5日 — 领先中文搜索引擎百度在线网络技术有限公司 (「百度

」, NASDAQ: BIDU) 今天宣布在纳斯达克正式上市，发行 4,040,402股美国存托凭证股票。 每股美国存托凭证股票表代表一股A类普通股。 这些美国存托凭证证券将于今天在纳斯达克市场以＄27美元开始买卖，代号为BIDU。 
　　本次上市包括由百度发行的3,208,696张美国存托凭证股票以及由现有股东卖出的 831,706 张美国存托凭证股票。 百度及现有股东亦向承销商发放可于超额认购情况下在30天内额外购买 分别481,304 张及82,518 张美国存托凭证股票之期权。


引用自 

　　●搜索引擎百度(BIDU)周五在

纽约纳斯达克市场火热登场，当天以66开盘，一路上飙，最高达到151。2美元，最低60美元，以122.54收盘。大涨百分之三百五十多，成为美国最近五年多来表现最强劲的一支新股。(中兴网)
　　●百度当日大涨百分之三百五十多，成为美国最近五年多来表现最强劲的一支新股，成为美国历史上上市当日收益最多的10大股票之一;也成为自1999年以来在上市当日收益最多的公司;百度也是所有在美上市的外国企业之中上市首日的表现最佳。(方兴东)
　　●百度首席执行官李彦宏拥有百度22.9%的股份，按照开盘价66美元计算，李彦宏的身价已飙升到5.35亿美元，按收盘价格计算身价也超过了10亿美元。[/quote]



iframe高度自动适应页面
hauy — Thu, 04 Aug 2005 19:04:03 +0000
放到之间即可[biggrin]
[/code]



我对adobe收购macromedia之后的预言
hauy — Thu, 21 Apr 2005 09:03:25 +0000
呵呵，纯粹好玩而已。
1.Golive与Livemotion肯定要放弃了，虽然很有特色实在是太鸡肋了。

2.我猜Firework的很多功能会在Imageready上出现。

Imageready功能强大很多或者干脆改名字了。

我不认为Firework会取代Imageready，我觉得在adobe眼里，

firework这种软件横跨的领域太多了，反而会显得不够专业和精到。

3.我估计Flash与Director不会整合，暂时也不会加强flash在3D方面的功能。

我猜可能会出现一种容易被搜索引擎接受的flash文件格式，

和pdf一起在各自的领域发挥作用。

整合也有可能，不过我现在想象不到pdf和flash整合是什么样子。



关于web标准
hauy — Thu, 07 Apr 2005 19:17:11 +0000
我觉得表格和CSS并没有矛盾，谁说用了表格就不能用CSS来控制板面？

我一样也能做到随心所欲。

w3c.org主页上还是用表格控制的呢~
当然，初次接触网页制作的朋友可以尝试摒弃表格，用div来控制板面。

已经习惯用表格的我也觉得没必要全面转向div控制。
说到web标准，我又不得不说几句。

不是说w3c发布了标准我们就要采纳，他们只是一个建议。
比如firefox的主页左边菜单栏在ie下和firefox下效果完全不一样。

而某个公司要我做网页，要firefox下的那种效果。

想想看就知道，那些人不要说firefox，可能听也没听说过。

那我该怎么办？

我有两个办法，一个是劝说公司老总换用firefox。

第二，采用别的实现方法，让ie下显示类似的效果，但是不能保证firefox下的效果。
你们如果是我，你们会采取哪种方法？

第一种么？老总会不会问我，firefox是什么东西？我为什么要装这个？

我和他说，这个符合最新的标准，很先进的，ie那个垃圾，不要用。

那么就算他装了，那些公司的客户怎么办？

我一个一个劝过来？他们会不会说我是推销浏览器的？
所以说设计这个行业是要市场说话的。

比如说网页分辨率问题，以前经常要考虑15寸显示器的用户，页宽都定在770左右。

而现在宽一千多的网页越来越多了，为什么？因为15寸的crt几乎看不到了。
我们做网页，通常先要用ie看，看过OK么？OK了。

再用firefox看，也OK么？也OK，那最好。

不OK么？那就要看有没有空了，有空么改改过来，让页面效果和ie下尽量一致。

改不过来或者没时间？那也没办法。

标准么？那是不看的，浏览器才是标准。



blog说明
hauy — Tue, 29 Mar 2005 00:18:05 +0000
禁止一个20岁出头的男人渴望爱情，或者允许他幻想，但时时提醒他每个月只有2000元的收入，哪一种更残忍呢？我自己可以不穿名牌，不买房，把去娱乐场所的次数降至最低。但我要用这些去考验一个女孩子的感情吗？没有鲜花、靓衫、小礼物、烛光晚餐，我就带她去街角公园散步，回家喝爱心汤，一起窝在小房间里对战泡泡龙或看张盗版影碟。偶尔为之也算浪漫别致，日日如此的话——上帝赐给我通情达理到伟大地步的女朋友，难道还要赐给我同样伟大的她的父母吗？



今天入手了一台eizo的E55D
hauy — Thu, 03 Mar 2005 22:49:32 +0000
一直以来很想要一台eizo的显示器。

今天到玉泉去搬了台过来，97年产的，柱面的，都不知道还有没有镀膜。
到那边只是觉得略微有些糊，心想这个可以调，就要了，300米。
搬回来一看真痛苦，颜色不对的，可能蓝色阴极枪电路部分老化了，浅蓝的发青，橙色的发暗，一直调不好。自己对这个又不熟，心想先放着吧，等高手来看看。
又想，要是什么时候搞个eizo的液晶多爽呀~hiahia~



mm要去广州读研
hauy — Sat, 26 Feb 2005 16:32:00 +0000
今天在88上看到mm说想考研去暨南大学读对外汉语专业。

mm去读研当然很好，不过暨南大学在广州，离杭州很远。

我上网查了一下，大概杭州到广州火车票硬座来回要500，硬卧要700，时间要一天一夜。

坐飞机的话来回大概要1100。
每礼拜都去自然是不现实的了，可能只能一个月去一次了，甚至一学期才能见到一次……

唉，万一她毕业以后在那里教书呢？

我去广州找工作么？还是创业？

那里还要说广东话的~不过我mm一定马上就会学会了的~赫赫
虽然不是出国，却也觉得很远。



端回了电磁炉
hauy — Fri, 25 Feb 2005 19:30:12 +0000
hiahia~~[mrgreen]

这下爽了~

希望不要被楼长看到啊！

臭虫	解决方案
绝对定位到屏幕边缘右/下的元素导致垂直/水平滚动条。 `div { $nbsp$$nbsp$position: absolute; $nbsp$$nbsp$right: 0; $nbsp$$nbsp$bottom: 0; }`	取消被隐藏的15px边界。 `div { $nbsp$$nbsp$right: 15px; $nbsp$$nbsp$margin-right: -15px; $nbsp$$nbsp$bottom: 15px; $nbsp$$nbsp$margin-bottom: -15px; }`
快捷（shorthand）边界不会居中一个表格。 `table { $nbsp$$nbsp$margin: 0 auto; }`	使用完整（longhand）性质来设置边界。 `table { $nbsp$$nbsp$margin-left: auto; $nbsp$$nbsp$margin-right: auto; }`
赋予`background-image`的元素背景图片总是被边框覆盖。	使用另外的元素来设置边框，如果要求边框必须在`background-image`的外围。
使用`overflow: auto`会导致页面扩展到能够适应元素的内容，就算不溢出，还是会产生滚动条。	总是设置需要`overflow: auto`的宽度和高度。
元素的`clear`会继承设置了`clear`值的父级元素的值，就算该元素定义了`clear: none`也无效。	目前尚未解决方案

Blocking Issue	AOL v. 6.0-9.0	Gmail	Hotmail	Yahoo!	Outlook 2000/XP	Outlook 2003	Outlook Express w/SP2	Outlook Express w/o SP2
外链的图片是否默认被屏蔽	Yes	Yes	No	No	No	Yes	Yes	No
用户能否设置是否屏蔽图片	Yes	No	Yes	Yes	Yes	Yes	Yes	Yes
能不能让用户点击某个按钮就显示邮件中的图片	Yes	Yes	Yes	No	No	Yes	Yes	N/A
当发件人在用户的联系人列表里时是否默认显示图片	Yes	No	Yes	No	Yes	Yes	Yes	Yes
发件人在ISP白名单中时能不能默认显示图片(国内好像没这个概念)	Yes	N/A	Yes	No	N/A	N/A	N/A	N/A
图片被屏蔽时是否显示alt属性	No	Yes	No	No	No	No	No	N/A
预览时显示windows的主题样式	No	No	No	No	Yes	Yes	Yes	Yes

Java Look and Feel Guidelines	Macintosh Human Interface Guidelines
1 – The Java Look and Feel 2 – The Java Foundation Classes	Preface
3 – Design Considerations 1 – Human Interface Principles	2 – General Design Considerations 3 – Human Interface Design and the Development Process
4 – Visual Design	9 – Color
5 – Application Graphics	8 – Icons
6 – Behavior	10 – Behaviors
7 – Windows, Panes, and Frames	5 – Windows
8 – Dialog Boxes	6 – Dialog Boxes
9 – Menus and Toolbars	4 – Menus
10 – Basic Controls	7 – Controls
11 – Text Components	11 – Language
12 – Lists, Tables and Trees

臭虫	解决方案
在一个液态的（liquid）的盒内，跟在一个浮动的元素后的内容会莫名其妙消失（只有IE6会发生）。学名Peek-a-boo Bug.	给该盒定义`height: 1%;`（但要注意对IE 5.x/Mac隐藏）。 `/\/ * html div { $nbsp$$nbsp$height: 1%; }/**/` 这个就是有名的Holly Hack（救世hack？神圣hack？）。它通过给一个块设置一个十分小的高度值（1%几乎成了通用准则）来工作。但IE 5+/Win能够依据内容来扩展这个盒子到足够的高度，就是说，把`height`当作`min-height`来用。在大部分情况下，Holly Hack能够使IE5+/Win按照实质的行为来表现。
在列表元素（`dl`, `ul`, `ol`），定义在相对或浮动定位的块级元素的背景会消失。学名Disappearing List-Background Bug	给列表元素定义相对定位（但同样注意对IE5.x/Mac隐藏，因为它没有这个虫虫——相同名字，表现却咋这么不同呢？） `/\/ * html ul { $nbsp$$nbsp$position: relative; }/**/` 尽管不是一个很有技术含量的hack，但使用`position: relative;`能够让你从IE5+/Win的大部分困境中解脱出来。同时很多场合下你也不愿意使用，因为它产生的块（block）或许是你不需要的，所以还是省着点用吧。
浮动元素内某些连接hover时，该元素的底部会被砍掉。学名Guillotine Bug	对包含元素使用Holly Hack.
一个相对定位元素内的绝对定位元素，其内容超出页面底部时不会触发滚动条。学名Unscrollable Content Bug.	对包含元素使用Holly Hack.
当多个浮动的元素彼此跟随，中间加注释的时候，最后一个浮动元素内的文本偶尔会复制到最下面去。学名Duplicate Characters Bug.	不要给浮动元素设置多宽度，使其不会到达包含元素的底部，或者对最后一个元素设置`margin-right: -3px;`或者更小。
浮动元素相同浮动方向上的边界是所设置值的两倍。 `div { $nbsp$$nbsp$float: left; $nbsp$$nbsp$margin-left: 100px; }`	为浮动元素设置`display: inline;`。注意：根据W3C的建议，除非值是`none`，否则不应该在浮动元素上使用`display`。
一个块级元素内的文本跟浮动元素之间有一个3像素的间隔。学名Three Pixel Text-Jog Bug.	对块级元素使用Holly Hack.
内容中包含未达到底部的浮动元素，清除（clear）浮动的块级元素的`padding-top`会加倍。	给该清除浮动的元素使用Holly Hack.
相对定位容器内连接的`background-image`失效。	给连接相对定位。
一个有`padding`的盒子内嵌套一个有`margin`的盒子，外围盒子的`padding-top`和里面盒子的`margin-top`不会相加。	里面盒子的`margin-top`设置双倍值。
以下划线开头的class和id会被忽略。	防止以下划线开头命名class和id.
一个绝对定位元素的`left`值依据容器内第一个元素的左边缘计算，而不是容器本身。	根据实际情况调整`left`的值或者绝对定位容器。
为`table`设置margin会被忽略（IE6忽略所有，IE5.x/Win只忽略`margin-top`和`margin-bottom`）。	给`table`外包一个`div`，然后对该`div`设置`margin`.

臭虫	解决方案
对`fieldset`设置`display: inline;`会让表单不可点击。	相对定位`fieldset`： `fieldset { $nbsp$$nbsp$display: inline; $nbsp$$nbsp$position: relative; }`
使用`:hover`伪类的相邻选择器导致错误的行为： `dt:hover + dd { $nbsp$$nbsp$color: green; }`	目前无解决方案
放大字体时，产生的内容会使文本超出其盒子范围。	目前无解决方案

真实姓名：
英文名：
主页：
密码：
重复：
信箱：
信箱：
QQ：
身份证：
年龄：
年龄1：
电话：
手机：
生日：
邮政编码：
邮政编码：
操作系统：
所在省份：	广东陕西浙江江西
爱好：	运动上网听音乐看书
自我介绍：	中文是一个字
自传：	中文是两个字节t