<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	>

<channel>
	<title>╭╰Original　Colors╯╮ - 认真工作</title>
	<atom:link href="http://www.originalcolors.cn/work/feed" rel="self" type="application/rss+xml" />
	<link>http://www.originalcolors.cn/work</link>
	<description>show the colorsssssss in my WORK</description>
	<pubDate>Tue, 02 Mar 2010 02:22:24 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.7</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>来来来，大家都来写CSS HACK吧~ IE5/6/7/8 + FF1/2/3 + Safari + Chrome + Opera</title>
		<link>http://www.originalcolors.cn/work/css-hacks.html</link>
		<comments>http://www.originalcolors.cn/work/css-hacks.html#comments</comments>
		<pubDate>Tue, 02 Mar 2010 02:15:03 +0000</pubDate>
		<dc:creator>ponytail</dc:creator>
		
		<category><![CDATA[┨Stuuuuuuuudy]]></category>

		<category><![CDATA[Chrome]]></category>

		<category><![CDATA[CSS Hack]]></category>

		<category><![CDATA[FF]]></category>

		<category><![CDATA[IE]]></category>

		<category><![CDATA[opera]]></category>

		<category><![CDATA[safari]]></category>

		<guid isPermaLink="false">http://www.originalcolors.cn/work/?p=591</guid>
		<description><![CDATA[到处看来，记录整理一下，现在用着以后肯定也要一直用。。。
normal
.sampleCss {
height:10px;
}
FF &#38; IE8/7/6
.sampleCss {
height: 10px;
height: 10px;/9
*height: 10px;
_height:10px;
}

Firefox 2及以前版本
body:empty .selector {
height:10px;
} 或
#selector[id=SELECTOR] {
height:10px;
} 或
html&#62;/**/body .selector, x:-moz-any-link {
height:10px;
}
Firefox 3
html&#62;/**/body .sampleCss, x:-moz-any-link, x:default {
height:10px;
} 或
@-moz-document url-prefix(){
.sampleCss{height:10px;}
}
Safari3
body:nth-of-type(1) .sampleCss {
height:10px;
} 或
@media screen and (-webkit-min-device-pixel-ratio:0){
.sampleCss{height:10px;}
}
Chrome
body:nth-of-type(1) .sampleCss {
height:10px;
}
Opera
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
head~body .sampleCss{ height:10px;}
}
补充：
@media all and (min-width:0) {
.class{
background-color:#FF00FF; /*Opera和Safari */
html* .class{
background-color:# 808080; /*Saafari*/
}
}
}

	标签：Chrome, CSS Hack, FF, IE, opera, safari

	相关日志
	
	今天你KILL IE6了没？~ 【STOP/SAY NO TO/NO MORE/KILL/THE DAMED/I HATE/CRASH IE6】十一法全攻略！ (6)
	【转载】Web技术要发展，IE6必须被消灭！ (1)
	来体验一下Chrome Experiments，玩玩JS效果吧~ (0)


]]></description>
			<content:encoded><![CDATA[<p>到处看来，记录整理一下，现在用着以后肯定也要一直用。。。</p>
<p><strong>normal</strong><br/>
.sampleCss {<br/>
height:10px;<br/>
}</p>
<p><strong>FF &amp; IE8/7/6</strong><br/>
.sampleCss {<br/>
height: 10px;<br/>
height: 10px;/9<br/>
*height: 10px;<br/>
_height:10px;<br/>
}<br/>
<span id="more-591" ></span><br/>
<strong>Firefox 2及以前版本</strong><br/>
body:empty .selector {<br/>
height:10px;<br/>
} 或<br/>
#selector[id=SELECTOR] {<br/>
height:10px;<br/>
} 或<br/>
html&gt;/**/body .selector, x:-moz-any-link {<br/>
height:10px;<br/>
}</p>
<p><strong>Firefox 3</strong><br/>
html&gt;/**/body .sampleCss, x:-moz-any-link, x:default {<br/>
height:10px;<br/>
} 或<br/>
@-moz-document url-prefix(){<br/>
.sampleCss{height:10px;}<br/>
}</p>
<p><strong>Safari3</strong><br/>
body:nth-of-type(1) .sampleCss {<br/>
height:10px;<br/>
} 或<br/>
@media screen and (-webkit-min-device-pixel-ratio:0){<br/>
.sampleCss{height:10px;}<br/>
}</p>
<p><strong>Chrome</strong><br/>
body:nth-of-type(1) .sampleCss {<br/>
height:10px;<br/>
}</p>
<p><strong>Opera</strong><br/>
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){<br/>
head~body .sampleCss{ height:10px;}<br/>
}</p>
<p>补充：<br/>
@media all and (min-width:0) {<br/>
.class{<br/>
background-color:#FF00FF; /*Opera和Safari */<br/>
html* .class{<br/>
background-color:# 808080; /*Saafari*/<br/>
}<br/>
}<br/>
}</p>

	标签：<a href="http://www.originalcolors.cn/work/tag/chrome" title="Chrome" rel="tag nofollow">Chrome</a>, <a href="http://www.originalcolors.cn/work/tag/css-hack" title="CSS Hack" rel="tag nofollow">CSS Hack</a>, <a href="http://www.originalcolors.cn/work/tag/ff" title="FF" rel="tag nofollow">FF</a>, <a href="http://www.originalcolors.cn/work/tag/ie" title="IE" rel="tag nofollow">IE</a>, <a href="http://www.originalcolors.cn/work/tag/opera" title="opera" rel="tag nofollow">opera</a>, <a href="http://www.originalcolors.cn/work/tag/safari" title="safari" rel="tag nofollow">safari</a><br />

	<br /><h4>相关日志</h4>
	<ul class="st-related-posts">
	<li><a href="http://www.originalcolors.cn/work/kill-ie6.html" title="今天你KILL IE6了没？~ 【STOP/SAY NO TO/NO MORE/KILL/THE DAMED/I HATE/CRASH IE6】十一法全攻略！ (2009-06-03)">今天你KILL IE6了没？~ 【STOP/SAY NO TO/NO MORE/KILL/THE DAMED/I HATE/CRASH IE6】十一法全攻略！</a> (6)</li>
	<li><a href="http://www.originalcolors.cn/work/kill-ie6-2.html" title="【转载】Web技术要发展，IE6必须被消灭！ (2009-07-21)">【转载】Web技术要发展，IE6必须被消灭！</a> (1)</li>
	<li><a href="http://www.originalcolors.cn/work/chrome-experiments-javascript.html" title="来体验一下Chrome Experiments，玩玩JS效果吧~ (2009-03-19)">来体验一下Chrome Experiments，玩玩JS效果吧~</a> (0)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.originalcolors.cn/work/css-hacks.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>Dean Edwards IE8/IE9.JS，继续对付可恶的IE6。。。</title>
		<link>http://www.originalcolors.cn/work/dean-edwards-ie8-ie9-js.html</link>
		<comments>http://www.originalcolors.cn/work/dean-edwards-ie8-ie9-js.html#comments</comments>
		<pubDate>Wed, 24 Feb 2010 02:01:25 +0000</pubDate>
		<dc:creator>ponytail</dc:creator>
		
		<category><![CDATA[┨Noooooooo IE6]]></category>

		<category><![CDATA[┨Stuuuuuuuudy]]></category>

		<category><![CDATA[Dean Edwards]]></category>

		<category><![CDATA[IE6]]></category>

		<category><![CDATA[IE7]]></category>

		<category><![CDATA[IE8]]></category>

		<category><![CDATA[ie9]]></category>

		<category><![CDATA[兼容]]></category>

		<guid isPermaLink="false">http://www.originalcolors.cn/work/?p=587</guid>
		<description><![CDATA[前面写过一篇文章，Dean Edwards的IE7 library，好了，不用再给IE6写头痛的HACK了，真的是挺好用滴，后来我自己写页面的模型也都是加上这个东东，不过如果再加上其他一些js插件的话，有碰到出现冲突的情况，所以，恩，只能碰到再解决了呢。。。
这两天要写iPad上的页面，终于可以看看CSS3去了呢，终于可以不用管IE6了呢，哭~~ 不过乱晃时候发现有更新，就先记录一下，过完这阵以后肯定要用的。
IE7.js更新到了version 2.1 beta2， 新增了关于IE9的兼容，看过去基本的CSS选择器和伪元素都能使用到差不多，强大啊~

&#60;!--&#91;if lt IE 9&#93;&#62;
&#60;mce:script src=&#34;http://ie7-js.googlecode.com/svn/version/2.1(beta2)/IE9.js&#34; mce_src=&#34;http://ie7-js.googlecode.com/svn/version/2.1(beta2)/IE9.js&#34;&#62;&#60;/mce:script&#62;
&#60;!&#91;endif&#93;--&#62;

以后我就靠上面这句活啦！~
时隔一个半月的更新！~ 自己撒下花~~

	标签：Dean Edwards, IE6, IE7, IE8, ie9, 兼容

	相关日志
	
	今天你KILL IE6了没？~ 【STOP/SAY NO TO/NO MORE/KILL/THE DAMED/I HATE/CRASH IE6】十一法全攻略！ (6)
	【转载】Web技术要发展，IE6必须被消灭！ (1)
	含泪推荐 IETester 用作IE兼容性测试（5.5/6/7/8Beta2四个版本） (2)
	CSS选择器之浏览器支持汇总，IE8/FF 3.5 beta/Safari 4 Beta/iPhone包括 (1)
	使用CSS Expression解决某些浏览器兼容问题 (1)


]]></description>
			<content:encoded><![CDATA[<p>前面写过一篇文章，<a title="Permanent Link to Dean Edwards的IE7 library，好了，不用再给IE6写头痛的HACK了"  rel="bookmark"  href="../dean-edwards-ie7-library-no-ie6-hack.html" >Dean Edwards的IE7 library，好了，不用再给IE6写头痛的HACK了</a>，真的是挺好用滴，后来我自己写页面的模型也都是加上这个东东，不过如果再加上其他一些js插件的话，有碰到出现冲突的情况，所以，恩，只能碰到再解决了呢。。。</p>
<p>这两天要写iPad上的页面，终于可以看看CSS3去了呢，终于可以不用管IE6了呢，哭~~ 不过乱晃时候发现有更新，就先记录一下，过完这阵以后肯定要用的。</p>
<p><a href="http://ie7-js.googlecode.com/svn/test/index.html"  target="_blank"  class="external" >IE7.js更新到了version 2.1 beta2</a>， 新增了关于IE9的兼容，看过去基本的CSS选择器和伪元素都能使用到差不多，强大啊~</p>

<div class="wp_syntax" ><div class="code" ><pre class="javascript"  style="font-family:monospace;" ><span style="color: #339933;" >&lt;!--</span><span style="color: #009900;" >&#91;</span><span style="color: #000066; font-weight: bold;" >if</span> lt IE <span style="color: #CC0000;" >9</span><span style="color: #009900;" >&#93;</span><span style="color: #339933;" >&gt;</span>
<span style="color: #339933;" >&lt;</span>mce<span style="color: #339933;" >:</span>script src<span style="color: #339933;" >=</span><span style="color: #3366CC;" >&quot;http://ie7-js.googlecode.com/svn/version/2.1(beta2)/IE9.js&quot;</span> mce_src<span style="color: #339933;" >=</span><span style="color: #3366CC;" >&quot;http://ie7-js.googlecode.com/svn/version/2.1(beta2)/IE9.js&quot;</span><span style="color: #339933;" >&gt;&lt;/</span>mce<span style="color: #339933;" >:</span>script<span style="color: #339933;" >&gt;</span>
<span style="color: #339933;" >&lt;!</span><span style="color: #009900;" >&#91;</span>endif<span style="color: #009900;" >&#93;</span><span style="color: #339933;" >--&gt;</span></pre></div></div>

<p>以后我就靠上面这句活啦！~</p>
<blockquote><p>时隔一个半月的更新！~ 自己撒下花~~</p></blockquote>

	标签：<a href="http://www.originalcolors.cn/work/tag/dean-edwards" title="Dean Edwards" rel="tag nofollow">Dean Edwards</a>, <a href="http://www.originalcolors.cn/work/tag/ie6" title="IE6" rel="tag nofollow">IE6</a>, <a href="http://www.originalcolors.cn/work/tag/ie7" title="IE7" rel="tag nofollow">IE7</a>, <a href="http://www.originalcolors.cn/work/tag/ie8" title="IE8" rel="tag nofollow">IE8</a>, <a href="http://www.originalcolors.cn/work/tag/ie9" title="ie9" rel="tag nofollow">ie9</a>, <a href="http://www.originalcolors.cn/work/tag/%e5%85%bc%e5%ae%b9" title="兼容" rel="tag nofollow">兼容</a><br />

	<br /><h4>相关日志</h4>
	<ul class="st-related-posts">
	<li><a href="http://www.originalcolors.cn/work/kill-ie6.html" title="今天你KILL IE6了没？~ 【STOP/SAY NO TO/NO MORE/KILL/THE DAMED/I HATE/CRASH IE6】十一法全攻略！ (2009-06-03)">今天你KILL IE6了没？~ 【STOP/SAY NO TO/NO MORE/KILL/THE DAMED/I HATE/CRASH IE6】十一法全攻略！</a> (6)</li>
	<li><a href="http://www.originalcolors.cn/work/kill-ie6-2.html" title="【转载】Web技术要发展，IE6必须被消灭！ (2009-07-21)">【转载】Web技术要发展，IE6必须被消灭！</a> (1)</li>
	<li><a href="http://www.originalcolors.cn/work/ietester-wonderful-ie-compatibility-test-tool.html" title="含泪推荐 IETester 用作IE兼容性测试（5.5/6/7/8Beta2四个版本） (2008-11-04)">含泪推荐 IETester 用作IE兼容性测试（5.5/6/7/8Beta2四个版本）</a> (2)</li>
	<li><a href="http://www.originalcolors.cn/work/css-browser-support.html" title="CSS选择器之浏览器支持汇总，IE8/FF 3.5 beta/Safari 4 Beta/iPhone包括 (2009-05-11)">CSS选择器之浏览器支持汇总，IE8/FF 3.5 beta/Safari 4 Beta/iPhone包括</a> (1)</li>
	<li><a href="http://www.originalcolors.cn/work/expression-solve-compatibility-problems.html" title="使用CSS Expression解决某些浏览器兼容问题 (2008-12-15)">使用CSS Expression解决某些浏览器兼容问题</a> (1)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.originalcolors.cn/work/dean-edwards-ie8-ie9-js.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>说开始就开始，AS3殿堂之路，看我能爬多远~先爬前辈豆腐男的Blog~~</title>
		<link>http://www.originalcolors.cn/work/as3-start.html</link>
		<comments>http://www.originalcolors.cn/work/as3-start.html#comments</comments>
		<pubDate>Wed, 13 Jan 2010 03:51:32 +0000</pubDate>
		<dc:creator>ponytail</dc:creator>
		
		<category><![CDATA[┨Stuuuuuuuudy]]></category>

		<category><![CDATA[as3]]></category>

		<category><![CDATA[殿堂之路]]></category>

		<guid isPermaLink="false">http://www.originalcolors.cn/work/?p=556</guid>
		<description><![CDATA[居然一天半时间把殿堂翻了一遍。。。就是翻而已，用不到的一律略过，我也就想到能对付普通交互就行，就朝着这个方向，爬吧。。。找找例子，回头再研究
普通随便吱了一声，就当做已经得到 豆腐男 允许，爬他的博客，丫算上路比较早的了，AIR和AS3分类里有用的东西我自己在这里做个链接收藏，以后随时查看~~
话说还是要佩服一下的，丫居然能坚持一天一日志这么久。。。
Flash-自定义右键菜单
Flash-AS2和AS3加载XML
AS3的加载进度监听
Flash-SWFObject
AS3-MC的移动控制
Flash-AS2和AS3的加载
AS3-TransitionManager过渡动画效果
AS3-Enterframe Menu跑帧菜单效果
AS3-Category Display图片展示效果
Flash-Bubble冒泡机制
Flash-ENTER_FRAME,Timer,setInterval,setTimeout AND frameRate
Advanced ActionScript 3 with Design Patterns 学习笔记-一些命名规范
AS3-用addEventListener()方法的useCapture参数控制事件流
Flash-CSS,StyleSheet
Google Maps API for Flash Demo
Flash-一些常用物理公式和AS3的结合应用

	标签：as3, 殿堂之路

	相关日志
	
	暂无相关日志
	

]]></description>
			<content:encoded><![CDATA[<p>居然一天半时间把殿堂翻了一遍。。。就是翻而已，用不到的一律略过，我也就想到能对付普通交互就行，就朝着这个方向，爬吧。。。找找例子，回头再研究</p>
<p>普通随便吱了一声，就当做已经得到 <a href="http://nwhy.org/"  target="_blank"  class="external" >豆腐男</a> 允许，爬他的博客，丫算上路比较早的了，AIR和AS3分类里有用的东西我自己在这里做个链接收藏，以后随时查看~~</p>
<p>话说还是要佩服一下的，丫居然能坚持一天一日志这么久。。。</p>
<p><a title="Flash-自定义右键菜单"  rel="bookmark"  href="http://nwhy.org/flash-custom-menu.html"  class="external"  target="_blank" >Flash-自定义右键菜单</a></p>
<p><a title="Flash-AS2和AS3加载XML"  rel="bookmark"  href="http://nwhy.org/flash-load-xml.html"  class="external"  target="_blank" >Flash-AS2和AS3加载XML</a></p>
<p><a title="AS3的加载进度监听"  rel="bookmark"  href="http://nwhy.org/as3-load-progress.html"  class="external"  target="_blank" >AS3的加载进度监听</a></p>
<p><span id="more-556" ></span><a title="Flash-SWFObject"  rel="bookmark"  href="http://nwhy.org/flash-swfobject.html"  class="external"  target="_blank" >Flash-SWFObject</a></p>
<p><a href="http://nwhy.org/as3-mc-move.html"  target="_blank"  class="external" >AS3-MC的移动控制</a></p>
<p><a title="Flash-AS2和AS3的加载"  rel="bookmark"  href="http://nwhy.org/flash-load.html"  class="external"  target="_blank" >Flash-AS2和AS3的加载</a></p>
<p><a title="AS3-TransitionManager过渡动画效果"  rel="bookmark"  href="http://nwhy.org/as3-transitionmanager.html"  class="external"  target="_blank" >AS3-TransitionManager过渡动画效果</a></p>
<p><a title="AS3-Enterframe Menu跑帧菜单效果"  rel="bookmark"  href="http://nwhy.org/as3-enterframe-menu.html"  class="external"  target="_blank" >AS3-Enterframe Menu跑帧菜单效果</a></p>
<p><a title="AS3-Category Display图片展示效果"  rel="bookmark"  href="http://nwhy.org/as3-category-display.html"  class="external"  target="_blank" >AS3-Category Display图片展示效果</a></p>
<p><a title="Flash-Bubble冒泡机制"  rel="bookmark"  href="http://nwhy.org/flash-bubble-2.html"  class="external"  target="_blank" >Flash-Bubble冒泡机制</a></p>
<p><a href="http://nwhy.org/flash-enterframe-timer-framerate.html"  target="_blank"  class="external" >Flash-ENTER_FRAME,Timer,setInterval,setTimeout AND frameRate</a></p>
<p><a href="http://nwhy.org/aa3wdp-name-convention.html"  target="_blank"  class="external" >Advanced ActionScript 3 with Design Patterns 学习笔记-一些命名规范</a></p>
<p><a href="http://nwhy.org/as3-addeventlistener-parameters.html"  target="_blank"  class="external" >AS3-用addEventListener()方法的useCapture参数控制事件流</a></p>
<p><a title="Flash-CSS,StyleSheet"  rel="bookmark"  href="http://nwhy.org/flash-css-stylesheet.html"  class="external"  target="_blank" >Flash-CSS,StyleSheet</a></p>
<p><a title="Google Maps API for Flash Demo"  rel="bookmark"  href="http://nwhy.org/google-maps-api-for-flash-demo.html"  class="external"  target="_blank" >Google Maps API for Flash Demo</a></p>
<p><a href="http://nwhy.org/as3-physics-formula.html"  target="_blank"  class="external" >Flash-一些常用物理公式和AS3的结合应用</a></p>

	标签：<a href="http://www.originalcolors.cn/work/tag/as3" title="as3" rel="tag nofollow">as3</a>, <a href="http://www.originalcolors.cn/work/tag/%e6%ae%bf%e5%a0%82%e4%b9%8b%e8%b7%af" title="殿堂之路" rel="tag nofollow">殿堂之路</a><br />

	<br /><h4>相关日志</h4>
	<ul class="st-related-posts">
	<li>暂无相关日志</li>
	</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.originalcolors.cn/work/as3-start.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>咱就是一台身处地狱的代码输出机器。。。【转】网页设计师是怎样下地狱的</title>
		<link>http://www.originalcolors.cn/work/how-the-wen-designer-goes-to-hell.html</link>
		<comments>http://www.originalcolors.cn/work/how-the-wen-designer-goes-to-hell.html#comments</comments>
		<pubDate>Wed, 23 Dec 2009 08:34:34 +0000</pubDate>
		<dc:creator>ponytail</dc:creator>
		
		<category><![CDATA[┨Ooooooother]]></category>

		<category><![CDATA[design]]></category>

		<category><![CDATA[烦]]></category>

		<guid isPermaLink="false">http://www.originalcolors.cn/work/?p=578</guid>
		<description><![CDATA[最近低落，渐渐的觉得工作和兴趣差得远了，看的学的永远是最新的东西，实际却只能不停机械的写着客户要求一遍遍来回修改百来个表格全静态页面，下面这图文真是赞 ，笑完了想哭。。。
把这个送给曾经接过活的设计师，或者有过类似经历的设计师们。阿门。

刚开始的时候，一切都很棒。客户提出他们的需求，你也满怀期望。充满激情和兴奋感。
客户：新的网站一定会很棒。
设计师：岂止很棒？肯定会难以置信地棒。它会像遨游在外太空的雄鹰一般不可思议。


客户给你看他们现在的网站，你们一起嘲笑它是如此糟糕。
客户：哈哈，这都是什么烂玩意！我们上次请的设计师简直是个白痴。
设计师：是啊！怎么可能做成这样？！简直就是在对全人类犯罪。

于是，你重新设计了网站。新网站看上去美观，用起来也很好。这简直就是完美设计的最佳范例。
设计师：噔噔噔噔！看！
客户：我喜欢！看上去太棒了！我都想跟它做爱了！但是……

还需要做些“小”调整
客户（想）：这个设计很完美，但我作为CEO，有责任提点改正意见来让自己感觉自己的工作做到位了。同时，我得用“用户体验”，“转化导向”这样的术语来显得自己聪明些，尽管我几乎都不大会用电脑。
客户：你能设计得更“跳”一点么？它需要更“鲜明”些。看上去感觉好像不太对。
（作者注：客户确实跟我说过这样的话。直到今天，我还是不太理解在网页设计上“跳”和“鲜明”到底是什么意思。我也不知道怎样以他人的感受来设计网页）

所谓的小调整开始变多，很快就变成不那么小了。
客户：我想了一下，决定把字体调回Comic Sans. 另外，你能搞一个镜头光晕效果么？它们看上去非常Web2.0. 另外，这个网站绝对不能太“线条化”了。当我看这个网站的时候，我看到的都是一行一行的。你能处理一下么？
（作者注：确实有个客户这么对我说过。这个设计里绝对没有任何水平标尺或者线条之类的东西。事实上他说的是&#60;div&#62;啊&#60;p&#62;啊之类的代码生成的矩形区域）

客户让别的人参与了进来。
“看上去不错，不过我还想听到更多的意见，朋友，同事，叔叔甚至是我的宠物仓鼠”
客户：我让我母亲也加入讨论。她在1982年设计过一张面包促销宣传单，所以你可以说她也是有设计的眼光。
客户母亲：你排的这个设计需要点亮色，看上去太暗了。加点粉色怎样？再放上一只小猫。人人都爱小猫。
（作者注：我确实曾经遇到一个客户让他的母亲也参与到设计流程里，好让她提出批评和建议）

所有希望都破灭了。
你开始幻想别的职业，比如靠挖沟来生存或者给老人搓澡。
客户：好的。现在是这样，我的狗Miffles可是个关键人物。它可以说是我生命中最重要的部分。我希望你能加上狗的“意识流”，这样看上去就像是 Miffles在和来访的用户说话。我会给你几页Miffles可能会说的话，比如“我喜欢美食”，还有“嗨！欢迎访问我的网站，我是一只小狗，你可以和 我握手^^”
(作者注：这绝对不是我编的。就有一个客户这样要求过。我还从来没有像那会一样那么想用车用蓄电池敲一个人的头)

你再也不是一名网页设计师。
你现在变成了一只绘图程序里的鼠标，而你的客户可以通过语音，email或者聊天软件来直接控制你。
（作者注：我曾经遇到一个客户拿走我的设计稿后，自己直接在Photoshop上进行修改，然后把改过后觉得是他们想要的效果再发给我。在我收到他的第13个修正版后，我炒掉了他。）

怨念就此诞生。
客户完全忘了，他们是雇佣了你，网页设计师，来帮他们设计一个好产品。想象一下，如果你是一个设计商业飞机涡轮的工程师，他们还敢掺和进来么？
客户：现在这个设计终于称得上是“跳”出来了！
设计师：饶了我吧……
原文来自：晓禾依树 
&#8221; title=&#8221;http://joydesign.coletree.com/2009/12/438
&#8221; class=&#8221;autohyperlink&#8221; target=&#8221;_blank&#8221;>joydesign.coletree.com

	标签：design, 烦

	相关日志
	
	继续关注极简~【转】极简主义网站设计:寓丰富于简单 (0)
	简洁漂亮的博客们~ 设计啊设计~ 想法啊想法！~ (1)
	太帅了！利用Google Map来做你的新网站吧！~ (3)
	The Difference Between Art and Design 艺术与设计之别 (2)
	One Page Love 一页也精彩！~ 收获多多，学习学习！~ (0)


]]></description>
			<content:encoded><![CDATA[<blockquote><p>最近低落，渐渐的觉得工作和兴趣差得远了，看的学的永远是最新的东西，实际却只能不停机械的写着客户要求一遍遍来回修改百来个表格全静态页面，下面这图文真是赞 ，笑完了想哭。。。</p></blockquote>
<p>把这个送给曾经接过活的设计师，或者有过类似经历的设计师们。阿门。</p>
<p><img class="size-full wp-image-441"  title="11"  src="http://joydesign.coletree.com/wp-content/uploads/2009/12/11.png"  alt="11" /></p>
<p>刚开始的时候，一切都很棒。客户提出他们的需求，你也满怀期望。充满激情和兴奋感。</p>
<p>客户：新的网站一定会很棒。</p>
<p>设计师：岂止很棒？肯定会难以置信地棒。它会像遨游在外太空的雄鹰一般不可思议。</p>
<p><span id="more-578" ></span></p>
<p><img class="size-full wp-image-442"  title="2"  src="http://joydesign.coletree.com/wp-content/uploads/2009/12/2.jpg"  alt="2" /></p>
<p>客户给你看他们现在的网站，你们一起嘲笑它是如此糟糕。</p>
<p>客户：哈哈，这都是什么烂玩意！我们上次请的设计师简直是个白痴。</p>
<p>设计师：是啊！怎么可能做成这样？！简直就是在对全人类犯罪。</p>
<p><img class="size-full wp-image-443"  title="3"  src="http://joydesign.coletree.com/wp-content/uploads/2009/12/3.jpg"  alt="3" /></p>
<p>于是，你重新设计了网站。新网站看上去美观，用起来也很好。这简直就是完美设计的最佳范例。</p>
<p>设计师：噔噔噔噔！看！</p>
<p>客户：我喜欢！看上去太棒了！我都想跟它做爱了！但是……</p>
<p><img class="size-full wp-image-444"  title="4"  src="http://joydesign.coletree.com/wp-content/uploads/2009/12/4.png"  alt="4" /></p>
<p>还需要做些“小”调整</p>
<p>客户（想）：这个设计很完美，但我作为CEO，有责任提点改正意见来让自己感觉自己的工作做到位了。同时，我得用“用户体验”，“转化导向”这样的术语来显得自己聪明些，尽管我几乎都不大会用电脑。</p>
<p>客户：你能设计得更“跳”一点么？它需要更“鲜明”些。看上去感觉好像不太对。</p>
<p>（作者注：客户确实跟我说过这样的话。直到今天，我还是不太理解在网页设计上“跳”和“鲜明”到底是什么意思。我也不知道怎样以他人的感受来设计网页）</p>
<p><img class="size-full wp-image-445"  title="5"  src="http://joydesign.coletree.com/wp-content/uploads/2009/12/5.png"  alt="5" /></p>
<p>所谓的小调整开始变多，很快就变成不那么小了。</p>
<p>客户：我想了一下，决定把字体调回Comic Sans. 另外，你能搞一个镜头光晕效果么？它们看上去非常Web2.0. 另外，这个网站绝对不能太“线条化”了。当我看这个网站的时候，我看到的都是一行一行的。你能处理一下么？</p>
<p>（作者注：确实有个客户这么对我说过。这个设计里绝对没有任何水平标尺或者线条之类的东西。事实上他说的是&lt;div&gt;啊&lt;p&gt;啊之类的代码生成的矩形区域）</p>
<p><img class="size-full wp-image-446"  title="6"  src="http://joydesign.coletree.com/wp-content/uploads/2009/12/6.png"  alt="6" /></p>
<p>客户让别的人参与了进来。</p>
<p>“看上去不错，不过我还想听到更多的意见，朋友，同事，叔叔甚至是我的宠物仓鼠”</p>
<p>客户：我让我母亲也加入讨论。她在1982年设计过一张面包促销宣传单，所以你可以说她也是有设计的眼光。</p>
<p>客户母亲：你排的这个设计需要点亮色，看上去太暗了。加点粉色怎样？再放上一只小猫。人人都爱小猫。</p>
<p>（作者注：我确实曾经遇到一个客户让他的母亲也参与到设计流程里，好让她提出批评和建议）</p>
<p><img class="size-full wp-image-447"  title="7"  src="http://joydesign.coletree.com/wp-content/uploads/2009/12/7.png"  alt="7" /></p>
<p>所有希望都破灭了。</p>
<p>你开始幻想别的职业，比如靠挖沟来生存或者给老人搓澡。</p>
<p>客户：好的。现在是这样，我的狗Miffles可是个关键人物。它可以说是我生命中最重要的部分。我希望你能加上狗的“意识流”，这样看上去就像是 Miffles在和来访的用户说话。我会给你几页Miffles可能会说的话，比如“我喜欢美食”，还有“嗨！欢迎访问我的网站，我是一只小狗，你可以和 我握手^^”</p>
<p>(作者注：这绝对不是我编的。就有一个客户这样要求过。我还从来没有像那会一样那么想用车用蓄电池敲一个人的头)</p>
<p><img class="size-full wp-image-448"  title="8"  src="http://joydesign.coletree.com/wp-content/uploads/2009/12/8.png"  alt="8" /></p>
<p>你再也不是一名网页设计师。</p>
<p>你现在变成了一只绘图程序里的鼠标，而你的客户可以通过语音，email或者聊天软件来直接控制你。</p>
<p>（作者注：我曾经遇到一个客户拿走我的设计稿后，自己直接在Photoshop上进行修改，然后把改过后觉得是他们想要的效果再发给我。在我收到他的第13个修正版后，我炒掉了他。）</p>
<p><img class="size-full wp-image-449"  title="9"  src="http://joydesign.coletree.com/wp-content/uploads/2009/12/9.jpg"  alt="9" /></p>
<p>怨念就此诞生。</p>
<p>客户完全忘了，他们是雇佣了你，网页设计师，来帮他们设计一个好产品。想象一下，如果你是一个设计商业飞机涡轮的工程师，他们还敢掺和进来么？</p>
<p>客户：现在这个设计终于称得上是“跳”出来了！</p>
<p>设计师：饶了我吧……</p>
<blockquote><p>原文来自：晓禾依树 <a href="http://joydesign.coletree.com/2009/12/438</p" ></blockquote>
<p>&#8221; title=&#8221;http://joydesign.coletree.com/2009/12/438</p></blockquote>
<p>&#8221; class=&#8221;autohyperlink&#8221; target=&#8221;_blank&#8221;>joydesign.coletree.com</a></p>

	标签：<a href="http://www.originalcolors.cn/work/tag/design" title="design" rel="tag nofollow">design</a>, <a href="http://www.originalcolors.cn/work/tag/%e7%83%a6" title="烦" rel="tag nofollow">烦</a><br />

	<br /><h4>相关日志</h4>
	<ul class="st-related-posts">
	<li><a href="http://www.originalcolors.cn/work/minimalist-web-design-when-less-is-more.html" title="继续关注极简~【转】极简主义网站设计:寓丰富于简单 (2009-12-16)">继续关注极简~【转】极简主义网站设计:寓丰富于简单</a> (0)</li>
	<li><a href="http://www.originalcolors.cn/work/clean-beautiful-blogs.html" title="简洁漂亮的博客们~ 设计啊设计~ 想法啊想法！~ (2009-09-11)">简洁漂亮的博客们~ 设计啊设计~ 想法啊想法！~</a> (1)</li>
	<li><a href="http://www.originalcolors.cn/work/google-map-for-your-sites.html" title="太帅了！利用Google Map来做你的新网站吧！~ (2009-09-09)">太帅了！利用Google Map来做你的新网站吧！~</a> (3)</li>
	<li><a href="http://www.originalcolors.cn/work/the-difference-between-art-and-design.html" title="The Difference Between Art and Design 艺术与设计之别 (2009-09-22)">The Difference Between Art and Design 艺术与设计之别</a> (2)</li>
	<li><a href="http://www.originalcolors.cn/work/one-page-love-collections-study.html" title="One Page Love 一页也精彩！~ 收获多多，学习学习！~ (2008-12-16)">One Page Love 一页也精彩！~ 收获多多，学习学习！~</a> (0)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.originalcolors.cn/work/how-the-wen-designer-goes-to-hell.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>17th，2小时FF下制作，3小时IE下调试&#124;&#124;&#124;</title>
		<link>http://www.originalcolors.cn/work/my-17th-wordpress-creative.html</link>
		<comments>http://www.originalcolors.cn/work/my-17th-wordpress-creative.html#comments</comments>
		<pubDate>Fri, 18 Dec 2009 05:47:42 +0000</pubDate>
		<dc:creator>ponytail</dc:creator>
		
		<category><![CDATA[┨Dooooitmyself]]></category>

		<category><![CDATA[pentawards]]></category>

		<category><![CDATA[Wordpress]]></category>

		<category><![CDATA[兼容]]></category>

		<guid isPermaLink="false">http://www.originalcolors.cn/work/?p=575</guid>
		<description><![CDATA[突然想做这样的，就做了，我的第17个wordpress站，素材来源是 2009 pentawards 包装设计大赛获奖作品，下午4点到6点FF下制作测试完成，IE下定位及显示都有问题。早上又花了3个小时做调试，IE和FF下结构差了一个parent&#124;&#124;&#124; 自己也被搞晕了，最后换了种查找方式重新写js。。。发现如果屏幕小于1100的话，就没啥效果好说了&#124;&#124;&#124;


	标签：pentawards, Wordpress, 兼容

	相关日志
	
	今天你KILL IE6了没？~ 【STOP/SAY NO TO/NO MORE/KILL/THE DAMED/I HATE/CRASH IE6】十一法全攻略！ (6)
	【转载】Web技术要发展，IE6必须被消灭！ (1)
	wordpress+sandbox=Nile Inside，禁IE下打开，后果自负。。。 (1)
	锵锵锵，偶又有新站啦！~ Today&#8217;s OOXX，5.4青年节正式开放啦！~ (5)
	最后的挣扎，15th WP站，BOSS说，要开始学学AS3了。。。 (0)


]]></description>
			<content:encoded><![CDATA[<p>突然想做这样的，就做了，我的第17个wordpress站，素材来源是 <a href="http://www.today-s-ooxx.com/2009-pentawards-winners.html"  target="_blank"  class="external" >2009 pentawards</a> 包装设计大赛获奖作品，下午4点到6点FF下制作测试完成，IE下定位及显示都有问题。早上又花了3个小时做调试，IE和FF下结构差了一个parent||| 自己也被搞晕了，最后换了种查找方式重新写js。。。发现如果屏幕小于1100的话，就没啥效果好说了|||</p>
<p><a href="../../test/creative/"  target="_blank" ><img src="../../images/creative.jpg"  alt="" /></a></p>

	标签：<a href="http://www.originalcolors.cn/work/tag/pentawards" title="pentawards" rel="tag nofollow">pentawards</a>, <a href="http://www.originalcolors.cn/work/tag/wordpress" title="Wordpress" rel="tag nofollow">Wordpress</a>, <a href="http://www.originalcolors.cn/work/tag/%e5%85%bc%e5%ae%b9" title="兼容" rel="tag nofollow">兼容</a><br />

	<br /><h4>相关日志</h4>
	<ul class="st-related-posts">
	<li><a href="http://www.originalcolors.cn/work/kill-ie6.html" title="今天你KILL IE6了没？~ 【STOP/SAY NO TO/NO MORE/KILL/THE DAMED/I HATE/CRASH IE6】十一法全攻略！ (2009-06-03)">今天你KILL IE6了没？~ 【STOP/SAY NO TO/NO MORE/KILL/THE DAMED/I HATE/CRASH IE6】十一法全攻略！</a> (6)</li>
	<li><a href="http://www.originalcolors.cn/work/kill-ie6-2.html" title="【转载】Web技术要发展，IE6必须被消灭！ (2009-07-21)">【转载】Web技术要发展，IE6必须被消灭！</a> (1)</li>
	<li><a href="http://www.originalcolors.cn/work/wordpress-sandbox-nile-inside.html" title="wordpress+sandbox=Nile Inside，禁IE下打开，后果自负。。。 (2009-02-27)">wordpress+sandbox=Nile Inside，禁IE下打开，后果自负。。。</a> (1)</li>
	<li><a href="http://www.originalcolors.cn/work/today-s-ooxx.html" title="锵锵锵，偶又有新站啦！~ Today&#8217;s OOXX，5.4青年节正式开放啦！~ (2009-05-04)">锵锵锵，偶又有新站啦！~ Today&#8217;s OOXX，5.4青年节正式开放啦！~</a> (5)</li>
	<li><a href="http://www.originalcolors.cn/work/15th-wp-as3-start.html" title="最后的挣扎，15th WP站，BOSS说，要开始学学AS3了。。。 (2009-11-11)">最后的挣扎，15th WP站，BOSS说，要开始学学AS3了。。。</a> (0)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.originalcolors.cn/work/my-17th-wordpress-creative.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>继续关注极简~【转】极简主义网站设计:寓丰富于简单</title>
		<link>http://www.originalcolors.cn/work/minimalist-web-design-when-less-is-more.html</link>
		<comments>http://www.originalcolors.cn/work/minimalist-web-design-when-less-is-more.html#comments</comments>
		<pubDate>Wed, 16 Dec 2009 06:50:20 +0000</pubDate>
		<dc:creator>ponytail</dc:creator>
		
		<category><![CDATA[┨Cooooollection]]></category>

		<category><![CDATA[┨Stuuuuuuuudy]]></category>

		<category><![CDATA[clean]]></category>

		<category><![CDATA[design]]></category>

		<category><![CDATA[minimalist]]></category>

		<category><![CDATA[simple]]></category>

		<category><![CDATA[极简]]></category>

		<guid isPermaLink="false">http://www.originalcolors.cn/work/?p=570</guid>
		<description><![CDATA[
中文原文：极简主义网站设计:寓丰富于简单
译自：Minimalist Web Design: When Less is More
原作者：Kayla Knight
译者：神飞

作为设计师，我们都知道，一个极简的设计可以实现漂亮的效果。
然而，很多设计师在实现上有些麻烦：要么是没有时间让使用如此少的元素制作的页面看起来漂亮，要么就是最终的结果只是看起来“不完美”。
网上有很多关于极简主义设计的文章，而本文的目的是帮你实现一个漂亮而不空洞的极简网站设计
最重要的是，我们将展示一个小的极简网站设计画廊，这样你就可以分析为什么一些设计可以而其它的则不可以。
什么是极简主义设计
极简主义设计已经被描述为最基本的设计，剔除了多余的元素、色彩、形状和纹理。
它的目的是使内容被突出出来并成为焦点。从一个视觉的角度来说，极简主义设计意味着平静和将思想带回本真。
这个设计运动始于瑞士，然后被用于多种媒体：图形设计、建筑、音乐、文学、绘画以及最近的网页设计。(拓展阅读维基百科：极简主义)
尽管极简主义已经有几十年了，早期的互联网并没有能够展示它。即便除了旋转的logo、滚动和鲜艳的色彩之外，网站设计依然常常是杂乱和咄咄逼人的。
我们将在本文中讨论极简网站设计的基本原理。但是即便你选择不去追求极简主义的审美，本文也能帮你简化你的设计，无论你是哪种风格。
越简单越丰富
正如提到的，极简主义将最重要的内容带到最前面并为用户避免分散注意力。如果一个页面有太多的元素，浏览者将迷惑于去看哪里或误解每个元素的优先级。一个极简主义设计将焦点正好放到正确的内容上。
比如，在一个黑白设计上的任何色斑，都会引起用户的注意力。色彩本身也将成为焦点。让我们来看一个具体的例子：

之前你或许已经见到此类设计：纯白背景，一个内容块和一个图形元素。
图形元素使用色彩、纹理和形状。很明显这是页面中最重要的元素，而且它代表了设计师的品牌和个性。
因为这个特殊的图形元素的复杂性，该页面中的更多内容会让它不太醒目，显得不太重要。保持内容到最小，设计师就实现了完美的平衡。
如何简化内容
实现极简设计或者简化设计的第一步，不是简单的去掉大部分图片，而是要重新考虑内容并将其简化到无遮盖的需求。只有那样才能让页面中最重要的元素实现其预期的效果。
就像你策划任何其它网站一样，写下你需要的内容：logo、介绍、导航等等。去掉其它一切不需要的东东。尽可能的丢掉它们。
下面是一些你可能不需要的元素。请注意这仅仅是一个指导。你的确切的需求将依赖于你的具体设计。下面的一些元素对你的网站来说可能不是必须的。

社区媒体的图标或图形，或者社区媒体部分
宣传员和补充说明或介绍
“推荐,” “流行”和“最新”列表(包括Twitter和RSS订阅列表)
多于3个主要部分的页面(比如“介绍” “关于”和“服务”)
次级导航页面

这里的关键并非让网站有较少的功能，而是去掉不是必要的元素(从而强调必须的元素)或将多个部分整合到一个更简单的布局(比如，通过合并你的社区媒体链接到“关于”或介绍性部分)。
你也可以分割内容到独立的页面，给予内容的每个部分更多关注。
如何简化设计
现在轮到尽可能的简化设计了。
简约设计应该有较少的纹理、色彩、形状、线条、内容或排版。然而，如果太直白，设计将会空洞。与其丢掉所有东西，不如通过给焦点添加一个重要的特征来给设计一些感染力。
选择焦点可能的样式，并在你的设计过程中注意一下下面提到的技巧。
使用一个很棒的线框
通过理论下面的展示，我们看到一些设计师通过微妙的色彩填充、独特布局或有趣的图形添加一些视觉趣味。然而，或许他们所依赖的最重要的元素，就是一个独特的线框。
为这样的网页创建一个线框需要一些额外的注意事项。通过正确的线框，你可以实现正确的层级和组织以及创建正确的视觉趣味。

要启动一个线框，请按照以下步骤：

确定你绝对需要的内容
在一个列表里面，区分内容的优先级
给予你的列表绘制线框的草图以实验最佳的视觉层级

当作出了线框之后，考虑一下布置以及视觉上的处理方法。譬如，你的logo使用了一种在其它地方不再重用的颜色，你必须说明原因。
扩展阅读：从线框图到最终设计
空白
空白实际上同义与极简主义。
无论你的设计多么有创意，一个缺少大量空白的极简主义设计不是一个真正的极简主义设计。这样，一定要在元素周围比你平时添加更多的空白。
空白对平衡即将出现在页面中的少量元素是必要的。
平衡、对齐、对比
虽然大部分的布局可以通过空白和良好的线框实现，还是要特别注意一下设计的基本原则。与极简设计相关的三个最重要的因素是平衡、对齐和对比。
要确保您的设计遵循这些原则，但并不需要一个补充的视觉辅助以看起来“完成”了。

请同时注意其它基本设计原理。回检它们并实验不同的选择来实现最佳的效果。查看 “设计的原理”以获取更多参考。
当过度设计成为一个习惯
过度设计有时会成为一种习惯。无论你多么艰难的尝试将一个设计保持简单，它最终变得凌乱和复杂。要修正这一点，我们必须养成新的习惯。
试着在每个项目之前回顾上面的技巧并让它们贯穿整个设计流程。每次集中精力开发一个习惯。比如，努力在将内容放到空白上之前减少和简化它们。
如果您发现自己左右为难，“有什么遗漏了”，可以先试着把东西拿出来，而不是加入一些新的东西。
极简主义的每一个方面，需要不同的天赋。你将这些原理实践的越多，你的设计就将变得越简单。
另外，一旦你使用了这里讨论到的技术，看一下最终的产品并查看一下你是否能找到更进一步简化这个结果的方法。
你可以专注于在设计过程中你不能确定的区域，而且你也可以向其他设计师询问以指出你可能遗漏的元素。
极简网站设计欣赏
下面是一个极简主义网站设计的简要展示。看一下我们讨论的原理是如何实现的。同样也可以看一下哪个打破了我们的指南，并思考它们为什么还可行。
1. James Day Photo

2. Killswitch Collective

3. Lonely

4. DBushell

5. XPD.no

6. Toy NY

7. Joshua Serbus

8. Ah-Studio

9. Symour Powell

10. Icon Werk

11. Neil Wilson Architects

12. Non-Format

13. Zaum

14. Checkland Kindlysides

15. Blumenthal

16. Tink London

17. Proud Creative

18. Kimag

19. Bernat Fortet

20. All Day

一些趋势
正如你能看到的，极简主义网站设计也有一些清晰的趋势。了解这些趋势有助于在多个方面增强我们的设计。
我们应不仅仅能从其它设计师创造的布局中获得灵感，还要能有意识地打破这些趋势以形成我们自己的创造性的方法。
接下来让我们讨论一下一些趋势。
黑白设计
最值得注意的趋势之一就是黑白色彩的广泛应用。这是很明显的：除纹理、形状和内容以外，色彩也是应该被简化的。但最近它可以做过头，就显得有点沉闷。
看一下上面展示的一些确定色彩的网站，看一下它们是如何从其它极简网站中被突出出来的。同样，思考一下即便是在如此强烈的色彩使用下它们是如何能够保持极简的。这里是一个例子：

有趣的排版
基于排版网站设计和极简主义紧密的联系到一起。
当设计师乏于用别的方法激发用户，他们往往会利用有趣的排版。用排版作为唯一的视觉元素你甚至可以走得更远。
这是一个大胆的技术，但本身仍然是一个趋势。寻找保持独特的同时让排版增强设计的方法。

Flash
一个惊人数量的极简主义网站设计是基于Flash的。通过这么少的视觉刺激，一个设计可以从微妙的动画获益而不用被压倒。
同时，Flash移除了设计流程中的某些限制。非传统的线框、排版和其它元素可以比传统方法更容易的实现。

结束
极简主义网站设计出现多种形式，可是我们常常看到相同的形式重复了。趋势可以变得咄咄逼人，而我们在理解一个趋势可行的同时必须与模仿的冲动做斗争
无论如何，极简主义可以是很漂亮的而且将会在未来几年内出现，所以学习它的一些技术会不能相信的有益，无论对你的客户或你自己的项目。
但是如果你对极简主义风格不感兴趣，这个教程和难懂的原理可以帮你简化你的设计，总之这是件好事情。
杯具的是现在的客户付了钱谁也不要极简风格。。。含泪只能自己做着玩了&#124;&#124;&#124;

	标签：clean, design, minimalist, simple, 极简

	相关日志
	
	简洁漂亮的博客们~ 设计啊设计~ 想法啊想法！~ (1)
	简洁不简单，mini站点收集 Part3 (0)
	简洁不简单，mini站点收集 Part2 [...]]]></description>
			<content:encoded><![CDATA[<blockquote>
<div>中文原文：<a href="http://www.qianduan.net/minimalist-web-design-when-less-is-more.html"  class="external"  target="_blank" >极简主义网站设计:寓丰富于简单</a><br/>
译自：<a href="http://www.webdesignerdepot.com/2009/12/minimalist-web-design-when-less-is-more/"  class="external"  target="_blank" >Minimalist Web Design: When Less is More</a><br/>
原作者：Kayla Knight<br/>
译者：<a href="http://www.qianduan.net/"  class="external"  target="_blank" >神飞</a></div>
</blockquote>
<div>作为设计师，我们都知道，一个<strong>极简的设计</strong>可以实现漂亮的效果。</div>
<p>然而，很多设计师在实现上有些麻烦：要么是没有时间让使用如此少的元素制作的页面看起来漂亮，要么就是最终的结果只是看起来“不完美”。</p>
<p>网上有很多关于极简主义设计的文章，而本文的目的是帮你实现<strong>一个漂亮而不空洞的极简网站设计</strong></p>
<p>最重要的是，我们将展示一个小的<strong>极简网站设计画廊</strong>，这样你就可以分析为什么一些设计可以而其它的则不可以。</p>
<p><span id="more-570" ></span>什么是极简主义设计</p>
<p>极简主义设计已经被描述为最基本的设计，剔除了多余的元素、色彩、形状和纹理。</p>
<p>它的目的是使内容被突出出来并成为焦点。从一个视觉的角度来说，极简主义设计意味着平静和<strong>将思想带回本真</strong>。</p>
<p>这个设计运动始于瑞士，然后被用于多种媒体：图形设计、建筑、音乐、文学、绘画以及最近的网页设计。(拓展阅读<a href="http://zh.wikipedia.org/zh-cn/%E6%A5%B5%E7%B0%A1%E4%B8%BB%E7%BE%A9"  target="_blank"  class="external" >维基百科：极简主义</a>)</p>
<p>尽管极简主义已经有几十年了，早期的互联网并没有能够展示它。即便除了旋转的logo、滚动和鲜艳的色彩之外，<strong>网站设计依然常常是杂乱和咄咄逼人的</strong>。</p>
<p>我们将在本文中讨论极简网站设计的基本原理。但是即便你选择不去追求极简主义的审美，本文也能帮你简化你的设计，无论你是哪种风格。</p>
<h2>越简单越丰富</h2>
<p>正如提到的，极简主义将最重要的内容带到最前面并为用户避免分散注意力。如果一个页面有太多的元素，浏览者将迷惑于去看哪里或误解每个元素的优先级。一个极简主义设计将焦点正好放到正确的内容上。</p>
<p>比如，在一个黑白设计上的任何色斑，都会引起用户的注意力。色彩本身也将成为<strong>焦点</strong>。让我们来看一个具体的例子：</p>
<p><a href="http://www.janreichle.com/"  target="_blank"  class="external" ><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/janreichle.jpg"  alt="Jan Reichle" /></a></p>
<p>之前你或许已经见到此类设计：纯白背景，一个内容块和一个图形元素。</p>
<p>图形元素使用色彩、纹理和形状。很明显这是页面中最重要的元素，而且它代表了设计师的品牌和个性。</p>
<p>因为这个特殊的图形元素的复杂性，<strong>该页面中的更多内容会让它不太醒目</strong>，显得不太重要。保持内容到最小，设计师就实现了完美的平衡。</p>
<h2>如何简化内容</h2>
<p>实现极简设计或者简化设计的第一步，不是简单的去掉大部分图片，而是要重新考虑内容并将其简化到无遮盖的需求。只有那样才能让页面中最重要的元素实现其预期的效果。</p>
<p>就像你策划任何其它网站一样，写下你需要的内容：logo、介绍、导航等等。去掉其它一切不需要的东东。<strong>尽可能的丢掉它们</strong>。</p>
<p>下面是一些你可能不需要的元素。请注意这仅仅是一个指导。你的确切的需求将依赖于你的具体设计。下面的一些元素对你的网站来说<strong>可能</strong>不是必须的。</p>
<ul>
<li>社区媒体的图标或图形，或者社区媒体部分</li>
<li>宣传员和补充说明或介绍</li>
<li>“推荐,” “流行”和“最新”列表(包括Twitter和RSS订阅列表)</li>
<li>多于3个主要部分的页面(比如“介绍” “关于”和“服务”)</li>
<li>次级导航页面</li>
</ul>
<p>这里的关键并非让网站有较少的功能，而是去掉不是必要的元素(从而强调必须的元素)或将多个部分整合到一个更简单的布局(比如，通过合并你的社区媒体链接到“关于”或介绍性部分)。</p>
<p>你也可以分割内容到独立的页面，给予内容的每个部分更多关注。</p>
<h2>如何简化设计</h2>
<p>现在轮到尽可能的<strong>简化</strong>设计了。</p>
<p>简约设计应该有较少的纹理、色彩、形状、线条、内容或排版。然而，如果太直白，设计将会空洞。与其丢掉所有东西，不如通过给焦点添加一个<strong>重要的特征</strong>来给设计一些感染力。</p>
<p>选择焦点可能的样式，并在你的设计过程中注意一下下面提到的技巧。</p>
<h2>使用一个很棒的线框</h2>
<p>通过理论下面的展示，我们看到一些设计师通过微妙的色彩填充、独特布局或有趣的图形添加一些视觉趣味。然而，或许他们所依赖的最重要的元素，就是<strong>一个独特的线框</strong>。</p>
<p>为这样的网页创建一个线框需要一些额外的注意事项。通过正确的线框，你可以实现正确的层级和组织以及创建正确的视觉趣味。</p>
<p><a href="http://www.flickr.com/photos/collylogic/2964923357/"  target="_blank"  class="external" ><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/wireframe.jpg"  alt="Wireframe" /></a></p>
<p>要启动一个线框，请按照以下步骤：</p>
<ul>
<li>确定你绝对需要的内容</li>
<li>在一个列表里面，区分内容的优先级</li>
<li>给予你的列表绘制线框的草图以实验最佳的视觉层级</li>
</ul>
<p>当作出了线框之后，考虑一下布置以及视觉上的处理方法。譬如，你的logo使用了一种在其它地方不再重用的颜色，你必须说明原因。</p>
<p>扩展阅读：<a href="http://c.chinavisual.com/2009/07/28/c59539/index.shtml"  target="_blank"  class="external" >从线框图到最终设计</a></p>
<h2>空白</h2>
<p><strong>空白</strong>实际上同义与极简主义。</p>
<p>无论你的设计多么有创意，一个缺少大量空白的极简主义设计不是一个真正的极简主义设计。这样，一定要在元素周围比你平时添加更多的空白。</p>
<p>空白对平衡即将出现在页面中的少量元素是必要的。</p>
<h2>平衡、对齐、对比</h2>
<p>虽然大部分的布局可以通过空白和良好的线框实现，还是要特别注意一下设计的基本原则。与极简设计相关的三个最重要的因素是<strong>平衡、对齐和对比</strong>。</p>
<p>要确保您的设计遵循这些原则，但并不需要一个补充的视觉辅助以看起来“完成”了。</p>
<p><a href="http://www.digital-web.com/articles/principles_of_design/"  target="_blank"  class="external" ><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/designprinciples.jpg"  alt="Design Principles" /></a></p>
<p>请同时注意其它基本设计原理。回检它们并实验不同的选择来实现最佳的效果。查看 “<a href="http://www.digital-web.com/articles/principles_of_design/"  target="_blank"  class="external" >设计的原理</a>”以获取更多参考。</p>
<h2>当过度设计成为一个习惯</h2>
<p>过度设计有时会成为一种习惯。无论你多么艰难的尝试将一个设计保持简单，它最终变得凌乱和复杂。要修正这一点，我们必须养成新的习惯。</p>
<p>试着在每个项目之前回顾上面的技巧并让它们贯穿整个设计流程。每次集中精力开发一个习惯。比如，努力在将内容放到空白上之前减少和简化它们。</p>
<p>如果您发现自己左右为难，<em>“有什么遗漏了”</em>，可以先试着把东西拿出来，而不是加入一些新的东西。</p>
<p>极简主义的每一个方面，需要不同的天赋。你将这些原理实践的越多，你的设计就将变得越简单。</p>
<p>另外，一旦你使用了这里讨论到的技术，看一下最终的产品并查看一下你是否能找到更进一步简化这个结果的方法。</p>
<p>你可以专注于在设计过程中你不能确定的区域，而且你也可以向其他设计师询问以指出你可能遗漏的元素。</p>
<h2>极简网站设计欣赏</h2>
<p>下面是一个极简主义网站设计的简要展示。看一下我们讨论的原理是如何实现的。同样也可以看一下哪个打破了我们的指南，并思考它们为什么还可行。</p>
<h3>1. James Day Photo</h3>
<p><a href="http://www.jamesdayphoto.com/"  target="_blank"  class="external" ><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/jamesdayphoto.jpg"  alt="James Day Photo" /></a></p>
<h3>2. Killswitch Collective</h3>
<p><a href="http://www.killswitchcollective.com/"  target="_blank"  class="external" ><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/killswitchcollective.jpg"  alt="Killswitch Collective" /></a></p>
<h3>3. Lonely</h3>
<p><a href="http://lonely.prevvy.com/"  target="_blank"  class="external" ><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/lonely.jpg"  alt="Lonely" /></a></p>
<h3>4. DBushell</h3>
<p><a href="http://www.dbushell.com/"  target="_blank"  class="external" ><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/dbushell.jpg"  alt="DBushell" /></a></p>
<h3>5. XPD.no</h3>
<p><a href="http://xpd.no/"  target="_blank"  class="external" ><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/xpd.jpg"  alt="XPD.no" /></a></p>
<h3>6. Toy NY</h3>
<p><a href="http://www.toyny.com/"  target="_blank"  class="external" ><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/toyny.jpg"  alt="Toy NY" /></a></p>
<h3>7. Joshua Serbus</h3>
<p><a href="http://www.joshuaserbus.com/"  target="_blank"  class="external" ><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/joshuaserbus.jpg"  alt="Joshua Serbus" /></a></p>
<h3>8. Ah-Studio</h3>
<p><a href="http://ah-studio.com/"  target="_blank"  class="external" ><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/ahstudio.jpg"  alt="Ah-Studio" /></a></p>
<h3>9. Symour Powell</h3>
<p><a href="http://www.seymourpowell.com/"  target="_blank"  class="external" ><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/seymourpowell.jpg"  alt="Symour Powell" /></a></p>
<h3>10. Icon Werk</h3>
<p><a href="http://www.iconwerk.de/"  target="_blank"  class="external" ><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/iconwerk.jpg"  alt="Icon Werk" /></a></p>
<h3>11. Neil Wilson Architects</h3>
<p><a href="http://www.neilwilsonarchitects.co.uk/"  target="_blank"  class="external" ><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/neilwilsonarchitects.jpg"  alt="Neil Wilson Architects" /></a></p>
<h3>12. Non-Format</h3>
<p><a href="http://www.non-format.com/"  target="_blank"  class="external" ><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/nonformat.jpg"  alt="Non-Format" /></a></p>
<h3>13. Zaum</h3>
<p><a href="http://www.zaum.com/index.html"  target="_blank"  class="external" ><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/zaum.jpg"  alt="Zaum" /></a></p>
<h3>14. Checkland Kindlysides</h3>
<p><a href="http://checklandkindleysides.com/"  target="_blank"  class="external" ><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/checklandkindlysides.jpg"  alt="Checkland Kindlysides" /></a></p>
<h3>15. Blumenthal</h3>
<p><a href="http://www.blumenthal.com.br/"  target="_blank"  class="external" ><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/blumenthal.jpg"  alt="Blumenthal" /></a></p>
<h3>16. Tink London</h3>
<p><a href="http://www.tinklondon.co.uk/"  target="_blank"  class="external" ><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/tinklondon.jpg"  alt="Tink London" /></a></p>
<h3>17. Proud Creative</h3>
<p><a href="http://www.proudcreative.com/"  target="_blank"  class="external" ><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/proudcreative.jpg"  alt="Proud Creative" /></a></p>
<h3>18. Kimag</h3>
<p><a href="http://www.kimag.net/"  target="_blank"  class="external" ><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/kimag.jpg"  alt="Kimag" /></a></p>
<h3>19. Bernat Fortet</h3>
<p><a href="http://bernatfortet.com/"  target="_blank"  class="external" ><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/bernatfortet.jpg"  alt="Bernat Fortet" /></a></p>
<h3>20. All Day</h3>
<p><a href="http://allday.cc/"  target="_blank"  class="external" ><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/allday.jpg"  alt="All Day" /></a></p>
<h2>一些趋势</h2>
<p>正如你能看到的，极简主义网站设计也有一些清晰的趋势。<strong>了解这些趋势</strong>有助于在多个方面增强我们的设计。</p>
<p>我们应不仅仅能从其它设计师创造的布局中获得灵感，还要能有意识地打破这些趋势以形成我们自己的创造性的方法。</p>
<p>接下来让我们讨论一下一些趋势。</p>
<h2>黑白设计</h2>
<p>最值得注意的趋势之一就是<strong>黑白色彩的广泛应用</strong>。这是很明显的：除纹理、形状和内容以外，色彩也是应该被简化的。但最近它可以做过头，就显得有点沉闷。</p>
<p>看一下上面展示的一些确定色彩的网站，看一下它们是如何从其它极简网站中被突出出来的。同样，思考一下即便是在如此强烈的色彩使用下它们是如何能够保持极简的。这里是一个例子：</p>
<p><a href="http://www.toyny.com/"  target="_blank"  class="external" ><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/toyny.jpg"  alt="Toy NY" /></a></p>
<h2>有趣的排版</h2>
<p>基于排版网站设计和极简主义紧密的联系到一起。</p>
<p>当设计师乏于用别的方法激发用户，他们往往会利用有趣的排版。用排版作为唯一的视觉元素你甚至可以走得更远。</p>
<p><strong>这是一个大胆的技术，但本身仍然是一个趋势</strong>。寻找保持独特的同时让排版增强设计的方法。</p>
<p><a href="http://ah-studio.com/"  target="_blank"  class="external" ><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/ahstudio.jpg"  alt="Ah-Studio" /></a></p>
<h2>Flash</h2>
<p>一个惊人数量的极简主义网站设计是基于Flash的。通过这么少的视觉刺激，一个设计可以从<strong>微妙的动画</strong>获益而不用被压倒。</p>
<p>同时，Flash移除了设计流程中的某些限制。非传统的线框、排版和其它元素可以比传统方法更容易的实现。</p>
<p><a href="http://www.tinklondon.co.uk/"  target="_blank"  class="external" ><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/tinklondon.jpg"  alt="Tink London" /></a></p>
<h2>结束</h2>
<p>极简主义网站设计出现多种形式，可是我们常常看到相同的形式重复了。趋势可以变得咄咄逼人，而我们在理解一个趋势可行的同时必须与模仿的冲动做斗争</p>
<p>无论如何，极简主义可以是很漂亮的而且将会在未来几年内出现，所以学习它的一些技术会不能相信的有益，无论对你的客户或你自己的项目。</p>
<p>但是如果你对极简主义风格不感兴趣，这个教程和难懂的原理可以帮你简化你的设计，总之这是件好事情。</p>
<blockquote><p>杯具的是现在的客户付了钱谁也不要极简风格。。。含泪只能自己做着玩了|||</p></blockquote>

	标签：<a href="http://www.originalcolors.cn/work/tag/clean" title="clean" rel="tag nofollow">clean</a>, <a href="http://www.originalcolors.cn/work/tag/design" title="design" rel="tag nofollow">design</a>, <a href="http://www.originalcolors.cn/work/tag/minimalist" title="minimalist" rel="tag nofollow">minimalist</a>, <a href="http://www.originalcolors.cn/work/tag/simple" title="simple" rel="tag nofollow">simple</a>, <a href="http://www.originalcolors.cn/work/tag/%e6%9e%81%e7%ae%80" title="极简" rel="tag nofollow">极简</a><br />

	<br /><h4>相关日志</h4>
	<ul class="st-related-posts">
	<li><a href="http://www.originalcolors.cn/work/clean-beautiful-blogs.html" title="简洁漂亮的博客们~ 设计啊设计~ 想法啊想法！~ (2009-09-11)">简洁漂亮的博客们~ 设计啊设计~ 想法啊想法！~</a> (1)</li>
	<li><a href="http://www.originalcolors.cn/work/minimalism-web-design-part3.html" title="简洁不简单，mini站点收集 Part3 (2009-09-07)">简洁不简单，mini站点收集 Part3</a> (0)</li>
	<li><a href="http://www.originalcolors.cn/work/minimalism-web-design-part2.html" title="简洁不简单，mini站点收集 Part2 (2009-07-08)">简洁不简单，mini站点收集 Part2</a> (5)</li>
	<li><a href="http://www.originalcolors.cn/work/minimalism-web-design.html" title="简洁不简单，mini站点收集 (2009-06-29)">简洁不简单，mini站点收集</a> (4)</li>
	<li><a href="http://www.originalcolors.cn/work/google-map-for-your-sites.html" title="太帅了！利用Google Map来做你的新网站吧！~ (2009-09-09)">太帅了！利用Google Map来做你的新网站吧！~</a> (3)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.originalcolors.cn/work/minimalist-web-design-when-less-is-more.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>Wordpress 主题框架推荐，我自己爱用的 Sandbox WP 大集合~ 第16个新鲜出炉~~</title>
		<link>http://www.originalcolors.cn/work/wordpress-themes.html</link>
		<comments>http://www.originalcolors.cn/work/wordpress-themes.html#comments</comments>
		<pubDate>Tue, 15 Dec 2009 09:22:59 +0000</pubDate>
		<dc:creator>ponytail</dc:creator>
		
		<category><![CDATA[┨Cooooollection]]></category>

		<category><![CDATA[┨Dooooitmyself]]></category>

		<category><![CDATA[sandbox]]></category>

		<category><![CDATA[Wordpress]]></category>

		<category><![CDATA[┨Theme]]></category>

		<category><![CDATA[框架]]></category>

		<guid isPermaLink="false">http://www.originalcolors.cn/work/?p=566</guid>
		<description><![CDATA[占位喊一声，有8个google wave邀请码，有需要的话。。。
有2天空闲，又做了一个新滴WP，依旧是sandbox基础~ 依旧是不做设计只做代码~
首先是把图片地址写入WP日志，首页调用的时候用js随机取出一张作为首页封面图，同时使用了masonry做插缝的绝对定位排列，所以需要知道每张图的高宽，然后这中间就问题多多，js在不同浏览器下的执行顺序啊，页面结构的读取顺序啊，图片加载完全的判断啊，都不一样，头痛了挺久，不过还好最后解决了~~ FF/IE7/IE6测试通过~~ 撒花~~

然后今天看到了关于WP主题框架介绍的文章（相关资料在最下面有链接~），我是爱用且只用过sandbox，不过主题本身已经不更新了，到WP2.9版本官方增加了不少新的function，所以其实一直在想着要不要换个框架试试看，那么，在这里先把以前的东西晒一晒，俺是picasa被封的受害者，绝大多数测试网站图片都是在picasa下，现在看不见了只能内牛，555，嘛，下次选个新的框架用用，也换个新的相册，如果勤快的话再追加下使用体验啥的~~














A Comparison of 6 Popular WordPress Frameworks
Wordpress Theme Frameworks explained

	标签：sandbox, Wordpress, ┨Theme, 框架

	相关日志
	
	wordpress+sandbox=Nile Inside，禁IE下打开，后果自负。。。 (1)
	锵锵锵，偶又有新站啦！~ Today&#8217;s OOXX，5.4青年节正式开放啦！~ (5)
	最后的挣扎，15th WP站，BOSS说，要开始学学AS3了。。。 (0)
	时隔好~久，终于又完成一个WP站，简洁最高！~ 浏览器宽高数据读取的JS方法汇总 (0)
	我的又一个新站~ Cargo，数了一下这是自己做的第14个wordpress了哇。。。 (0)


]]></description>
			<content:encoded><![CDATA[<blockquote><p>占位喊一声，有8个google wave邀请码，有需要的话。。。</p></blockquote>
<p>有2天空闲，又做了一个新滴WP，依旧是sandbox基础~ 依旧是不做设计只做代码~</p>
<p>首先是把图片地址写入WP日志，首页调用的时候用js随机取出一张作为首页封面图，同时使用了masonry做插缝的绝对定位排列，所以需要知道每张图的高宽，然后这中间就问题多多，js在不同浏览器下的执行顺序啊，页面结构的读取顺序啊，图片加载完全的判断啊，都不一样，头痛了挺久，不过还好最后解决了~~ FF/IE7/IE6测试通过~~ 撒花~~</p>
<p><a href="../../test/common/"  target="_blank" ><img src="../../images/commonwealth.jpg"  alt="" /></a></p>
<p><span id="more-566" ></span>然后今天看到了关于WP主题框架介绍的文章（相关资料在最下面有链接~），我是爱用且只用过sandbox，不过主题本身已经不更新了，到WP2.9版本官方增加了不少新的function，所以其实一直在想着要不要换个框架试试看，那么，在这里先把以前的东西晒一晒，俺是picasa被封的受害者，绝大多数测试网站图片都是在picasa下，现在看不见了只能内牛，555，嘛，下次选个新的框架用用，也换个新的相册，如果勤快的话再追加下使用体验啥的~~</p>
<p><a href="../../test/lamalla/"  target="_blank" ><img src="../../images/lamalla.jpg"  alt="" /></a><br/>
<a href="../../test/cargo/"  target="_blank" ><img src="../../images/cargo.jpg"  alt="" /></a><br/>
<a href="../../test/mareen/"  target="_blank" ><img src="../../images/mareen.jpg"  alt="" /></a><br/>
<a href="../../test/sinato/"  target="_blank" ><img src="../../images/sinato.jpg"  alt="" /></a><br/>
<a href="../../#" ><img src="../../images/modx.jpg"  alt="" /></a><br/>
<a href="../../newbility/"  target="_blank" ><img src="../../images/newbility.jpg"  alt="" /></a><br/>
<a href="../../test/ewout/"  target="_blank" ><img src="../../images/deskfaces.jpg"  alt="" /></a><br/>
<a href="../../test/joshsmith/"  target="_blank" ><img src="../../images/josh.jpg"  alt="" /></a><br/>
<a href="../../test/letters-numbers/"  target="_blank" ><img src="../../images/letters.jpg"  alt="" /></a><br/>
<a href="../../test/nile/"  target="_blank" ><img src="../../images/nile.jpg"  alt="" /></a><br/>
<a href="../../test/bohdan/"  target="_blank" ><img src="../../images/bohdan.jpg"  alt="" /></a><br/>
<a href="../../test/visualbox/"  target="_blank" ><img src="../../images/visualbox.jpg"  alt="" /></a><br/>
<a href="../../test/fabrik2/"  target="_blank" ><img src="../../images/fabrik2.jpg"  alt="" /></a><br/>
<a href="../../test/ifekt/"  target="_blank" ><img src="../../images/ifekt.jpg"  alt="" /></a></p>
<blockquote><p><a href="http://www.problogdesign.com/wordpress/a-comparison-of-6-popular-wordpress-frameworks/"  target="_blank"  class="external" >A Comparison of 6 Popular WordPress Frameworks</a></p>
<p><a href="http://www.catswhocode.com/blog/wordpress-theme-frameworks"  target="_blank"  class="external" >Wordpress Theme Frameworks explained</a></p></blockquote>

	标签：<a href="http://www.originalcolors.cn/work/tag/sandbox" title="sandbox" rel="tag nofollow">sandbox</a>, <a href="http://www.originalcolors.cn/work/tag/wordpress" title="Wordpress" rel="tag nofollow">Wordpress</a>, <a href="http://www.originalcolors.cn/work/tag/theme" title="┨Theme" rel="tag nofollow">┨Theme</a>, <a href="http://www.originalcolors.cn/work/tag/%e6%a1%86%e6%9e%b6" title="框架" rel="tag nofollow">框架</a><br />

	<br /><h4>相关日志</h4>
	<ul class="st-related-posts">
	<li><a href="http://www.originalcolors.cn/work/wordpress-sandbox-nile-inside.html" title="wordpress+sandbox=Nile Inside，禁IE下打开，后果自负。。。 (2009-02-27)">wordpress+sandbox=Nile Inside，禁IE下打开，后果自负。。。</a> (1)</li>
	<li><a href="http://www.originalcolors.cn/work/today-s-ooxx.html" title="锵锵锵，偶又有新站啦！~ Today&#8217;s OOXX，5.4青年节正式开放啦！~ (2009-05-04)">锵锵锵，偶又有新站啦！~ Today&#8217;s OOXX，5.4青年节正式开放啦！~</a> (5)</li>
	<li><a href="http://www.originalcolors.cn/work/15th-wp-as3-start.html" title="最后的挣扎，15th WP站，BOSS说，要开始学学AS3了。。。 (2009-11-11)">最后的挣扎，15th WP站，BOSS说，要开始学学AS3了。。。</a> (0)</li>
	<li><a href="http://www.originalcolors.cn/work/new-wordpress-website-mareen.html" title="时隔好~久，终于又完成一个WP站，简洁最高！~ 浏览器宽高数据读取的JS方法汇总 (2009-08-14)">时隔好~久，终于又完成一个WP站，简洁最高！~ 浏览器宽高数据读取的JS方法汇总</a> (0)</li>
	<li><a href="http://www.originalcolors.cn/work/14th-wordpress-cargo.html" title="我的又一个新站~ Cargo，数了一下这是自己做的第14个wordpress了哇。。。 (2009-10-29)">我的又一个新站~ Cargo，数了一下这是自己做的第14个wordpress了哇。。。</a> (0)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.originalcolors.cn/work/wordpress-themes.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>小众软件闲晃，好物多多，留爪印</title>
		<link>http://www.originalcolors.cn/work/appinn.html</link>
		<comments>http://www.originalcolors.cn/work/appinn.html#comments</comments>
		<pubDate>Tue, 01 Dec 2009 09:39:35 +0000</pubDate>
		<dc:creator>ponytail</dc:creator>
		
		<category><![CDATA[┨Soooooftware]]></category>

		<category><![CDATA[zapr]]></category>

		<category><![CDATA[小众软件]]></category>

		<guid isPermaLink="false">http://www.originalcolors.cn/work/?p=561</guid>
		<description><![CDATA[万万没想到最近的状态下能用上“闲晃”俩字，商城页面扔一边（资料没到位），html5扔一边（AS3冲在前面了），AS3扔一边（我眼睛疼了）。。。嘛，今天我就是闲晃了！日志不要被BOSS看到就好了~~
虽然我的电脑，22寸屏，点开所有软件也已经有2个抽屉出来了，不过，我还是会继续努力装滴~~ 只要能在某方便方便我，我都会装，不过要考虑下用不到的要找出来3掉的问题了&#124;&#124;&#124; 虽然很早以前就知道 小众 ，不过没有仔细去逛过，今天一次搞定吧就！~ 恩，10个一页，169页。。。我努力。。。
先记下要装来用的东东，回头我用了再加点字~~
SizeMe 是一款智能刻录工具，能帮助你快速的计算出适合刻录光盘容量大小的文件数据，并添加到刻录工具中
专用链接转换工具 可以将迅雷，快车，旋风，以及 Rayfile，BitComet 等几种下载工具的专用链接转换为普通地址
ExtremeCopy 是一款快速文件拷贝/移动工具，拷贝大文件必备，支持通配符
淘宝一箩筐 是一款淘宝商品搜索软件，当我们想一次购买多种商品时，可以快速找出同时出售这几种商品的卖家，这样就可以在一家内买齐所有商品，方便的同时节省邮费。
StoryView 是一款电子小说阅读器，作者说旨在为读者提供一个最安逸的电子小说阅读环境，支持 Vista 以及 Windows7。最重要是自动滚屏~
Image Grabber II 是用来生成电影缩略图的，按时间段自动截取电影缩略图，方便快捷
ImgBurn 著名的 CD/DVD 刻录软件于 7月26日更新到了 v2.5.0.0 版本
Piriform 系列软件更新及汉化(CCleaner/Defraggler/Recuva)
SMPlayer 纯净，好用的播放器
剪贴板增强软件综述:CLCL,ClipX,Ditto等 - 善用佳软
Foto-Mosaik-Edda 用你的照片拼接照片
WizBrother SaveAs Plus 是一款非常棒的网页保存工具，基本可以 100% 保存网页的 (保存为 html，mht，zip)
QQ 影音 v1.2 正式版，功能手札
BB FlashBack Express 强大好用的屏幕录制软件
数码照片压缩大师 是一款简明的数码照片压缩工具，以便节省空间及网络传输的快捷
Everything (中文主页)  是一款很牛的文件搜索软件， 速度飞快，支持正则表达式
OX163 新版网易相册下载利器
Extension List Dumper 轻松导出 Firefox 扩展和主题列表
Zapr 是一款能将电脑里任何需要分享的文件或文件夹创建成链接，并可以通过链接下载的软件
NTLEA [...]]]></description>
			<content:encoded><![CDATA[<p>万万没想到最近的状态下能用上“闲晃”俩字，商城页面扔一边（资料没到位），html5扔一边（AS3冲在前面了），AS3扔一边（我眼睛疼了）。。。嘛，今天我就是闲晃了！日志不要被BOSS看到就好了~~</p>
<p>虽然我的电脑，22寸屏，点开所有软件也已经有2个抽屉出来了，不过，我还是会继续努力装滴~~ 只要能在某方便方便我，我都会装，不过要考虑下用不到的要找出来3掉的问题了||| 虽然很早以前就知道 <a href="http://www.appinn.com/"  target="_blank"  class="external" >小众</a> ，不过没有仔细去逛过，今天一次搞定吧就！~ 恩，10个一页，169页。。。我努力。。。</p>
<p>先记下要装来用的东东，回头我用了再加点字~~</p>
<p><a href="http://www.appinn.com/SizeMe/"  class="external"  target="_blank" >SizeMe</a> 是一款智能刻录工具，能帮助你快速的计算出适合刻录光盘容量大小的文件数据，并添加到刻录工具中</p>
<p><span id="more-561" ></span><a href="http://www.appinn.com/down-link-c/"  class="external"  target="_blank" >专用链接转换工具</a> 可以将迅雷，快车，旋风，以及 Rayfile，BitComet 等几种下载工具的专用链接转换为普通地址</p>
<p><a href="http://www.appinn.com/extremecopy/"  class="external"  target="_blank" >ExtremeCopy</a> 是一款快速文件拷贝/移动工具，拷贝大文件必备，支持通配符</p>
<p><a href="http://www.appinn.com/taobaobasket"  class="external"  target="_blank" >淘宝一箩筐</a> 是一款淘宝商品搜索软件，当我们想一次购买多种商品时，可以快速找出同时出售这几种商品的卖家，这样就可以在一家内买齐所有商品，方便的同时节省邮费。</p>
<p><a href="http://www.appinn.com/storyview/"  class="external"  target="_blank" >StoryView</a> 是一款电子小说阅读器，作者说旨在为读者提供一个最安逸的电子小说阅读环境，支持 Vista 以及 Windows7。最重要是自动滚屏~</p>
<p><a href="http://www.appinn.com/image-grabber-2/"  class="external"  target="_blank" >Image Grabber II</a> 是用来生成电影缩略图的，按时间段自动截取电影缩略图，方便快捷</p>
<p><a href="http://www.appinn.com/imgburn/"  class="external"  target="_blank" >ImgBurn</a> 著名的 CD/DVD 刻录软件于 7月26日更新到了 v2.5.0.0 版本</p>
<p><a href="http://www.appinn.com/piriform-h-ccleaner-defraggler-recuva/"  target="_blank"  class="external" >Piriform</a> 系列软件更新及汉化(CCleaner/Defraggler/Recuva)</p>
<p><a href="http://www.appinn.com/smplayer/"  target="_blank"  class="external" >SMPlayer</a> 纯净，好用的播放器</p>
<p><a href="http://xbeta.info/clipx-clcl-ditto.htm"  target="_blank"  class="external" >剪贴板增强软件综述:CLCL,ClipX,Ditto等</a> - 善用佳软</p>
<p><a href="http://www.appinn.com/Foto-Mosaik-Edda/"  class="external"  target="_blank" >Foto-Mosaik-Edda</a> 用你的照片拼接照片</p>
<p><a href="http://www.appinn.com/wizbrother-saveas-plus/"  class="external"  target="_blank" >WizBrother SaveAs Plus</a> 是一款非常棒的网页保存工具，基本可以 100% 保存网页的 (保存为 html，mht，zip)</p>
<p><a href="http://www.appinn.com/qq-player/"  target="_blank"  class="external" >QQ 影音 v1.2 正式版，功能手札</a></p>
<p><a href="http://www.appinn.com/bb-flashback-express/"  target="_blank"  class="external" >BB FlashBack Express</a> 强大好用的屏幕录制软件</p>
<p><a href="http://www.jelllove.com/view.asp?type=soft&amp;name=%CA%FD%C2%EB%D5%D5%C6%AC%D1%B9%CB%F5%B4%F3%CA%A6%201.0&amp;hot=false"  class="external"  target="_blank" >数码照片压缩大师</a> 是一款简明的数码照片压缩工具，以便节省空间及网络传输的快捷</p>
<p><a href="http://www.voidtools.com/"  class="external"  target="_blank" >Everything</a> (<a href="http://xbeta.info/everything.htm"  class="external"  target="_blank" >中文主页</a>)  是一款很牛的文件搜索软件， 速度飞快，支持正则表达式</p>
<p><a href="http://www.appinn.com/ox163/"  target="_blank"  class="external" >OX163</a> 新版网易相册下载利器</p>
<p><a href="http://www.appinn.com/extension-list-dumper/"  target="_blank"  class="external" >Extension List Dumper</a> 轻松导出 Firefox 扩展和主题列表</p>
<p><a href="http://www.zapr.com/china/index.aspx"  class="external"  target="_blank" >Zapr</a> 是一款能将电脑里任何需要分享的文件或文件夹创建成链接，并可以通过链接下载的软件</p>
<p><a href="http://www.appinn.com/ntlea/"  target="_blank"  class="external" >NTLEA （NT Locale Emulator Advance）</a>是一个区域及内码转换软件,专门用来解决游戏或软件乱码</p>
<p><a href="http://www.appinn.com/htm2chm/"  target="_blank"  class="external" >htm2chm</a> 把网页打包成帮助文档</p>
<p><a href="http://www.appinn.com/smart-shutdown/"  target="_blank"  class="external" >Smart Shutdown</a> 很纯粹的关机软件</p>
<p><a href="http://www.appinn.com/turn-off-lcd/"  target="_blank"  class="external" >Turn Off LCD</a> 一键关闭显示器屏幕</p>
<p><a href="http://www.appinn.com/formatfactory/"  target="_blank"  class="external" >FormatFactory</a> 免费近全能的多媒体格式转换</p>
<p><a href="http://www.appinn.com/refcontrol/"  target="_blank"  class="external" >refcontrol</a> 突破相册图片外链限制</p>
<p><a href="http://www.appinn.com/flv-extract/"  target="_blank"  class="external" >FLV Extract FLV</a> 文件中音乐视频的提取</p>
<blockquote><p>晃了一天。。。到90页，07年了，之前的我就无力了，好东西真真不少，记得自己去扒哈，我这边就自己慢慢用慢慢体会吧~~ 不过唯一马上试用上的 <a href="http://www.zapr.com/china/index.aspx"  class="external"  target="_blank" >Zapr</a> 这玩意到我这里不好用的，所有的生成链接地址都DNS 错误 - 找不到服务器，官网挂了么？郁闷一下|||</p></blockquote>

	标签：<a href="http://www.originalcolors.cn/work/tag/zapr" title="zapr" rel="tag nofollow">zapr</a>, <a href="http://www.originalcolors.cn/work/tag/%e5%b0%8f%e4%bc%97%e8%bd%af%e4%bb%b6" title="小众软件" rel="tag nofollow">小众软件</a><br />

	<br /><h4>相关日志</h4>
	<ul class="st-related-posts">
	<li>暂无相关日志</li>
	</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.originalcolors.cn/work/appinn.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>最后的挣扎，15th WP站，BOSS说，要开始学学AS3了。。。</title>
		<link>http://www.originalcolors.cn/work/15th-wp-as3-start.html</link>
		<comments>http://www.originalcolors.cn/work/15th-wp-as3-start.html#comments</comments>
		<pubDate>Wed, 11 Nov 2009 05:35:58 +0000</pubDate>
		<dc:creator>ponytail</dc:creator>
		
		<category><![CDATA[┨Dooooitmyself]]></category>

		<category><![CDATA[actionscript3]]></category>

		<category><![CDATA[lamalla]]></category>

		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.originalcolors.cn/work/?p=554</guid>
		<description><![CDATA[热乎乎的，15th，lamalla ~ 然后，就要开始学习AS3鸟~~ 以前学过一下子，后来觉得AS2够用，就中途没继续了，现在想想，也还是捡一点起来好~
再说回这个WP，有Bug，刚放出去天地会的兄弟就提出来了，鼠标狂移就出错，嘛嘛嘛，这个我也知道的，速成品就这样，我也懒得修正的了。。。
深刻的觉得，果然，做程序的都有强迫症。。。我自己就超喜欢看个网站的时候拖拖窗口大小啥的。。。


	标签：actionscript3, lamalla, Wordpress

	相关日志
	
	锵锵锵，偶又有新站啦！~ Today&#8217;s OOXX，5.4青年节正式开放啦！~ (5)
	时隔好~久，终于又完成一个WP站，简洁最高！~ 浏览器宽高数据读取的JS方法汇总 (0)
	我的又一个新站~ Cargo，数了一下这是自己做的第14个wordpress了哇。。。 (0)
	强大的东东，Divine，PSD直接就转WP了 (4)
	今天无意间发现了wordpress 2.7后台Matrix彩蛋！~~ 吼吼~~ (0)


]]></description>
			<content:encoded><![CDATA[<p>热乎乎的，15th，<a href="http://www.originalcolors.cn/test/lamalla/"  target="_blank" >lamalla</a> ~ 然后，就要开始学习AS3鸟~~ 以前学过一下子，后来觉得AS2够用，就中途没继续了，现在想想，也还是捡一点起来好~</p>
<p>再说回这个WP，有Bug，刚放出去天地会的兄弟就提出来了，鼠标狂移就出错，嘛嘛嘛，这个我也知道的，速成品就这样，我也懒得修正的了。。。</p>
<p>深刻的觉得，果然，做程序的都有强迫症。。。我自己就超喜欢看个网站的时候拖拖窗口大小啥的。。。</p>
<p><a href="http://www.originalcolors.cn/test/lamalla/"  target="_blank" ><img src="http://www.originalcolors.cn/images/lamalla.jpg"  alt="" /></a></p>

	标签：<a href="http://www.originalcolors.cn/work/tag/actionscript3" title="actionscript3" rel="tag nofollow">actionscript3</a>, <a href="http://www.originalcolors.cn/work/tag/lamalla" title="lamalla" rel="tag nofollow">lamalla</a>, <a href="http://www.originalcolors.cn/work/tag/wordpress" title="Wordpress" rel="tag nofollow">Wordpress</a><br />

	<br /><h4>相关日志</h4>
	<ul class="st-related-posts">
	<li><a href="http://www.originalcolors.cn/work/today-s-ooxx.html" title="锵锵锵，偶又有新站啦！~ Today&#8217;s OOXX，5.4青年节正式开放啦！~ (2009-05-04)">锵锵锵，偶又有新站啦！~ Today&#8217;s OOXX，5.4青年节正式开放啦！~</a> (5)</li>
	<li><a href="http://www.originalcolors.cn/work/new-wordpress-website-mareen.html" title="时隔好~久，终于又完成一个WP站，简洁最高！~ 浏览器宽高数据读取的JS方法汇总 (2009-08-14)">时隔好~久，终于又完成一个WP站，简洁最高！~ 浏览器宽高数据读取的JS方法汇总</a> (0)</li>
	<li><a href="http://www.originalcolors.cn/work/14th-wordpress-cargo.html" title="我的又一个新站~ Cargo，数了一下这是自己做的第14个wordpress了哇。。。 (2009-10-29)">我的又一个新站~ Cargo，数了一下这是自己做的第14个wordpress了哇。。。</a> (0)</li>
	<li><a href="http://www.originalcolors.cn/work/divine.html" title="强大的东东，Divine，PSD直接就转WP了 (2009-08-06)">强大的东东，Divine，PSD直接就转WP了</a> (4)</li>
	<li><a href="http://www.originalcolors.cn/work/wordpress-27-matrix-egg.html" title="今天无意间发现了wordpress 2.7后台Matrix彩蛋！~~ 吼吼~~ (2008-12-18)">今天无意间发现了wordpress 2.7后台Matrix彩蛋！~~ 吼吼~~</a> (0)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.originalcolors.cn/work/15th-wp-as3-start.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>我的又一个新站~ Cargo，数了一下这是自己做的第14个wordpress了哇。。。</title>
		<link>http://www.originalcolors.cn/work/14th-wordpress-cargo.html</link>
		<comments>http://www.originalcolors.cn/work/14th-wordpress-cargo.html#comments</comments>
		<pubDate>Thu, 29 Oct 2009 07:00:28 +0000</pubDate>
		<dc:creator>ponytail</dc:creator>
		
		<category><![CDATA[┨Desiiiiiiiiiiiiign]]></category>

		<category><![CDATA[cargo]]></category>

		<category><![CDATA[Wordpress]]></category>

		<category><![CDATA[国内空间]]></category>

		<guid isPermaLink="false">http://www.originalcolors.cn/work/?p=548</guid>
		<description><![CDATA[其他可以到我首页 www.originalcolors.cn 看~
最近有些事情想不清楚，终于我的迷茫期来了么。。。
隔了好久好久，真的是手痒到不行了呢 ,空下来的时间再次动起手来做点东西~~ 这次不仅仅是改了index的东西，category和single也做了修改哦，以前都是做效果直接把其他页面屏蔽掉&#124;&#124;&#124; 请点点看~~ Cargo

话说我已经懒到1月更新一篇日志了，上次的是9月22写的&#124;&#124;&#124; 因为这个原因，PR值也从3降到2了，我看我这里的访问一天也就30左右，最近的工作和生活还真是提不起什么劲来折腾。。。
啊啊啊啊啊，想到，周末老妈老爸就要过来，要开始一阵子难熬的生活了？谁让我在外面放疯了6年，突然的变化不知道会产生啥样的后果捏，我是不是终于可以下定决心去报班上日语课了，这样就不用每天跑回家报到吃晚饭？
还有就是，我换国内空间了，原来那个国外空间本来就慢，我又狂爱装插件胡乱修改的，据我朋友说打开我的博客他们实验室的机子就会死翘翘。。。新空间厚脸皮要到了600M，搬家时候才发现原来那十几个WP的体积也到了400+M，一直想找那种根据子域名判断数据库换内容换皮肤的方法试试，就可以不用做一个模版传一个WP了呢。。。嘛，先这样吧。。。我懒。。。新空间我自己没啥感觉，有觉得变快了的吱一声哈~
tool.wopus.org 跑到这里看了一下，为啥我的两个域名，Google收录都是0呢。。。搞不懂。。。
有气无力。。。不写了。。。
突然看到右下角想起还错过了开博1周年的纪念。。。嘛，等下月吧，如果我还不至于懒得不想折腾。。。

	标签：cargo, Wordpress, 国内空间

	相关日志
	
	锵锵锵，偶又有新站啦！~ Today&#8217;s OOXX，5.4青年节正式开放啦！~ (5)
	最后的挣扎，15th WP站，BOSS说，要开始学学AS3了。。。 (0)
	时隔好~久，终于又完成一个WP站，简洁最高！~ 浏览器宽高数据读取的JS方法汇总 (0)
	强大的东东，Divine，PSD直接就转WP了 (4)
	今天无意间发现了wordpress 2.7后台Matrix彩蛋！~~ 吼吼~~ (0)


]]></description>
			<content:encoded><![CDATA[<blockquote><p>其他可以到我首页 <a href="www.originalcolors.cn/"  target="_blank" >www.originalcolors.cn</a> 看~</p></blockquote>
<p>最近有些事情想不清楚，终于我的迷茫期来了么。。。</p>
<p>隔了好久好久，真的是手痒到不行了呢 ,空下来的时间再次动起手来做点东西~~ 这次不仅仅是改了index的东西，category和single也做了修改哦，以前都是做效果直接把其他页面屏蔽掉||| 请点点看~~ <a href="http://www.originalcolors.cn/test/cargo/"  target="_blank" >Cargo</a></p>
<p><a href="http://www.originalcolors.cn/test/cargo/"  target="_blank" ><img src="http://www.originalcolors.cn/images/cargo.jpg"  alt="" /></a></p>
<p><span id="more-548" ></span>话说我已经懒到1月更新一篇日志了，上次的是9月22写的||| 因为这个原因，PR值也从3降到2了，我看我这里的访问一天也就30左右，最近的工作和生活还真是提不起什么劲来折腾。。。</p>
<p>啊啊啊啊啊，想到，周末老妈老爸就要过来，要开始一阵子难熬的生活了？谁让我在外面放疯了6年，突然的变化不知道会产生啥样的后果捏，我是不是终于可以下定决心去报班上日语课了，这样就不用每天跑回家报到吃晚饭？</p>
<p>还有就是，我换国内空间了，原来那个国外空间本来就慢，我又狂爱装插件胡乱修改的，据我朋友说打开我的博客他们实验室的机子就会死翘翘。。。新空间厚脸皮要到了600M，搬家时候才发现原来那十几个WP的体积也到了400+M，一直想找那种根据子域名判断数据库换内容换皮肤的方法试试，就可以不用做一个模版传一个WP了呢。。。嘛，先这样吧。。。我懒。。。新空间我自己没啥感觉，有觉得变快了的吱一声哈~</p>
<p><a href="http://tool.wopus.org/"  title="http://tool.wopus.org/"  class="autohyperlink external"  target="_blank" >tool.wopus.org</a> 跑到这里看了一下，为啥我的两个域名，Google收录都是0呢。。。搞不懂。。。</p>
<p>有气无力。。。不写了。。。</p>
<blockquote><p>突然看到右下角想起还错过了开博1周年的纪念。。。嘛，等下月吧，如果我还不至于懒得不想折腾。。。</p></blockquote>

	标签：<a href="http://www.originalcolors.cn/work/tag/cargo" title="cargo" rel="tag nofollow">cargo</a>, <a href="http://www.originalcolors.cn/work/tag/wordpress" title="Wordpress" rel="tag nofollow">Wordpress</a>, <a href="http://www.originalcolors.cn/work/tag/%e5%9b%bd%e5%86%85%e7%a9%ba%e9%97%b4" title="国内空间" rel="tag nofollow">国内空间</a><br />

	<br /><h4>相关日志</h4>
	<ul class="st-related-posts">
	<li><a href="http://www.originalcolors.cn/work/today-s-ooxx.html" title="锵锵锵，偶又有新站啦！~ Today&#8217;s OOXX，5.4青年节正式开放啦！~ (2009-05-04)">锵锵锵，偶又有新站啦！~ Today&#8217;s OOXX，5.4青年节正式开放啦！~</a> (5)</li>
	<li><a href="http://www.originalcolors.cn/work/15th-wp-as3-start.html" title="最后的挣扎，15th WP站，BOSS说，要开始学学AS3了。。。 (2009-11-11)">最后的挣扎，15th WP站，BOSS说，要开始学学AS3了。。。</a> (0)</li>
	<li><a href="http://www.originalcolors.cn/work/new-wordpress-website-mareen.html" title="时隔好~久，终于又完成一个WP站，简洁最高！~ 浏览器宽高数据读取的JS方法汇总 (2009-08-14)">时隔好~久，终于又完成一个WP站，简洁最高！~ 浏览器宽高数据读取的JS方法汇总</a> (0)</li>
	<li><a href="http://www.originalcolors.cn/work/divine.html" title="强大的东东，Divine，PSD直接就转WP了 (2009-08-06)">强大的东东，Divine，PSD直接就转WP了</a> (4)</li>
	<li><a href="http://www.originalcolors.cn/work/wordpress-27-matrix-egg.html" title="今天无意间发现了wordpress 2.7后台Matrix彩蛋！~~ 吼吼~~ (2008-12-18)">今天无意间发现了wordpress 2.7后台Matrix彩蛋！~~ 吼吼~~</a> (0)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.originalcolors.cn/work/14th-wordpress-cargo.html/feed</wfw:commentRss>
		</item>
	</channel>
</rss>
