用户界面和用户体验的差别
用户界面设计
用户界面设计
用户体验设计
用户体验设计在便池上放一个假苍蝇会导致男人撒尿的时候会不由自主地瞄准它，有证据表明，这样的用户体验可以减少80%的小便溅出便池。
主流文本编辑器学习曲线
下图是几个经典的文本编辑器的学习曲线，不排除其中有调侃和幽默的味道。
主流编辑器学习曲线图
注1：Pico(PIne COmposer)是Unix操作系统中最常见的三种文字处理软件之一，具有文字编辑、搜索、拼写检查、文件浏览和段对齐功能，适合高效地编辑短小的文件。Pico是由华盛顿大学开发的免费软件，随着pine电子邮件处理软件发布。它是在Emacs的基础上以pine的邮件编辑为目标而开发的，所以其指令集是Emacs的子集，但是由于在界面上有提示快捷键，相对于vi和Emacs来说更加容易使用。由于Pico虽然是免费软件，但是它并不是开源软件，所以很多Linux版本并不包含Pico。这些版本通常提供一个界面类似的开源软件nano——Pico的克隆版。
注2：图中的纵横坐标没有标明。我所理解的是——X轴是熟练程度，Y轴是技能。于是对于notepad 来说，技能和熟练程度呈正比。对于VS来说，熟练程度越大，所需要技能先是越来越多，而随着熟练程度的增长，你需要的技能也越少。而对于VI来说，一开始就需要相当大的技能，但一旦掌握这些技能，则你将会越来越熟练。而对于e ...
Kick Ass小游戏
还记得以前那个在IE的已打开的网页上的网址里输入一段javascript的代码后，你会发现这个页面里所有的图片元素都动了起来：（只能在IE浏览器里，Chrome和Firefox无效）
javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.images; DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position=’absolute’; DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5}R++}setInterval(‘A()’,5); void(0);
很类似一个叫Erik Rothoff Andersson的人又搞了Kick Ass的游戏，代码如下：（用了一个js文件，所以就显得没有那么复杂了，但只能在Chrome和F ...
编程时间分配图
下面是一个程序员coding的时间分配图，原图在这里。
编程时间分配图
思考会是一个很重要的过程，当然耽搁拖沓也有可能也是因为没有想好，抽烟/喝咖啡应该也是一种思考，吃点东西是为了让脑子转得更快一点，上网搜索一下灵感可以借鉴一下其它人的想法，抱怨写注释只是一个例子，更多的应该是抱怨加班或是公司的老板。
如果需要加上点什么的话，我觉得应该加点“重构”，“编译”，“调试”，当然，他们都可以算在coding里。不过，我觉得更应该还有：“开会”，“争吵/解释”，“打断”，这些比重也是很大的。
所以，下面是我个人认为比较实际的版本：
编程时间图（酷壳版）
你的编程时间分配图是怎么样的？
Did You Know?
下面这个短片可能Too Old了，不过我今天才看到，很不错，转到这里，让更多的人都能看到。
这是个信息爆炸飞速发展的年代，逆水行舟，不进则退。在这一组组的数据中让我们这班新生代年轻人反思自身所要背负和面对的压力和挑战！极有深度的短片，整理出来的数据实在是叫人震惊，生活在这个科技高速发展的时代既是种荣幸，又很有压力，对“学校里教得知识很多就是过时的”深有体会！！
Did You Know? 3.0版
Did You Know? 4.0版
微软最囧的UI
以前，本站介绍过一些Ugly的UI，今天我们来看看微软Windows里的“画笔”程序，看看微软的某个功能干了什么样的囧事。
我打开了一个比较大的图片，有点太大了，我想缩小一下看看，很好，微软在菜单项里供了Zoom选项，其中有一个Custom（自定义），挺不错的。
但是，当我看到这个自定义的对话框后，我彻底无语了，大哥你是怎么想的啊……
浏览器正则表达式检查插件
以前本站介绍过一个在线的《正则表达式生成器》，下面是两个在浏览器中检查正则表达式的插件，Firefox的和Chrome的，希望对你有用。
1）Firefox：Regular Expressions Tester
Firefox正规则表达式检查插件Regular Expressions Tester
2）Chrome：Regular Expression Checker
Chrome正规则表达式检查插件Regular Expression Checker
五个方法成为更好的程序员
对我来说，一个好的程序员应该是努力去追求尽可能无错的高质量的符合需求的代码实现。 一些人也许认为好的程序员是那些懂得多门编程语言，懂得很牛技术的程序员，是的，这在某些情况下是对的。但归根到底，无论你用什么样的技术，什么样的语言，所有的程序被写出来，其功能都要符合需求以及尽可能地健壮无错和高质量。 我们可以想像一下，如果一个能力普通的程序员有足够多的时间来做测试，那么，其也可以保证他的代码的质量。所以，有一种观点这样认为——要达到质量高的代码只需要有足够多的时间来做测试。这对于以结果为导向的商业软件开发中是可以理解的（我们可以看到那些制汽车的产商在汽车测试上花费的精力和时间就可以明白这一道理）。
但是，很明显，所有的已经开发出来项目都是在不完美的条件下开发出来的，一般来说，几乎所有的项目都是在最大化程序员软件的开发速度。而且，很多情况下，我们似乎对深度测试和压力测试并不是很关心，所以，我们总是在祈祷并期望那些赶工出来的代码可以正常工作，尤其是在上线的时候，这种唯心主义的价值观更为强烈。 其实，开发速度和软件产品质量并不矛盾。好的程序员并一定是技术强的程 ...
StackOverflow的404错误页
不知道大家有没有注意到StakeOverflow的404错误页面？其显示了下面的这个图片：
这个是一个很有意思的图片，不知道你看懂了吗？看上去像Python，又像 Ruby，还像 Perl，当然也有 C的影子，还有Brainfuck。是的，这是一个杂交程序，杂交了Python，Ruby，Perl，C，还有Brainfuck（注意其中的#号），所有的语句都是输出“404”字符串。
关于这种杂交程序，本站以前也发布过《C语言和sh脚本的杂交代码》，大家可以前往一看。这样的有趣的玩法叫“Polyglot”，也就是说，把N种语言写在一个文件中，然后，该文件在任何编译器下都可以运行，上述的那段代码在Python，Ruby，Perl，Brainfuck下都可以正常运行，也可以被C和的编译器编译通过，并被运行。
下面是这个图片的字符码，以供各位试试。
# define v putchar
# define print(x) main(){v(4+v(v(52)-4));return 0;}/*
#>+++++++4+[>++++++<-]&g ...
面试题：布尔变量
下面这篇文章是从StackOverflow来的。LZ面试的时候遇到了一道面试题：“如果有三个Bool型变量，请写出一程序得知其中有2个以上变量的值是true”，于是LZ做了下面的这样的程序：
boolean atLeastTwo(boolean a, boolean b, boolean c) {
if ((a && b) || (b && c) || (a && c)) {
return true;
} else {
return false;
}
}
面试官接着问到，请对你的这个程序改进一下，但LZ不知道怎么改进，于是上StackOverflow上问了一下，下面是StackOverflow上的众网友的回答。再往下看的时候，希望你自己能先想一想怎么改进。
有人说，如果你有下面这样的代码？
if (someExpression) {
return true;
} els ...
伦敦地铁实时图
下面这个网站是关于伦敦地铁实时的运行图：http://traintimes.org.uk:81/map/tube/
这是个很有意思的网站，其数据是通过伦敦政府发布的TfL API获得的，然后再加上Google Maps的API，于是就有了这样的一个页面。很不错哦。
伦敦地铁实时图
从这个事情，我们可以得到，英国的信息化的发达，首先地铁部门有实时监控的数据，然后以Web API的方式发布，从这点看来，我国的信息化水平还很差。主要是钱都投到G/F/W上去了。
说服他人的5种技巧 – Guy Kawasaki
硅谷传奇创业者+精神领袖 Guy Kawasaki最近写了一篇新文章总结了以下5种说服他人的技巧。希望对大家对付老外有帮助。摘要如下：
先给予，后索取 (Be the first to give )。研究表明，我们容易被给我们帮过忙的人说服：有些服务员给我们结账的时候带来口香糖，我们一般给他们的小费多些。工作中我们更倾向于给帮助过我们的人更多支持…
不要给对方太多选择 (don’t offer too many choices)：不论是给用户选择，还是给员工的奖励机制，太多的选择经常会给人带来挫折感…
不要以自我为中心辩护(argue against self-interest)。在说服别人的过程中，信任是最关键的。有时候在大力鼓吹之前承认自己方面的一些小不足可以提高信任感…
失去比得到更有说服力 (losses are more persuasive than gains)。告诉对方如果不接受你的意见或者不买的你的产品会失去什么，要比只是说明他们会得到什么要更能说服人…
让对方觉得自己已经取得了一定进步 (make people feel as if they’ve a ...
Google吃豆游戏Logo的源码
这两天，Google的logo换成了那个经典的吃豆游戏，很强大，也引发了大众的热议。如果你想要其源代码的话，你可以到这里下载：http://github.com/macek/google_pacman。而在线演示在这里：http://macek.github.com/google_pacman/。
Google 吃豆游戏 Logo
需要注意的是，那个源程序在你的本机是不会有声音的，因为这跟flash的设置有关系，如果你需要有游戏声音，你还需要有以下的设置：
1. 打开 Adobe Flash Control Panel:
http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager04.html
2. 点击 Edit Locations
3. 点击 Add Location
4. 浏览你的 google_pacman 目录
5. 点击 Add
需要注意的是，这个源程序并不是Google官方发布的，只不过是某些好事者的网友发布的， ...
Twitter的禁用口令
打开Twitter的注册页面，https://twitter.com/signup，查看一下源码，你会看到一个很长的禁用口令列表（见本文最下面），其中的某些口令的确很雷人。你可以参看本站的《如何管理并设计你的口令》来设计和管理你的口令。其中的某些口令需要向你解释一下：
ncc1701 这是星际迷航中的战舰号。
thx1138 这是乔治卢卡斯的第一个电影，1971年，其学生时代的作品。
qazwsx 这是键盘的布局顺序键。
666666 这是6个6
7777777 这是7个7
ou812 这是1988范 海伦Van Halen 专辑
8675309 这是 1982 Tommy Tutone song歌中提到的数字。这首歌导致人们开始播打电话867- 5309 寻找 “Jenny”
经过统计，9个人里就有1个人会使用下面这个列表中的一个口令，而50个人就会有1个人使用top 20里的一个口令。你可能会问，top20是怎么来的？而twitter这个列表又是哪里来的？请看下面的表格。这是top 500最烂的口令列表。其来源是这里。
NO
Top 1 ...
Emacs配色在线生成器
http://alexpogosyan.com/color-theme-creator/
点击“Generate config file”，你可以看到生成的Emacs配色配置。
如何修改微软人体工学键盘的Zoom键
如果你不是订阅本站的用户，你很肯能可能是通过搜索引擎的魔力来到本文的。
微软的软件产品咱们暂且不谈，他们生产的键盘鼠标确实很不错。例如，经典的 microsoft natural ergonomic keyboard 4000 （见图）。著名Google工程师博主Matt Cutts用的就是这个（参考链接）。
可是每个入手该键盘的geek都会觉得，这个弱智的设计师把zoom键放在中间干嘛，应该用来当上下滚轮嘛。
无独有偶，该问题已经被先辈们解决，笔者只搜到了英文文章
为了让中文读者方便找到并使用，暂且将关键步骤翻译如下：
下载微软键盘驱动 http://www.microsoft.com/hardware/download/download.aspx?category=MK
找到command.xml文件，应该是在 C:\Program Files\Microsoft IntelliType Pro\
编辑command.xml文件（建议之前备份），替换所有 <C319 Type=”6″ Activator=”ZoomIn” /> 为<C319 Type= ...
google的免费dns服务器
google推出了自己的免费dns服务器，以供公众使用。服务器地址是：
dns1: 8.8.8.8
dns2: 8.8.4.4
我在我的机器上测试了一下：
$ host -a g.cn 8.8.8.8
Trying “g.cn”
Using domain server:
Name: 8.8.8.8
Address: 8.8.8.8#53
Aliases:
;; ->>HEADER<<- opcode: QUERY, status: NOERROR, id: 33253
;; flags: qr rd ra; QUERY: 1, ANSWER: 11, AUTHORITY: 0, ADDITIONAL: 0
;; QUESTION SECTION:
;g.cn. IN ANY
;; ANSWER SECTION:
g.cn. 300 IN A 72.14.203.160
g.cn. 259200 IN NS ns3.google.com.
g.cn. 10800 IN MX 10 ...
推荐几个镜像站点
搜狐的：http://mirrors.sohu.com
网易的：http://mirrors.163.com
上海交通大学FTP：http://202.38.97.230
如果你是教育网的用户，上海交通大学FTP访问速度非常的快。
:)
UI的恶梦
UI可能是编程中最令人头痛的事了。设计UI通常对于程序员来说是一件很痛苦的事情。下面，让我们来看一看一些可怕的UI设计吧，前面几个UI都是出于咱们程序员自己之手，把他们放在这里，希望能引起大家的注意。（国内软件的UI嘛的我就不说了，省得得罪人）下面这个例子不知道你是否让你似曾相识，呵呵，记得我上大学时，用delphi，PB经常开发这样的界面，当时觉得自己特牛！现在看上去嘛，简直就是一个垃圾。（关于UI设计，你可以查看本站的《35个强大的UI设计教程》）
首先，我们先来看一个叫wGetGUI的小工具软件，这是一个100%由程序员设计的UI，如下所示：
看到这样的界面，你会觉得怎么样？“高科技”还是“头晕”？相比起命令行的那个wget，真不知道这个图形界面的工具是怎么被设计出来。哎。这里是这个工具的网页：http://www.jensroesner.de/wgetgui/，网页上还有几张图，也是一样的。
不过，比起下面这个来，wGetGUI算不上什么了。下面这个软件叫做：FileMatrix，这个界面是前所未有的经典，那叫一个相当强大啊。估计可以节省很多对话框和tab页了，把软件的 ...
Coderun.com 在线开发IDE
相信大家都还记得我以前向大家推荐的《在线代码编译服务Codepad.org》吧。这回的这个更猛——在线的代码开发的IDE，可以编译，执行，调试。不过，主要针对Web方面的，主要是C#，ASP.NET，Javascript(JQuery)和PHP，很强大哦。那句话是怎么说来的——“如果一个软件可以用Javascript来写，那么这个软件的最终版本会是Javascript”。这个在线的IDE是：
http://www.coderun.com/ide/
有朋友在留言中说，这个项目可能不实用，没什么意思，而我想说，Google的Chrome OS项目可能非常喜欢这个东西。顺便说一下，这个Online的IDE是开源的，源码在这里：http://coderun.codeplex.com/。
