Kaitouz's 未知数帝国

新的开始

kaitouz — Sat, 17 Apr 2010 17:50:31 +0800

一切重新来过，变成尼采所说的婴儿，我是谁，我将获得新生！

博客暂时停业，整顿重构中！预计消失~

随便写写，准备归零

kaitouz — Fri, 12 Mar 2010 23:14:40 +0800

距上次写博有大半个月了，没办法，没带电脑去学校，上网不太方便，那就暂时放任一下下~

这是本XP系统最后一次写博客了，要怪就怪那个坦克独立声卡，给我罢工了，集成声卡驱动打不上，没有声音没有音乐的日子有多苦，尼采曰：没有音乐的人生是错误的，所以决定明天重新装系统，归零中，迎接毕业设计的挑战~

最近这阵子很诡异，空间不太安宁，早上九点几乎打不开博客和主页，真不知道华夏在搞啥，整顿低俗也不是这样整顿的啊，到时候还是在国外做个备份安全些。

两个星期的课程设计弄完了，在大四毕业前夕给我们安排课程设计，在此衷心的鄙视一下学院，浪费我两个星期，毕业设计都还没开始弄，又要求在五一后弄完，时间很紧，只能把原先答应去上海的公司实习邀请给推掉了，上海的大哥们，对不住了。

最后得重点说说，管你谷歌还是Google，拜托你晚点跟GOV去闹啊，俺毕业设计还要靠你的Maps啊，想不通，千万别撞墙啊！要不学学某人也行，周围发生很多诡异的事，他也想不通，但他发现他自己在天朝，顿时豁然开朗起来啊！

老罗 – 彪悍的人生不需要解释

kaitouz — Thu, 25 Feb 2010 23:08:52 +0800

很久以前就闻老罗，罗永浩这名字到显得生疏，老罗语录、罗氏幽默，让我对这个前新东方自封的“神童”产生了种种好奇，而他总是提醒他的学生要记住影响他人生两句话：1.不怕苦，吃苦半辈子；怕吃苦，吃苦一辈子。2.真正的失败只有一种，那就是半途而废。

老罗的段子，以前就喜欢听听，有些十分经典。从这些段子里，也可以看得出老罗的内涵功底，有些话语有些狂妄，尤其是在当今这个神奇的社会里，但他自认为他很腼腆，时而有些激动罢了。

前天无意看电驴的订阅时，看到了老罗的励志演讲视频，赶紧下来瞧瞧，题目就很彪悍 –《我的奋斗史》，昨天激动的看了看，整个演讲也充满了老罗风格，充满了幽默，从他小时候刀光剑影的道路，到成年后五彩缤纷的生活，坎坷、困境一个接着一个来，他仍然坦然的去面对。

印象最深的是他那段学习英语的艰辛之路，为了到达吃苦的目的，自己去寻找那些艰苦的条件，以及早期在新东方那疯狂的情景，拿来跟自己相比，自己吃的苦太少了，对于我这个处在毕业之际，寻找工作的时段，则应要让自己去吃苦，要去寻找那种境界，体味人生百态，生存艰辛。

老罗也自己创业了，牛博也流亡海外了，但他依然活的很独立、活的很彪悍，不用让他去解释啥！提醒自己，独立思考，透过独立的观点看透事物的真相。

HTML/XHTML 语言结构重构总结[2]

kaitouz — Thu, 11 Feb 2010 00:31:47 +0800

接着上一篇，把<body>标签内一些常用的、特别的标签总结下，只考虑HTML 4.01/XHTML 1.0 ，其他的啥XHTML 1.1 不多考虑了。

1. <a>的target属性在XHTML 1.0 Strict 环境中弃用，但可通过目标模块在XHTML 1.1中使用，按WEB标准的化，采用 rel 属性和js代码实现同样效果。

2.<abbr>IE6不支持，鼠标放上面无任何提示：<abbr title="etcetera">etc.</abbr>用于缩写；可以考虑用<acronym>标签代替不支持的<abbr>标签：<acronym title="North Atlantic Threaty Organization">NATO</acronym>用于缩略语。

3. <address> 标签可定义一个地址（比如电子邮件地址）。应当使用它来定义地址、签名或者文档的作者身份，一般斜体显示。


<address>
<a href="mailto:test@test.com">测试邮箱</a>
    <p>未知数帝国</p>
    <p>2012咖啡馆</p>
<address>

4.<b> 标签呈现粗体文本效果。物理元素，建议用<strong>代替。

5.<big> 标签呈现大号字体效果<small>小号字体，推荐span + CSS代替。

6.<blockquote> 引用文本，cite属性，指示引用的来源URL；为通过strict XHTML验证，必须在<blockquote> 标签中内容添加块级元素，如：<p>。

7.<button>浏览器支持有差异，Internet Explorer 将提交 <button> 与 <button/> 之间的文本，而其他浏览器将提交value 属性的内容，请在 HTML 表单中使用 <input> 元素来创建按钮。

8.<code> 标签定义计算机代码文本，常与 <pre>标签搭配，控制保持代码中空格符、换行符。

9.<del> 包含的文本用删除线表示，常与 <ins> 标签配合使用，来描述文档中的更新和修正。cite属性说明删除理由的文档URL，datetime定义修改的日期时间。

10.<em> 包含文本定义为强调，一般显示为斜体，代替<i> 。

11.<form> 标签用于为用户输入创建 HTML 表单。<fieldset> 标签可将表单内的相关元素分组。<label> 标签为 input元素定义标注（标记）。<legend> 元素为 fieldset 元素定义标题（caption）。


<form action="http://just.test.com" method="get">
    <fieldset>
        <legend>Sex information</legend>
        <label for="male">Male</label>
        <input type="radio" name="sex" id="male" />
        <br/>
        <label for="female">Female</label>
        <input type="radio" name="sex" id="female" />
    </fieldset>
</form>

12.<input> 根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。checked规定此 input 元素首次加载时应当被选中。disabled当 input 元素加载时禁用此元素。maxlength规定输入字段中的字符的最大长度。name定义 input 元素的名称。 readonly规定输入字段为只读。

13.<iframe>标签，IE中，如果框架内的内容大小大于框架设置的大小，会有滚动条出现，少用 <iframe> 十分占CPU。

14.<pre> 被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。制表符（tab）在 <pre> 标签定义的块当中可以起到应有的作用，每个制表符占据 8 个字符的位置。但是我们不推荐使用它，因为在不同的浏览器中，Tab 的表现各不相同。

15.<q> 定义一个短引用，cite属性定义引用的出处或来源（citation）。Firefox、Chrome、Safari以及 Opera 符合这个规定，有引号引用文字，但是 IE6 IE7 却不支持此规定，无引号表示。

16.<select>+<optgroup>+<option> 下拉列表详解：select 元素中，disabled属性规定禁用该下拉列表；multiple属性规定可选择多个选项，包含此属性元素显示为一个滚动列表而不是下拉，不同操作系统中，选择多个选项的差异：对于 windows：按住 Ctrl 按钮来选择多个选项；对于 Mac：按住 command 按钮来选择多个选项；由于上述差异的存在，同时由于需要告知用户可以使用多项选择，对用户更友好的方式是使用复选框；size属性规定下拉列表中可见选项的数目；optgroup 元素用于组合选项。当您使用一个长的选项列表时，对相关的选项进行组合会使处理更加容易；option 元素位于 select 元素内部，selected属性规定选项（在首次显示在列表中时）表现为选中状态。

注：Chrome,Safari 中，size= 2~3，无效，仍以size=4表现。(还是俺家浏览器有问题？）


<select size="3" multiple="multiple">
    <option value ="volvo">Volvo</option>
    <option value ="saab">Saab</option>
    <option value="opel">Opel</option>
    <option value="audi">Audi</option>
</select>
<select>
    <optgroup label="Swedish Cars">
        <option value ="volvo">Volvo</option>
        <option selected="selected" value ="saab">Saab</option>
    </optgroup>
    <optgroup label="German Cars">
        <option value ="mercedes">Mercedes</option>
        <option value ="audi">Audi</option>
    </optgroup>
</select>

17.<sub> 标签可定义下标文本；<sup> 标签可定义上标文本。如果和 <a> 标签结合起来使用，就可以创建出很好的超链接脚注。

18.<table>+<caption>+<thead>+<tfoot>+<tbody>+<tr>+<th>+<td> 基本结构：table中样式由CSS代替，基本属性可不使用；th/td中colspan,rowspan定义单元格跨越的列数和行数。

19. <textarea>定义文本区中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier）。rows,cols属性为必须，控制大小，但也可用CSS控制，这2个属性可不写。

20.<var> 标签表示变量的名称，或者由用户提供的值。这个标签经常与 <code> 和 <pre> 标签一起使用，用来显示计算机编程代码范例及类似方面的特定元素，用 <var> 标签标记的文本通常显示为斜体。

HTML/XHTML 语言结构重构总结[1]

kaitouz — Sat, 06 Feb 2010 22:31:38 +0800

在HTML 5 还没完善以前，HTML/XHTML 仍然是WWW 的重要结构载体，对HTML/XHTML 的研究及总结就显得至关重要。本文根据WEB标准，按WEB 重构、前端开发需要，对其的语义结构、性能优化等各方面进行一次常规总结（不常用的暂不考虑）。

1.DOCTYPE

当今浏览器要正确解析HTML/XHTML 文档都必须要求文档提供正确的DOCTYPE，否则将会进入怪异模式（QuirksMode），易造成部分浏览器WEB的异常解析。

常用正规的DOCTYPE 有6种，HTML 4.01/XHTML 1.0 Strict、HTML 4.01/XHTML 1.0 Transitional、HTML 4.01/XHTML 1.0 Frameset。部分举例如下：

<!DOCTYPE html PUBLIC "-//W3C/DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

但如有优化压缩要求，可用 HTML 5 的DOCTYPE <!DOCTYPE html>，其能被目前常用的浏览器（IE6~8、FF、Opear、Safari…）识别，并对文档进行S 标准模式或 A 几乎标准模式解析，无异常。目前Taobao 主页即使用这种方式减少文档大小。

2.<html>标签

必需标签，但有国外某优化BT人的页面源码，去掉了<html> <head> <body>等必需标签，虽然运行正常但不推荐（页面源码结构混乱）。

常用完整写法如下：

lang 属性可用于网页或部分网页的语言。这对搜索引擎和浏览器是有帮助的。

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN">

优化简写如:<html>

3.文档编码设置

常用文档编码设置写法如下：

注：此<meta>标签需放在<head>标签内的第一个，否则极易导致IE 白屏。

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

简写如：<meta charset="utf-8" />，Taobao 那看的，有啥副作用暂时没发现 -_-!

4.CSS 引入使用

A.<link>标签引入，完整写法如下：

<link rel="stylesheet" href="header-c.css" type="text/css" media="screen" />

可简写，media 属性根据需要再设置（如：设置打印样式）

<link rel="stylesheet" href="header-c.css" />

B. import 方式引入样式，不推荐，改变了浏览器中css样式的载入顺序，不详细书写！

C.<style>内联样式

<style type="text/css" media="screen"> p { color:blue; } </style>

可优化简写为：

<style> p { color:blue; } </style>

5.JavaScript 引入使用

A.<script>外部文件引入：

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

可去掉默认的type属性，优化简写：<script src="swfobject.js"></script>

B.<script> 内嵌使用，同上，type默认属性可去除，除非需要明确指定JavaScript 运行版本：type=”text/javascript;version=1.8″

注：在 XHTML 中，内容类型声明为 (#PCDATA)，也就是说会对实体进行解析。这意味着，在 XHTML 中，应该编码所有特殊的字符，或者把所有内容嵌套在 CDATA 部分中。

<script> // <![CDATA[ alert("Hello World!"); // ]]> </script>

优化推荐：JavaScript 能放在文档尾部的尽量放在尾部，优先让页面主要结构进行解析渲染。

6.HEAD 头部其他常用杂项

A. 添加标题：<title>HTML/XHTML 头部标准测试</title>

B.添加favicon.ico：<link rel="shortcut icon" href="favicon.ico地址" type="image/x-icon" />

可简写为<link rel="icon" href="favicon.ico地址" /> ，其地址最好为绝对地址，且为16*16 256 色的ico。

C. <meta>标签使用，如添加页面关键字、重定向等：

关键字：<meta name="keywords" content="HTML XHTML" />

重定向：<meta http-equiv="Refresh" content="5;url=http://www.kaitouz.com" />

D.<base>标签，已过期，不推荐使用，但可设置基准地址、设置全局新页面处理：

基准地址：<base href="http://www.test.com.cn/i/" />

新窗口打开新页面：<base target="_blank" />

7.框架集

如使用框架集，则html中不需要添加<body>标签，使用<frameset>标签包含各框架：

基本结构如：

<frameset cols="20%,*"> <frame /> <frame /> </frameset>

对HTML/XHTML 基本结构总结暂时告一段落，下一篇将主要对<body>标签内主要元素进行总结，敬请期待！

[藏]失落的一角遇见大圆满

kaitouz — Fri, 05 Feb 2010 17:03:19 +0800

The Missing Piece Meets the Big O (by Shel Silverstein)

失落的一角遇见大圆满爱情的态度

一千个人眼里有一千个哈姆雷特。在我的眼里，这篇漫画讲的是如何对待爱情的态度问题。

在很多人眼里，爱情是一种互补。就像有个传说里面讲的那样，人是被神分成了两半然后扔下凡间。所以人们都在各自寻找那个自己心目中的那另一半，以为这样一来，两个人在一起就可以拼成一个“完美”的人。

漫画中的Missing Piece正是一直在不懈的寻觅着跟自己互补的那另外一块。结果是，有的太大，有的太小，有的太贪多，有的根本就不合适。直到一天，Missing Piece终于碰到了那个跟自己完全Match的一块，她以为这样一来他们就能够“永远幸福的生活在一起”了。

但是她没料想到的是，每个人都是在变化的。当初不论如何的门当户对，随着时间的流逝，如果一方在变化，而另一方没有，那么这种完美的Match就必将会被破坏。于是，终于有一天，Missing Piece发现自己已经变大没法再跟她的另一半融合了，于是他们的结果只有分手。

很偶然的一天，Missing Piece碰到了一个Big O。这个家伙儿很奇怪，因为他的身上哪儿都没少。他们开始聊天。Missing Piece问他，你需要我什么地方吗？但是Big O说，我不需要你。Missing Piece说，我喜欢你，我们应该是一块完整的才对。但是Big O说，可我并不缺少哪一块儿啊。Missing Piece很伤心，因为她以为她能跟他一起往前滚动的。Big O说，你为什么不自己试着往前滚动呢？Missing Piece没想到她自己一个人也能滚，但是她在Big O的鼓励下慢慢儿的艰难的往前滚起来。终于有一天，当她的棱角也被磨平以后，她也跟Big O一样成为完整的一个圆。于是他们一起幸福的往前滚动。

其实爱情正是如此。不论两个人觉得如何的如漆似胶，其实说白了谁离开了谁都能够好好的活下去。所以不要寄希望于对方来让自己变得完整，也不要去为对方设计一个完美的目标让对方实现。因为一旦你们两个人的目标不一致或者是变化的快慢不同，结果就会是你们将不再般配。

在我心目中，健康的爱情应该是两个人互相鼓励，但是又互相独立的一起前进。磨掉自己的棱角，改变自己的形状，最终实现自己的完整。这样一来，两个完整的O就能够一起，在时间的长轴上面，快乐的永远的滚动下去。

HTML/XHTML 多媒体嵌入应用总结

kaitouz — Tue, 02 Feb 2010 22:58:58 +0800

好好学习，天天总结！

多媒体让互联网充满惊喜，然而留给我们Web前端开发人员的则更多的是那些浏览器带给我们的“惊喜”。面对浏览器的各种历史遗留问题，在此总结 html 4.01/xhtml1.0（html 5 暂不测试）下多媒体页面嵌入方法及应用。

大多数浏览器主要通过<object>及<embed>标签完成多媒体的嵌入任务，主要包括：图片、网页、音频、视频及flash等多媒体的嵌入，其他一些个别浏览器专有组件的不在考虑范围之内。

总结主流方法（测试环境：WinXP + IE 6~8/Opera 10/FF 3.6/Chrome 4)：

1.嵌入图片

A.<img>标签嵌入：<img src="img/kaitouz.jpg" alt="test"/>

B.<object>标签嵌入： <object width="166px" height="166px" type="image/jpeg" data="img/kaitouz.jpg">

注：IE 6 7 <object>标签嵌入图片时，有默认的滚动条及边距。

2.嵌入网页

A.<object>标签嵌入：<object type="text/html" height="100%" width="100%" data="http://www.hao123.com">

注：IE浏览器的data属性URL需符合同源策略，不能跨域，只能填写主域下URL。

3. 嵌入音频

A.<object>标签嵌入：
<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"> <param name="FileName" value="test.wav" /> </object>

B.Firefox 可使用<embed>标签嵌入：
<embed name="mediaObjectId" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/" width="260" height="260" type="application/x-mplayer2" filename="test.wav" autostart="false" enablecontextmenu="1" clicktoplay="1" enablepositioncontrols="0" showcontrols="1" showstatusbar="0" showtracker="1" showdisplay="0"> </embed>

注：IE 7 IE 8对此方法支持不太好，各浏览器差异较大，推荐用flash播放器来嵌入音频。

4.嵌入视频

A.<object>标签嵌入：
<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"> <param name="FileName" value="test.wmv" /> </object>

B.Firefox 可使用<embed>标签嵌入：同音频嵌入方法。

注：IE 7 IE 8对此方法支持不太好，各浏览器差异较大，推荐用flash播放器来嵌入视频。

5.嵌入Flash

A.Adobe官方方法：
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="550" height="400" id="Untitled-1" align="middle"> <param name="allowScriptAccess" value="sameDomain" /> <param name="movie" value="test.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#ffffff" /> <embed src="test.swf" quality="high" bgcolor="#ffffff" width="550" height="400" name="mymovie" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /> </object>

B.仅使用<object>标签：
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="300" height="120"> <param name="movie" value="test.swf"><param name="quality" value="high"><param name="bgcolor" value="#FFFFFF">  <object data="test.swf" width="300" height="120" type="application/x-shockwave-flash"> <param name="quality" value="high"><param name="bgcolor" value="#FFFFFF"><param name="pluginurl" value="http://www.adobe.com/go/getflashplayer">FAIL (the browser should render some flash content, not this). </object>  </object>

C.swfobject方法嵌入（严重推荐）：
<script type="text/javascript" src="swfobject.js"> </script><div id="myContent"> This text is replaced by the Flash movie. </div><script type="text/javascript"> swfobject.embedSWF("test.swf", "myContent", "300", "120", "9.0.0", "expressInstall.swf"); </script>

C'est la vie

kaitouz — Wed, 27 Jan 2010 22:49:11 +0800

很久没回来写东西了，想写，却又不太愿写。呆在家里，虽然不用去考虑衣食问题，理应无忧无虑，但却依然感到无比的压力，想放却怎么也放不下，每天看着那些前端的书，写写Demo，等着那些招聘的回应，一天接着一天，睡眠质量也有些怪异，每天8小时仍觉得不够，但自己到觉得是时间的不够用，改变，每天听傅佩荣教授讲老子的讲座，感觉自己跟他们老人们比还真是小人一等，还得向他们好好学习，适当的时候学习，品味生活，尤其是在这浮躁的社会。Google reader整理了一遍，大牛的Blog们很精彩，自己也在考虑写不写技术类文章，但鉴于目前小菜一棵，还是来记录生活算了，到时候总结积累完了，开个新版专门写技术类文章。网络的生活占据了自己的大部分时间了，虽然自己不玩游戏，没有《网瘾之战》那群WOW fans的理想抱负，但要考虑适当的减少网络依赖了，兄弟们都到家了，该出门了！ -_-~ 脑子看样子很乱啊！

[藏]效率极低人群之七大习惯

kaitouz — Sun, 17 Jan 2010 11:13:33 +0800

效率极低人群之七大习惯与通常所列举的应该培养的有益习惯不同，本文在此举出的是我们最好避免的7种习惯。

By Henrik Edberg

就像寻找对你有益的习惯一样，寻找妨碍你的习惯同样重要。这7种习惯中大多数都可能会轻易成为你日常生活的一部分，使你难以察觉它的存在（或者它如何影响到你）。我曾经略微尝试了这些习惯，结果毫无疑问，那些重要的事情没有几个可以完成。同时我也要添加说明的是，这只是在生活中你可能形成的影响效率的主要的7个习惯，我很确定绝不仅仅是这些。

1、缺席。

也许你曾经听过伍迪·艾伦所说的这句话：
“百分之八十的成功来自于出席。”

更多的出席——这是在生活中你可以保证更多成功所做的最大也是最简单的事情之一，无论是在你的社交生活中，你的事业上还是你的健康方面。如果你想要改善你的健康状况，一个最重要也是最有效的事情就是在每次你该出席时出现在健身房里。

也许天气会不好，也许你会不想出门，也许你有一大堆其他必须要做的事情。但是，如果即使你在积极性不高时仍然继续出现在健身房里，那将比你呆在家里的沙发上放松要有效的多。

我想这个也可以推及到生活的其他领域。如果你每天都坚持写作或绘画，你就会快速的得到提高。如果你更多的出门你就可以遇到更多的新朋友。如果你参加更多的约会，你遇到心上人的机会就会大大提高。仅仅只是更多出席就会使你的生活大大不同。而缺席却会使你毫无收获。

2、拖拖拉拉。

为了简化，我将最喜欢的3种摆脱拖拉情况的方法列举如下：

-吞食青蛙。也就是说在一天的最开始就完成那些最艰难最重要的工作。早上良好的开始会让你一天都保持高昂的情绪和积极的动力。这通常会使你这一天都十分高效。

-你如何吃掉一头大象呢？不要打算一口吃成胖子，这会使你感到过多负担以至于产生拖延的念头。把一项工作分为若干可付诸于行动的小步骤，然后仅仅关注第一步直到把它完成，接下来再继续下一步。

-说服自己。我发现这种向导型调整十分有效。就在我花了20分钟躺在床上反复默念在这几天里我都十分高效之后，我就不再会陷入拖拉的情况或者浏览1至5个我喜爱的网站寻找更新信息的必要。

3、做一些无关紧要的事情。

除了拖拖拉拉以外，你最容易陷入的不良习惯之一就是忙于一些无关紧要的事情之中。

为了提高效率你也许需要某种时间管理方法。它可能会是一件极为简单的事情，比如在一天的开始使用80/20法则。80/20法则,也就是我们通常所熟悉的帕累托法则认为， 80%的收获源自20%的努力。所以为求高效你应该将你精力的大部分集中在那些极少数重要的事情上。

当使用这个法则时你只需按优先顺序写下这一天你需要做的3件最重要的事情，然后从头做起。即使你只能完成其中的一件事，你仍然完成了今天最重要的事情。也许你也会偏爱其他诸如GTD等方法。但是无论你如何组织工作，最关键的还是寻找那些最重要的工作，这样你就不必花费几天，几个星期甚至几个月的时间去忙于那些并不是很重要的事情。如果这些事情无关紧要，那么即使你快速的完成它们也是没有多大用处的。

4、多虑。

因为多虑而很少采取行动。陷于无穷的分析之中只会使你虚度光阴。行动之前加以思考是没有错的。做一些调查研究，制定一个计划，探究可能存在的积极以及不利因素。

但是强制性的反复思考就会成为另外一种浪费时间的做法了。在尝试之前你没有必要去从每一个角度检查每一件事情。而且你也不可以等到一个最完美的时间再去做事，因为这样的时间从来不会出现。如果你继续这样思考就只会使自己陷的越来越深，从而使采取行动变得越来越难。相反，虽然思考在一定程度上对你有所帮助，但你现在需要做的就只是停止思考，然后去做那些你应该做的事情。

5、凡事过于消极。

当你凡事都从消极方面考虑时，你的积极性就会被大大打击。你会发现到处都是问题和错误，而这些问题是本不存在的。你抓住细节不放。如果你想要寻找一个不做某事的理由，这当然没有问题。而当你从一个消极角度看问题时，每次你都可能找出十个借口。

因此你几乎一事无成。你向任何愿意倾听的人诉苦（也许很多人并不想听），抱怨你的工作，生活和领导有多么的差劲。你的生活取决于你如何看待这个世界，这已经成为一个能够自我实现的预测。

对此的一个解决方法就是了解消极方面的限度，认识到你的消极思考并不是这个世界的真实写照。然后不妨尝试一些其他的角度。举例来说，你可以尝试着培养一下凡事从更为积极和乐观的角度思考的习惯，这会对你大有帮助。通过这种方式，你也许就会开始尝试这种积极性的挑战。这并不容易，然而如果你接受了这种挑战，连续7天都只从积极方面思考，你就会突然意识到你看问题的角度和想法是如此深刻地影响着你对世界的理解和你所得到的成果。

6、固执己见，与世隔绝。

人们很难去承认自己的想法不是最佳选择，因此你越来越执着于自己的想法，变得闭目塞听。这会让你很难取得进步，比如说效率就会很难提高。在这种情况下，即使认真思考改变人生的可能性都会变得很难。

显然，解决方法之一就是打开心胸。开阔视野，从他人和自己的错误中汲取教训，从书籍等资源中获取知识。与任何事一样，这事说起来容易做起来难。正如前面所说，对此我的建议就是认识到你的知识领域毕竟是有限的，而你做事的方式也会存在不足。那么不妨就尝试一下新事物吧。

而我的另一条建议就是，阅读一下埃克哈特·托利的《新天地》，特别是有关Ego的章节。正如托利所建议的，如果你不再像Ego那样思考，你就会更加容易接受新思想，抛弃那些已经无用的旧思想。另外我想要补充说明的就是：不要迷信书本，也不要盲目追求新的信息，否则你就会成为一个沉迷于自我帮助的人。在行动中运用那些新信息和你学到的事情，然后加以尝试。

7、持续信息过剩。

信息过剩并不是说你过多的阅读，我所指的是所有输入信息的过剩。如果你让所有的信息都涌进大脑，这当然会导致难于清晰思考，因为刺激源太多了。以下就是这种习惯可能会存在的弊端：

-你所接受的一些信息也许会是消极的。媒体和周围环境会因种种原因提供一种消极的信息。如果你没有根据需要对信息加以选择，也许你就会陷入消极之中，从而影响到你的所思，所感，所为。

-这会使你急于追赶当今发生的事情，然而每时每刻都有十几件事同时发生，想要追赶上它们几乎是不可能的事情。你的生活会因此充满压力。

-如果你持续被信息轰炸，并且还试图将所有信息分类，那么你将很难做出决定并采取行动。就我个人而言，如果我得到过多的信息，就会造成某种形式上的瘫痪，一事无成。或者你会被这种习惯所困，终日急于忙碌在一些非重要的事情上。

为了可以集中精力，清晰思考并付诸行动，你就需要在吸取信息时更有选择性。当你工作时尽可能的避免那些分散注意力的事物。关掉电话，断开网络，关上大门。你就会不可思议的发现，当你没有每隔五分钟就被打扰一次，没有机会因浏览RSS-feeds或喜爱的网站而拖延时，居然可以完成这么多的事情。

现在并不是说我建议你们停止阅读所有的博客或报纸。但是一定要清楚哪些是你真正想要阅读的，哪些只是用来打发时间的。同时你也可以查看其他开阔性信息的领域。

比如说，你没有必要陷入所有来自周围环境的消极情绪。如果周围的所有人都在拖延或者焦急的忙于各种非重要的事情时，你会很容易被这种情绪所影响。如果你有一扇心灵之门，关上它而去关注更为重要的事情，这会是个不错的主意。

The Way to Change the World

kaitouz — Wed, 13 Jan 2010 10:57:30 +0800

昨晚休闲一把，又把工业纪录片《Objectified》看了一遍，聆听那些设计大师们的设计哲学，寻找设计的真理，让小人我内心中充满了无比的崇拜，以及对未来设计的憧憬。

片中的设计师们都认同，如今我们设计已经脱离实体，数字化的热潮使的设计虚拟化、概念化，更加关注从用户角度去设计。设计是为了制造大众化的工具，而不是制造艺术品，要改善人们的生活，要为那些不方便的人去设计，而不考虑正常的“标准人”，要去寻找那个极限，因为一旦我们确定了极限在哪里，那么中间的部分就迎刃而解了。

引入Apple的那个偏执狂设计师对设计的诠释：设计，从许多方面来说并不是设计一个具体的东西，而是在重塑制作流程，通过去除那些干扰注意力的东西，了解产品每部分的层次关系十分重要，清楚哪些是重要的，哪些是不重要的。比如，一个指示灯在提示信息的时候是有用的，但在它不需要提示信息的时候，就应该消失，只是为了让它更低调，更不明显。

在这里不得不再次回顾一下德国国宝级工业设计师 Dieter Rams的设计十大律：
1.Good design should be innovative.
好的设计应该是创新的。
2.Good design should make a produc useful.
好的设计应该令产品实用。
3.Good design is aesthetic design.
好的设计是美的设计。
4.Good design will make a product understandable.
好的设计令产品易与理解。
5.Good design is honest.
好的设计是诚实的。
6.Good design is unobtrusive.
好的设计是不显眼的。
7.Good design is long-lived.
好的设计是耐用的。
8.Good design is consistent in every detail.
好的设计贯穿于每个细节。
9.Good design is environmentally friendly.
好的设计是环保的。
10.Good Design is as little design as possible.
好设计是极简的。

当我们设计时，仍然要面对设计最大的问题，也是我们最想寻找的东西，那就是我们正在做的是否真的起到了效果，带来了变化。设计师们的梦想是改变这个世界，因为这个世界充满了不和谐的、不完美的，大家都在不停的寻找改变这个世界的方法，让其完美的真理。作为一个非设计专业的计算机应届生，对设计十分喜爱，尤其对计算机的交互设计充满愿景，自己也决定朝这方面发展，走WEB前端的道路，努力提高WEB前端的制作设计工艺，提高交互设计的可行性，关注UED，实现自己的价值的同时为企业带来更大的价值。

如今人机交互设计越来越受到重视，人跟计算机之间开始充满情感、充满行为。“设计融入行为，行为指引设计”将会成为人机交互的信条，优秀的人机交互的取决于两个方面的条件，一个是优秀的以用户为中心的设计，还有一个就是高可行性的制作工艺。说到这又让我想起我的偶像 — 约翰·卡马克和同样神一样的约翰·罗梅洛，这2个传奇人物可以说是这两个条件的最佳诠释，卡马克代表了技术、制作工艺，罗梅洛代表了令人惊奇的关卡设计，这两个人的结合带来了ID Software 的顶峰时期，给大家带来了无法用语言形容的游戏，可以说，他们改变了这个世界。

有了偶像的影响，自己也越清楚自己想干什么，面对如今神奇的互联网，网页成了人与互联网，互联网与人的交互工具，自己将努力精通WEB前端的制作技术，提高WEB的制作工艺，然后，用对制作工艺的理解，来设计优秀的交互设计，像Eames一样，利用材料的属性、制造的工艺水平，设计出一件件被人们喜爱的产品，最后才能去改变世界。