Wenshu dBlog

blog搬家了

2008-01-27T14:23:00.001+08:00

终于...多个原因促使我将blog再次搬家了：

- Blogger虽然不错，无奈隔了一堵墙，这还是带来了不小的麻烦。
- 如果想给blog做一些自己想要的定制特性的话，基于空间自建的blog是更好的选择，加上对wordpress神往已久，终于决定加入wordpress的大家庭。

这次的搬迁算是相当顺利（因为有那个blog同步工具的帮忙），但也有一些损失，如下：
- 所有的留言都丢了，还好我的留言不多，但还是感觉有些遗憾。
- 帖子的分类信息也丢了，不过这个我可以一点点补回来，暂时还没来得及做。

回顾一下我的blog经历：
- 2003年5月，开始写blog（那时还叫做weblog），当时是放在我自己的PC上，用一些CMS程序来做blog，比如我用过mambo和PostNuke（在用这些CMS之前，我还自己用PHP写过一些，不过那时觉得太麻烦了，一个留言本都需要花很多时间搞）。
- 2003年7月，我发现了b2，这个在现在看来应该算是非常标准的blog程序了，在此后很长的时间内，我一直用b2作为我的blog程序，现在这个程序还可以从网上下载，但已经很久没有更新过版本了。
- 2003年8月，买了一个空间和域名，开始了比较正规的blog生涯。
- 2004年10月，这个空间的问题慢慢暴露出来了，服务比较差，带宽分配不合理以及强制广告等等，我的blog的积极性也慢慢降低了。
- 2005年，因为空间商和我自己的问题，我的blog几乎是停止了更新，这一直延续到2006年。
- 2006年，是比较彷徨的一年，我尝试了国内的一些blog服务商，比如blogbus，donews，都没能坚持下来，总是有这样那样的问题。我还考虑了很久是否搭建一个wiki来代替我的blog，并花了不少时间维护了一个个人wiki，最终我否定了这个想法。
- 2006年9月，我切换到了Blogger，这次切换看来是相当的明智，自此之后我blog的频率逐渐恢复了，并开始使用Gmail来发blog。
- 2007年一年是我的blog历史中最高产的一年，这应该得益于Gmail和Blogger的组合，非常感谢google。
- 现在，2008年1月，我再次切换到了wordpress，这个决定会对我的blog如何影响，需要在未来靠时间来检验了。

最后也是最重要的，亲爱的读者们（如果有的话），请更新你们的地址栏，到 http://www.liuzhongshu.com，这是我的blog的新家，使用rss的朋友们，也请更新地址到: http://www.liuzhongshu.com/feed，我原来的Blogger将会停止更新。

点阵到矢量转换

2007-11-19T20:07:00.001+08:00

看看这个域名，就知道功能一定不俗： vectormagic.stanford.edu
这个网站可以将点阵图像转换为矢量图，比如将PNG，JPEG转换为SVG，PS格式等，并下载转换后的格式。看起来是够Coool的，我想到的一个应用就是看看是否能将一个人像照片转为矢量，应该会有绘画的效果。

用一张照片作了实验，转换的结果实在是太"完美"了，确实是矢量图（可以无损的放大），但居然那么接近原图，使得"矢量"的效果打了一些折扣，也许是我用了过高分辨率的图，或者参数设置过于精密所致，不过可见它的转换算法应该还是相当的牛。

http://www.sideshowdigital.com/

2007-11-08T20:26:00.001+08:00

这个页面的布局挺有意思，颜色和字体也不错，我还学了一招：

HTML中可以用下面的这个方法来隐藏Email地址（估计对Robot应该能管用吧）
<script language=javascript>

</script>
<noscript><a href=mailto:usa[AT]sideshowdigitalDOTcom>E-mail us</a></noscript>

考虑的还挺全面的，没有Javascript时，只能用[AT] DOT 来糊弄了。

Don't make me think

2007-11-02T22:34:00.001+08:00

才看了两三页，我就意识到这绝对是一本好书，界面设计必读，看看这些定律般的句子：

"What's the most important thing I should do if I want to make sure my Web site is easy to use?"
"Don't make me think"

"If something is hard to use, I just don't use it as much."

"On Internet, the competition is always just one click away, so if you frustrate users they'll head somewhere else."

"We don't read pages. We scan them."

"We don't make optimal choices. We satisfice."

"We don't figure out how things work. We muddle through."

"It doesn't matter how many times I have to click, as long as each clik is a mindless, unambiguous choice."

http://9rules.com/

2007-11-01T19:44:00.001+08:00

http://9rules.com/

比较喜欢这个网页的设计，页面的背景漂亮，无衬线（Sans Serif）的字体搭配感觉很好，区域的弧线外边框很帅。但页面的下半部分有些凌乱，没有重点，另外Form的几个控件显得有些突兀。

这个网页似乎还有些其它的问题，在IE和Firefox下的效果差异较大。而且不能用Saveas完整保存（IE和Firefox都不行，总是漏掉背景），难道这是它的保密手段。。。

《Non-Designer's Design Book》

2007-10-30T20:43:00.001+08:00

书名及内容都很有意思，适合我等菜鸟。内容不长，不到200页，一半的内容从非设计专业的角度介绍了设计的几个基本原则：Proximity，Alignment，Repeat和Contrast，这部分内容相当好，看了有一种茅塞顿开的感觉。还有一半的内容介绍字体的秘密，我不喜欢这个部分，谁叫他不讲中文字体呢，呵呵。

有一句话有点意思（版权完全不归我所有，如有侵权，纯属意外）：
Once you can name the problem, you can find the solution.
-- Non-Designer's Design Book

OReilly《Learning.Web.Design》第三版

2007-10-24T19:42:00.001+08:00

关于Web Design的书有一个好处，大多制作相当精良，给人感觉像是Web的克隆（我十分想知道这些书是用什么排版工具排出来的？呵呵）

这本书主要介绍Web的一般设计原则，重点是HTML和CSS，很细致，后面还有一些内容介绍Web图像处理。我草草看了一些，内容写的不错，也有一些有趣的素材（比如各种显示分辨率的统计），并且非常"与时俱进"，值得推荐。但一定要第三版，因为Web的技术发展太快了，很多到现在还在讲解HTML而忽略CSS的书明显过时了。

由于没有涉及Javascript，这本书只能算是设计静态Web的指导书了。

内容相关的resize算法

2007-10-15T20:46:00.001+08:00

看看这段视频: http://www.seamcarving.com/
相当的惊讶啊，多有创意的算法，赶紧集成到photoshop吧，我想试试。。。

photoshop paste

2007-09-07T20:15:00.001+08:00

最近有时发现，居然有些大的屏幕截图，在photoshop里面不能paste，我试了几次，当截图比较大时（比如直接PrintScreen）就不能paste了，而Alt-PrintScreen截取一个窗口时，图比较小，就可以paste。难道是内存不够了？不是还有disk嘛，一看我的C盘，只有几百K了，倒掉垃圾桶，paste就正常了，原来如此。

其实我的内存是够大的，不知道为什么photoshop非要动用磁盘，可能photoshop是想留一些内存给别的程序用吧。

简洁的导航条

2007-08-28T22:08:00.001+08:00

http://www2.jeffcroft.com/

比较喜欢的是页面上方的导航条，漂亮且非常实用。
由于是用Django设计的，所以内容区域也比较有个性。

看到这个网站是来自于：
http://www.smashingmagazine.com/2007/08/28/45-excellent-blog-designs/

漂亮的CSS页面

2007-08-20T21:29:00.001+08:00

http://snook.ca/archives/php/codeigniter_vs_cakephp/
这个页面很合我的胃口，尤其是blog下面的comment部分，很漂亮且实用，有点象是forum。

这个网站是在dreamhost上的，程序，美工都是作者一人搞定（程序似乎是基于Cakephp），一个比较牛的Web developer。

35人，5个问题

2007-04-20T20:06:00.001+08:00

http://www.smashingmagazine.com/2007/04/20/35-designers-x-5-questions
非常好的一个调查，从35位设计者中得到5个问题的反馈，其中有一个问题是关于design book的推荐，调查结果的前两位就是 <Don't Make Me Think> 和 <CSS Mastery>，虽然两本书我都有，惭愧的是一直没有静心去看。

HTML的include

2007-03-28T20:02:00.001+08:00

在html规范里是没有include的，不过可以通过Javascript来实现，很简单在需要包含的地方，写入
<script src="file.js" type="text/javascript"></script>

然后在 file.js里面用document.write调用即可，比如
var c=''
c += '<p>hello</p>'
c += '<a href="somewhere">hint</a>'
document.write(c)

也不错，起码算个解决方法，有时比用服务器端脚本更合适一些。

动态web icon

2006-11-28T19:33:00.000+08:00

这个网站http://www.b2w.cz/,它的图标是个动态的图像，有点意思，怎么做的？我记得应该是个ico文件，怎么会是动态图像呢？看了它的源码，就很简单了

<link rel= "icon" href="/animated_favicon.gif" type="image/gif"  />

原来是这里支持type选项。

显示信息的编辑框

2006-10-08T20:16:00.000+08:00

经常在web上看到一些编辑框显示了一些提示性的信息，当点击之后就变为空以让你输入信息，这很实用(起码比tooltip直观一些)，也很容易实现:

<input type="text"  value="Search something" onfocus="this.value=''"  onblur="if (this.value=='') this.value='Search something'">

不过要小心，如果直接提交的话，value可不太对，所以这个经常用在搜索框里(一般人不会不编辑内容而直接搜索)

moo.fx

2006-10-07T21:56:00.000+08:00

moo.fx是一个超轻量级的js库，在网络上已经广泛使用，用于产生一些客户端效果，说他轻量级，是因为他只需要有三个文件：
prototype.lite.js - 3k
moo.fx.js - 3k
moo.fx.pack.js - 6k
prototype其实是另一个js库，moo.fx依赖于它，但prototype过于庞大，因此moo.fx提供了一个简化的实现，所以叫做 prototype.lite.js(当然直接使用原版的prototype也可以)，另外两个文件则是moo.fx的实现文件，moo.fx.js实现了基本的三个效果，moo.fx.pack.js实现了基于moo.fx.js的组合效果，因此如果不需要这些组合效果的话，甚至可以不需要moo.fx.pack.js，这样更加轻巧。

moo.fx实现的效果其实很简单，动态修改Html tag的width,height和transparent，但应用却非常广泛，比如一些滑动的菜单(slidebar)，一些渐入渐出(fade in, fade out)。而且实现起来很简单，如果只有一组或几组tag需要使用这些特效的话，只需要moo.fx.js和prototype.lite.js就可以了，但如果是多组的特效，最好再加上moo.fx.pack.js，它可以使用简单的语法来同时支持多组特效，下面几句话搞定：
<script type="text/javascript">
    var myToggler = document.getElementsByClassName("toggler");
    var myWork = document.getElementsByClassName("work");
    var myFX = new fx.Accordion(myToggler, myWork, {height:true, opacity:false, duration:400});
</script>

7月份的画

2006-09-26T20:32:00.000+08:00

这个是课下的版本，留此存根，以和将来的课上版比较一下。

耳

2006-09-22T21:54:00.000+08:00

这是第三次从Gmail发过来了，希望这次ok

写生几何体

2006-09-22T21:10:00.000+08:00

200606_1.jpg
Originally uploaded by wenshu.

忘了第几节课画的了，三节吧，第一节的立方体已经找不到了 :(

细节开始画头像了，开心

2006-09-16T21:54:00.000+08:00

不过目前还只是五官。。。

画

2004-10-24T21:11:00.000+08:00

ToolTip on Web

2004-05-13T20:56:00.000+08:00

在桌面应用程序中, 经常可以看到ToolTip(弹出的提示), 在Web中就不太好实现了, 对于图片, alt属性可以实现弹出的ToolTip, 而对于普通文本, 则需要通过DHTML来实现, 可以参考www.dyn-web.com, 这里的DHTML中有ToolTip的很Cool的源码.

PT-扫描图案上色

2004-02-04T20:02:00.000+08:00

这个是扫描图上色的练习，铅笔在纸上起的稿，可惜数码相机照出来太不干净了，铅笔的线稿很难和背景分开，很困难(可能用扫描仪会好一些)。结果图上留下很多间隙没有处理，幸好图够大，将它缩小后可以掩盖很多缺陷，不过细节也就少了很多。
这张图出自Wow! book, 草地用的Variable Oil Pastel笔刷, 天空是用PT6的带颜色变化(Color Variability)的Variable Flat Brushes(PT8中我没有找到这个刷子)。

PT－使用Paint Bucket

2004-02-03T19:55:00.000+08:00

Paint Bucket是PT中最简单的填色工具了，这是对照Painter Wow! Book的练习...(难看:))
这种方式非常简单，主要是颜色的选择。

PS处理数码照片-灰度

2004-01-31T19:53:00.000+08:00

灰度图像可以看成只有一个通道的图像，但不是从彩色图像里简单去掉颜色通道这么简单。PS中有多种将彩色图像转成灰度的方法，不同的方法可以得到不同的效果。
最简洁的方法是Image/Mode/Grayscale命令，将彩色图像转成灰度图像。但由于缺少对转换的控制，通常效果并不是太好。另一种类似的方法是在LAB模式下，选中L通道(亮度通道，实际就是灰度图像), 再选择Image/Mode/Grayscale命令就可以丢弃AB两个颜色通道而得到灰度图。
更好的方法是使用通道混合器(Image/Adjustments/Channel Mixer), 通道混合器允许控制各个通道对最终灰度图的贡献分量大小，因而提供了对生成的灰度图的更多控制，可以得到更多的转换效果，甚至可以使用Channel Mixer作为调整层(Adjustment Layer), 这样可以在不改变原有图象的基础上随时更改转换参数。
更高级的方法是图像计算(Image/Calculations)，可以提供基于通道的计算，计算所采用的方法和图层的融合模式相似，这样就可以得到很多复杂的运算结果，但由于不够直观，实际上我更喜欢使用上面说的通道混合器。

技巧：得到Ansel Adams风格的灰度风景照。
只需在Channel Mixer中调节R通道到160%, G通道到140%, B通道到-200%即可(注意160+140-200=100)。