<?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/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	xmlns:series="http://unfoldingneurons.com/"
	>

<channel>
	<title>不一样的蚊子 &#187; 视觉设计</title>
	<atom:link href="http://adamghost.com/category/technique/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://adamghost.com</link>
	<description>交互设计师——专注用户体验。</description>
	<lastBuildDate>Mon, 23 Jan 2012 03:08:42 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=abc</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>淘宝旺旺公仔涂鸦大赛作品</title>
		<link>http://adamghost.com/2010/02/taobao-doll-doodle/</link>
		<comments>http://adamghost.com/2010/02/taobao-doll-doodle/#comments</comments>
		<pubDate>Wed, 03 Feb 2010 14:39:25 +0000</pubDate>
		<dc:creator>不一样的蚊子</dc:creator>
				<category><![CDATA[摄影无忌]]></category>
		<category><![CDATA[生活点滴]]></category>
		<category><![CDATA[视觉设计]]></category>
		<category><![CDATA[旺旺公仔]]></category>
		<category><![CDATA[淘宝公仔]]></category>

		<guid isPermaLink="false">http://adamghost.com/?p=668</guid>
		<description><![CDATA[淘宝旺旺公仔涂鸦大赛作品BY万万林，语凝，咏沙，飞飞。]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.taobao.com/go/act/other/pengyou.html?tracelog=shouye" target="_blank">淘公仔涂鸦大赛</a>，跟着起起哄，先来一张今天下午拍的全家福哦：）</p>
<p><a class="tt-flickr tt-flickr-Medium" title="全家福，左起哪吒（BY飞飞），第二个（By咏沙），小林（By我） ，阿凡达（By语凝），第五个（By咏沙）" href="http://www.flickr.com/photos/adamghost/4327102057/"><img class="alignnone" src="http://farm3.static.flickr.com/2741/4327102057_e8f72b0206.jpg" alt="全家福，左起哪吒（BY飞飞），第二个（By咏沙），小林（By我） ，阿凡达（By语凝），第五个（By咏沙）" width="500" height="277" /></a></p>
<p>全家福，左起哪吒（BY飞飞），第二个（By咏沙），小林（By我） ，阿凡达（By<a href="http://www.hellokady.com/" target="_blank">语凝</a>），第五个（By<a href="http://lovelyrosa.blogbus.com/" target="_blank">咏沙</a>）</p>
<p><a class="tt-flickr tt-flickr-Medium" title="全家福，左起第一个（By咏沙），第二个（By咏沙），小林（By我 ），阿凡达（By语凝）" href="http://www.flickr.com/photos/adamghost/4327834892/"><img class="alignnone" src="http://farm5.static.flickr.com/4052/4327834892_afa00f0c01.jpg" alt="全家福，左起第一个（By咏沙），第二个（By咏沙），小林（By我 ），阿凡达（By语凝）" width="500" height="333" /></a></p>
<p>全家福，左起第一个（By咏沙），第二个（By咏沙），小林（By我 ），阿凡达（By<a href="http://www.hellokady.com/" target="_blank">语凝</a>）</p>
<p><a class="tt-flickr tt-flickr-Medium" title="我画的小林铅笔稿" href="http://www.flickr.com/photos/adamghost/4327102335/"><img class="alignnone" src="http://farm5.static.flickr.com/4039/4327102335_7916864b2c.jpg" alt="我画的小林铅笔稿" width="375" height="500" /></a></p>
<p><strong>我画的七龙珠小林铅笔稿</strong>。绘画水平有限，就搬了鸟山明爷爷的创意咯。之所以选择他，因为：</p>
<ul>
<li><strong>小林</strong>，名字里有一个和我一样；</li>
<li><strong>没有头发</strong>，画起来简单，识别性高，要不别人看不出来是谁 HOHO。</li>
<li><strong>喜欢七龙珠</strong>，小时候特着迷。</li>
</ul>
<p>感谢初彤MM的丙烯颜料，上色后帅呆呆。</p>
<p><a title="我的七龙珠小林公仔上完色咯！" href="http://www.flickr.com/photos/adamghost/4327102891/"><img style="border: 0px initial initial;" src="http://farm3.static.flickr.com/2766/4327102891_a38b7789ce.jpg" alt="我的七龙珠小林公仔上完色咯！" width="500" height="375" /></a></p>
<p>再来个特写吧，HOHO</p>
<p><a class="tt-flickr tt-flickr-Medium" title="我的七龙珠小林公仔上完色咯！" href="http://www.flickr.com/photos/adamghost/4327834472/"><img class="alignnone" src="http://farm5.static.flickr.com/4055/4327834472_68f6b2fb0e.jpg" alt="我的七龙珠小林公仔上完色咯！" width="375" height="500" /></a></p>
<h3>下面，是公司同事们的涂鸦公仔，</h3>
<p>我老大<strong><a title="语凝" href="http://www.hellokady.com/" target="_blank">语凝</a></strong>的公仔：阿凡达：</p>
<p><strong><a class="tt-flickr tt-flickr-Medium" title="我老大语凝画的，阿凡达哦！" href="http://www.flickr.com/photos/adamghost/4327835056/"><img class="alignnone" src="http://farm5.static.flickr.com/4056/4327835056_923b7eb097.jpg" alt="我老大语凝画的，阿凡达哦！" width="500" height="375" /></a> </strong></p>
<p><strong>飞飞</strong>的淘宝公仔：哪吒</p>
<p><strong><a class="tt-flickr tt-flickr-Medium" title="哪吒By飞飞" href="http://www.flickr.com/photos/adamghost/4327833310/"><img class="alignnone" src="http://farm3.static.flickr.com/2755/4327833310_30952469a3.jpg" alt="哪吒By飞飞" width="397" height="500" /></a> </strong></p>
<h3>相关站外文章</h3>
<ul>
<li>淘宝网：<a href="http://www.taobao.com/go/act/other/pengyou.html?tracelog=shouye" target="_blank">淘公仔，涂鸦大赛！</a></li>
<li>蓉儿：<a href="http://lovelyrosa.blogbus.com/logs/57751719.html" target="_blank">旺旺公仔</a></li>
<li>淘宝UED.奇灵：<a href="http://ued.taobao.com/blog/2010/01/29/%E6%9C%80%E6%96%B0%E5%87%BA%E7%82%89%E7%9A%84%E6%B6%82%E9%B8%A6%E6%B7%98%E5%85%AC%E4%BB%94/">最新出炉的涂鸦淘公仔</a></li>
<li>淘宝UED.奇灵：<a href="http://ued.taobao.com/blog/2009/11/09/627/" target="_blank">旺旺之母，亲手打造限量淘宝公仔（制作生产全程解密）</a></li>
<li>淘宝UED：<a href="http://ued.taobao.com/blog/2010/01/29/%E6%B7%98%E5%AE%9D%E7%8E%A9%E5%81%B6%E6%B6%82%E9%B8%A6%E5%A4%A7%E8%B5%9B-%E5%8F%91%E6%8C%A5%E4%BD%A0%E7%9A%84%E6%83%B3%E8%B1%A1%E5%8A%9B%E5%92%8C%E5%88%9B%E9%80%A0%E5%8A%9B/" target="_blank">淘宝玩偶涂鸦大赛-发挥你的想象力和创造力</a></li>
</ul>
<h3>相关文章:<br />
<h3>
<ul class="list-related">
<li><a href="http://adamghost.com/2010/03/photo-collection-2009-2010-1/" rel="bookmark" title="02/03/2010">照片集-2009.12-2010.2</a></li>
<li><a href="http://adamghost.com/2009/02/phoenix-nirvana-zh/" rel="bookmark" title="04/02/2009">凤凰涅磐</a></li>
<li><a href="http://adamghost.com/2010/02/%e6%b1%82%e5%a9%9a-the-proposal/" rel="bookmark" title="09/02/2010">求婚 The Proposal</a></li>
<li><a href="http://adamghost.com/2010/09/taobao-2010/" rel="bookmark" title="14/09/2010">淘宝2010半年会剪影</a></li>
<li><a href="http://adamghost.com/2009/03/interview-in-taobao/" rel="bookmark" title="24/03/2009">信心膨胀-分析自己的淘宝之行</a></li>
</ul>
<p><!-- Similar Posts took 15.174 ms --></p>
]]></content:encoded>
			<wfw:commentRss>http://adamghost.com/2010/02/taobao-doll-doodle/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>《UI Designer》第二期正式发布</title>
		<link>http://adamghost.com/2009/07/uirss-ui-designer-edition-2/</link>
		<comments>http://adamghost.com/2009/07/uirss-ui-designer-edition-2/#comments</comments>
		<pubDate>Mon, 20 Jul 2009 13:26:13 +0000</pubDate>
		<dc:creator>不一样的蚊子</dc:creator>
				<category><![CDATA[视觉设计]]></category>
		<category><![CDATA[UIRSS]]></category>

		<guid isPermaLink="false">http://adamghost.com/?p=449</guid>
		<description><![CDATA[《UI Designer》第二期正式发布 ]]></description>
			<content:encoded><![CDATA[<p>《UI Designer》第二期正式发布</p>
<p>《UI Designer》是由<a href="http://www.uirss.com/" target="_blank">UIRSS.com</a>创办，UIRSS.com、ChinaUI.com、UItimes.com三家UI设计媒体联合主办的UI行业权威电子杂志。这一期伴随视觉同盟（联合主办）和iconfans（联合发行）的加盟，声势更加浩大。</p>
<p>《UI Designer》第二期的正式发行，要感谢各位UI界同行的关怀，要感谢各位设计师、作者的支持，更要感谢所有热爱和喜欢这本杂志的读者朋友们的信赖。 因此，从下一期起（预计2010年4月发行），《UI Designer》杂志将会定期发行（发行周期暂定为每半年一次）。<br />
<span class="STYLE1">注：下载地址在本文最后</span></p>
<p><strong>《UI Designer》第二期主要内容：</strong></p>
<ul>
<li> 独家揭密：OPhone UI诞生背后的故事</li>
<li> 走进企业，走近UI
<ul>
<li> 中国移动UI Team</li>
<li> 百度用户体验部</li>
<li> 群硕软件用户体验部</li>
</ul>
</li>
<li> 设计秀场（GUI作品秀）</li>
<li> 专家专栏
<ul>
<li> 你准备好了吗，可用性测试，主持人系列</li>
<li> 谁为用户买单，电子商务中的交互设计</li>
<li> 手持移动设备交互与界面设计精要</li>
<li> 手机MP3播放器界面设计（GUI教程）</li>
<li> 一个写实风格的ico是如何诞生的（GUI教程）</li>
</ul>
</li>
<li>UX界
<ul>
<li>中国VS国外（作者：刘超，中国移动研究院UI Team负责人）</li>
<li>戒盲目、戒浮躁（作者：张海龙，百度用户体验部高级经理）</li>
<li>设计的价值（作者：朱印，前微软设计主管）</li>
<li>UI业的持续健康发展（作者：邹翔，SKYUI创始人）</li>
</ul>
</li>
</ul>
<p><strong>《UI Designer》第二期截图：</strong></p>
<p><img src="http://www.uirss.com/uploads/uidesigner2_1.jpg" alt="" width="600" height="411" /></p>
<p><img src="http://www.uirss.com/uploads/uidesigner2_2.jpg" alt="" width="600" height="411" /></p>
<p><img src="http://www.uirss.com/uploads/uidesigner2_3.jpg" alt="" width="600" height="411" /></p>
<p><img src="http://www.uirss.com/uploads/uidesigner2_4.jpg" alt="" width="600" height="411" /></p>
<p><img src="http://www.uirss.com/uploads/uidesigner2_5.jpg" alt="" width="600" height="411" /></p>
<p><img src="http://www.uirss.com/uploads/uidesigner2_6.jpg" alt="" width="600" height="411" /></p>
<p><img src="http://www.uirss.com/uploads/uidesigner2_7.jpg" alt="" width="600" height="411" /></p>
<p><img src="http://www.uirss.com/uploads/uidesigner2_8.jpg" alt="" width="600" height="411" /></p>
<p><img src="http://www.uirss.com/uploads/uidesigner2_9.jpg" alt="" width="600" height="411" /></p>
<p><img src="http://www.uirss.com/uploads/uidesigner2_10.jpg" alt="" width="600" height="411" /></p>
<p><img src="http://www.uirss.com/uploads/uidesigner2_11.jpg" alt="" width="600" height="411" /></p>
<p><strong>支持机构：</strong></p>
<ul>
<li> UPA中国</li>
<li>newwebpick</li>
<li>Arting365</li>
<li>DRC设计资源协作网</li>
<li>动漫交易网</li>
<li>圆点视线</li>
<li>中国插画网</li>
<li>设计·中国</li>
<li>点击动漫网</li>
<li>视觉天下</li>
<li>CGfinal</li>
<li>中国动画网</li>
<li>花果山</li>
<li>水晶石</li>
<li>视觉联盟</li>
<li>创意酷</li>
<li>火神网</li>
<li>设计中国</li>
<li>漫域学园</li>
<li>蓝色理想</li>
<li>CGS创业联盟</li>
<li>DDC传媒</li>
<li>中国美术联盟</li>
<li>视觉天下</li>
<li>FLY视觉</li>
<li>第七频道</li>
<li>设计之家</li>
</ul>
<p><strong>下载地址：</strong></p>
<ul>
<li> 下载地址1（<span class="STYLE1">推荐</span>）：<a href="http://www.china-channel.com/ui/UI_Designer_2009.zip" target="_blank">http://www.china-channel.com/ui/UI_Designer_2009.zip</a>（由<a href="http://www.35.com/" target="_blank">35互联</a>赞助提供）</li>
<li> 下载地址2：<a href="http://temp.chinaui.com/UI_Designer_v2.rar" target="_blank">http://temp.chinaui.com/UI_Designer_v2.rar</a>（由<a href="http://www.chinaui.com/" target="_blank">chinaui</a>提供）</li>
<li> 下载地址3：<a href="http://www.onvision.com.cn/ui/UI_Designer_2009.zip" target="_blank">http://www.onvision.com.cn/ui/UI_Designer_2009.zip</a>（由<a href="http://www.visionunion.com/" target="_blank">视觉同盟</a>提供）</li>
<li>下载地址4：<a href="http://www.uirss.com/downloads/UI_Designer_v2.rar" target="_blank">http://www.uirss.com/downloads/UI_Designer_v2.rar</a>（由<a href="http://www.uirss.com/" target="_blank">UIRSS.com</a>提供）</li>
<li>下载地址5：<a href="http://www.iconfans.com/ifdownload/UI_Designer_2009.zip" target="_blank">http://www.iconfans.com/ifdownload/UI_Designer_2009.zip</a>（由<a href="http://www.iconfans.com/" target="_blank">IconFans</a>提供）</li>
</ul>
<h3>相关文章:<br />
<h3>
<ul class="list-related">
<li><a href="http://adamghost.com/2009/02/phoenix-nirvana-zh/" rel="bookmark" title="04/02/2009">凤凰涅磐</a></li>
<li><a href="http://adamghost.com/2009/02/phoenix-nirvana/" rel="bookmark" title="04/02/2009">Phoenix Nirvana</a></li>
<li><a href="http://adamghost.com/2008/12/logo-design-%e8%8b%b1%e8%af%ad%e7%bb%8f%e8%b4%b8%e7%b3%bb/" rel="bookmark" title="17/12/2008">logo design 英语经贸系</a></li>
<li><a href="http://adamghost.com/2008/11/%e6%a2%a6%e9%a3%9e%e5%b7%a5%e4%bd%9c%e5%ae%a4%e6%8b%9b%e6%96%b0%e6%b5%b7%e6%8a%a520080911/" rel="bookmark" title="19/11/2008">梦飞工作室招新海报2008.09.11</a></li>
<li><a href="http://adamghost.com/2008/11/%e5%8f%91%e4%b8%80%e5%b8%ae%e6%9c%8b%e5%8f%8b%e5%81%9a%e7%9a%84logo/" rel="bookmark" title="26/11/2008">发一帮朋友做的LOGO</a></li>
</ul>
<p><!-- Similar Posts took 8.828 ms --></p>
]]></content:encoded>
			<wfw:commentRss>http://adamghost.com/2009/07/uirss-ui-designer-edition-2/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Phoenix Nirvana</title>
		<link>http://adamghost.com/2009/02/phoenix-nirvana/</link>
		<comments>http://adamghost.com/2009/02/phoenix-nirvana/#comments</comments>
		<pubDate>Wed, 04 Feb 2009 10:02:08 +0000</pubDate>
		<dc:creator>不一样的蚊子</dc:creator>
				<category><![CDATA[视觉设计]]></category>

		<guid isPermaLink="false">http://adamghost.com/2009/02/phoenix-nirvana/</guid>
		<description><![CDATA[This illustration during my first summer vocation of my university life in 2006. With deeply love of vender, use Microsoft Expression Design to draw her.
And this was sent to Emmy.Xiao as a gift.

相关文章:


凤凰涅磐
Logo Design for Raina
Logo 微软技术俱乐部
logo design 英语经贸系
发一帮朋友做的LOGO


]]></description>
			<content:encoded><![CDATA[<p>This illustration during my first summer vocation of my university life in 2006. With deeply love of vender, use <a href="http://www.microsoft.com/expression/" target="_blank" title="Microsoft Expression Design">Microsoft Expression Design</a> to draw her.</p>
<p>And this was sent to Emmy.Xiao as a gift.</p>
<p><a href="http://adamghost.com/wp-content/uploads/2009/02/phoenixnirvana.gif"><img title="Phoenix-Nirvana" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="390" alt="Phoenix-Nirvana" src="http://adamghost.com/wp-content/uploads/2009/02/phoenixnirvana-thumb.gif" width="600" border="0" /></a></p>
<h3>相关文章:<br />
<h3>
<ul class="list-related">
<li><a href="http://adamghost.com/2009/02/phoenix-nirvana-zh/" rel="bookmark" title="04/02/2009">凤凰涅磐</a></li>
<li><a href="http://adamghost.com/2008/12/logo-design-for-raina-2/" rel="bookmark" title="08/12/2008">Logo Design for Raina</a></li>
<li><a href="http://adamghost.com/2008/12/logo-%e5%be%ae%e8%bd%af%e6%8a%80%e6%9c%af%e4%bf%b1%e4%b9%90%e9%83%a8/" rel="bookmark" title="14/12/2008">Logo 微软技术俱乐部</a></li>
<li><a href="http://adamghost.com/2008/12/logo-design-%e8%8b%b1%e8%af%ad%e7%bb%8f%e8%b4%b8%e7%b3%bb/" rel="bookmark" title="17/12/2008">logo design 英语经贸系</a></li>
<li><a href="http://adamghost.com/2008/11/%e5%8f%91%e4%b8%80%e5%b8%ae%e6%9c%8b%e5%8f%8b%e5%81%9a%e7%9a%84logo/" rel="bookmark" title="26/11/2008">发一帮朋友做的LOGO</a></li>
</ul>
<p><!-- Similar Posts took 8.218 ms --></p>
]]></content:encoded>
			<wfw:commentRss>http://adamghost.com/2009/02/phoenix-nirvana/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>凤凰涅磐</title>
		<link>http://adamghost.com/2009/02/phoenix-nirvana-zh/</link>
		<comments>http://adamghost.com/2009/02/phoenix-nirvana-zh/#comments</comments>
		<pubDate>Wed, 04 Feb 2009 09:58:11 +0000</pubDate>
		<dc:creator>不一样的蚊子</dc:creator>
				<category><![CDATA[视觉设计]]></category>

		<guid isPermaLink="false">http://adamghost.com/2009/02/%e5%87%a4%e5%87%b0%e6%b6%85%e7%a3%90/</guid>
		<description><![CDATA[晒晒旧图：大学第一个暑假做的图，那时起就迷恋矢量。用的Microsoft Expression Design。参照一本杂志中的画做的，送给了XO姐姐。

相关文章:


Phoenix Nirvana
Logo Design for Raina
Logo 微软技术俱乐部
logo design 英语经贸系
发一帮朋友做的LOGO


]]></description>
			<content:encoded><![CDATA[<p>晒晒旧图：大学第一个暑假做的图，那时起就迷恋矢量。用的<a title="Microsoft Expression Design" href="http://www.microsoft.com/expression/" target="_blank">Microsoft Expression Design</a>。参照一本杂志中的画做的，送给了XO姐姐。</p>
<p><a href="http://adamghost.com/wp-content/uploads/2009/02/phoenixnirvana.gif"><img title="Phoenix-Nirvana" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="390" alt="Phoenix-Nirvana" src="http://adamghost.com/wp-content/uploads/2009/02/phoenixnirvana-thumb.gif" width="600" border="0" /></a></p>
<h3>相关文章:<br />
<h3>
<ul class="list-related">
<li><a href="http://adamghost.com/2009/02/phoenix-nirvana/" rel="bookmark" title="04/02/2009">Phoenix Nirvana</a></li>
<li><a href="http://adamghost.com/2008/12/logo-design-for-raina-2/" rel="bookmark" title="08/12/2008">Logo Design for Raina</a></li>
<li><a href="http://adamghost.com/2008/12/logo-%e5%be%ae%e8%bd%af%e6%8a%80%e6%9c%af%e4%bf%b1%e4%b9%90%e9%83%a8/" rel="bookmark" title="14/12/2008">Logo 微软技术俱乐部</a></li>
<li><a href="http://adamghost.com/2008/12/logo-design-%e8%8b%b1%e8%af%ad%e7%bb%8f%e8%b4%b8%e7%b3%bb/" rel="bookmark" title="17/12/2008">logo design 英语经贸系</a></li>
<li><a href="http://adamghost.com/2008/11/%e5%8f%91%e4%b8%80%e5%b8%ae%e6%9c%8b%e5%8f%8b%e5%81%9a%e7%9a%84logo/" rel="bookmark" title="26/11/2008">发一帮朋友做的LOGO</a></li>
</ul>
<p><!-- Similar Posts took 7.500 ms --></p>
]]></content:encoded>
			<wfw:commentRss>http://adamghost.com/2009/02/phoenix-nirvana-zh/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Illustration collection of Alistapart</title>
		<link>http://adamghost.com/2009/02/illustration-collection-of-alistapart/</link>
		<comments>http://adamghost.com/2009/02/illustration-collection-of-alistapart/#comments</comments>
		<pubDate>Mon, 02 Feb 2009 10:48:24 +0000</pubDate>
		<dc:creator>不一样的蚊子</dc:creator>
				<category><![CDATA[视觉设计]]></category>
		<category><![CDATA[alistapart]]></category>

		<guid isPermaLink="false">http://adamghost.com/2009/02/illustration-collection-of-alistapart/</guid>
		<description><![CDATA[Can not manage myself with the illustration of alistapart for its clear and funny style, since the first time i saw her.
So create A Illustration Collection Of Alistapart, almost all illustration included. If anyone miss, a message to me would be great appreciate! Hope it will help.
The illustrations below is updated: Issue 276 January 20, [...]]]></description>
			<content:encoded><![CDATA[<p>Can not manage myself with the illustration of <a href="http://www.alistapart.com" target="_blank">alistapart</a> for its clear and funny style, since the first time i saw her.</p>
<p>So create A Illustration Collection Of <a href="http://www.alistapart.com" target="_blank">Alistapart</a>, almost all illustration included. If anyone miss, a message to me would be great appreciate! Hope it will help.</p>
<p>The illustrations below is updated: <a href="http://www.alistapart.com/issues/276" target="_blank">Issue 276 January 20, 2009</a></p>
<p><strong>Download:</strong><a class="downloadlink" href="http://adamghost.com/wp-content/plugins/download-monitor/download.php?id=10" title="Version1.0 downloaded 414 times" >illustration-collection-of-alistapart (414)</a>(images and index files included)</p>
<p><img title="illustration-collection-of-alistapart" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="illustration-collection-of-alistapart" src="http://adamghost.com/wp-content/uploads/2009/02/illustrationcollectionofalistapart.jpg" width="600" border="0" /> </p>
<p><span id="more-208"></span></p>
<h3><a href="http://www.alistapart.com/articles/brighterhorizonsforwebeducation" target="_blank">Brighter Horizons for Web Education</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/web-education.jpg" width="540" height="292" alt="Brighter Horizons for Web Education" longdesc="http://www.alistapart.com/articles/brighterhorizonsforwebeducation" /></p>
<h3><a href="" target="_blank">Elevate Web Design at the University Level</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/university-level.jpg" width="270" height="501" alt="Elevate Web Design at the University Level" longdesc="http://www.alistapart.com/articles/elevatewebdesignattheuniversitylevel" /></p>
<h3><a href="http://www.alistapart.com/articles/returnofthemobilestylesheet" target="_blank">Return of the Mobile Style Sheet</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/mobile-stylesheet.jpg" width="540" height="285" alt="Return of the Mobile Style Sheet" longdesc="http://www.alistapart.com/articles/returnofthemobilestylesheet" /></p>
<h3><a href="http://www.alistapart.com/articles/semanticsinhtml5" target="_blank">Semantics in HTML 5</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/semantics-html-5.jpg" width="540" height="263" alt="Semantics in HTML 5" longdesc="http://www.alistapart.com/articles/semanticsinhtml5" /></p>
<h3><a href="http://www.alistapart.com/articles/contenttiousstrategy" target="_blank">Content-tious Strategy</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/contenttious-strategy.jpg" width="270" height="566" alt="Content-tious Strategy" longdesc="http://www.alistapart.com/articles/contenttiousstrategy" /></p>
<h3><a href="http://www.alistapart.com/articles/thedisciplineofcontentstrategy" target="_blank">The Discipline of Content Strategy</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/discipline-content-strategy.jpg" width="540" height="339" alt="The Discipline of Content Strategy" longdesc="http://www.alistapart.com/articles/thedisciplineofcontentstrategy" /></p>
<h3><a href="http://www.alistapart.com/articles/flexiblefueleducatingtheclientonia" target="_blank">Flexible Fuel: Educating the Client on IA</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/client-ia.jpg" width="540" height="218" alt="Flexible Fuel: Educating the Client on IA" longdesc="http://www.alistapart.com/articles/flexiblefueleducatingtheclientonia" /></p>
<h3><a href="http://www.alistapart.com/articles/gettingrealaboutagiledesign" target="_blank">Getting Real About Agile Design</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/agile.jpg" width="540" height="259" alt="Getting Real About Agile Design" longdesc="http://www.alistapart.com/articles/gettingrealaboutagiledesign" /></p>
<h3><a href="http://www.alistapart.com/articles/thisishowthewebgetsregulated" target="_blank">This is How the Web Gets Regulated</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/web-regulation.jpg" width="540" height="237" alt="This is How the Web Gets Regulated" longdesc="http://www.alistapart.com/articles/thisishowthewebgetsregulated" /></p>
<h3><a href="http://www.alistapart.com/articles/amoreuseful404" target="_blank">A More Useful 404</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/useful-404.jpg" width="270" height="492" alt="A More Useful 404" longdesc="http://www.alistapart.com/articles/amoreuseful404" /></p>
<h3><a href="http://www.alistapart.com/articles/writingcontentthatworksforaliving" target="_blank">Writing Content that Works for a Living</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/writing-content.jpg" width="270" height="576" alt="Writing Content that Works for a Living" longdesc="http://www.alistapart.com/articles/writingcontentthatworksforaliving" /></p>
<h3><a href="http://www.alistapart.com/articles/progressiveenhancementwithjavascript" target="_blank">Progressive Enhancement with JavaScript</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/progressive-enhancement2.jpg" width="540" height="298" alt="Progressive Enhancement with JavaScript" longdesc="http://www.alistapart.com/articles/progressiveenhancementwithjavascript" /></p>
<h3><a href="http://www.alistapart.com/articles/progressiveenhancementwithcss" target="_blank">Progressive Enhancement with CSS</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/progenh.jpg" width="540" height="288" alt="Progressive Enhancement with CSS" longdesc="http://www.alistapart.com/articles/progressiveenhancementwithcss" /></p>
<h3><a href="http://www.alistapart.com/articles/workingfromhomereadersrespond" target="_blank">Working From Home: The Readers Respond</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/homework.jpg" width="540" height="245" alt="Working From Home: The Readers Respond" longdesc="http://www.alistapart.com/articles/workingfromhomereadersrespond" /></p>
<h3><a href="http://www.alistapart.com/articles/understandingprogressiveenhancement" target="_blank">Understanding Progressive Enhancement</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/progressive-enhancement.jpg" width="270" height="452" alt="Understanding Progressive Enhancement" longdesc="http://www.alistapart.com/articles/understandingprogressiveenhancement" /></p>
<h3><a href="http://www.alistapart.com/articles/tenyears" target="_blank">Ten Years</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/tenyears.jpg" width="540" height="280" alt="Ten Years" longdesc="http://www.alistapart.com/articles/tenyears" /></p>
<h3><a href="http://www.alistapart.com/articles/webstandards2008" target="_blank">Web Standards 2008: Three Circles of Hell</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/three-circles-of-hell.jpg" width="540" height="225" alt="Web Standards 2008: Three Circles of Hell" longdesc="http://www.alistapart.com/articles/webstandards2008" /></p>
<h3><a href="http://www.alistapart.com/articles/testdriven" target="_blank">Test-Driven Progressive Enhancement</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/test-driven.jpg" width="270" height="502" alt="Test-Driven Progressive Enhancement" longdesc="http://www.alistapart.com/articles/testdriven" /></p>
<h3><a href="http://www.alistapart.com/articles/lookatitanotherway" target="_blank">Look at it Another Way</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/anotherway.jpg" width="180" height="347" alt="Look at it Another Way" longdesc="http://www.alistapart.com/articles/lookatitanotherway" /></p>
<h3><a href="http://www.alistapart.com/articles/zebrastripingmoredataforthecase" target="_blank">Zebra Striping: More Data for the Case</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/zebrastripe.jpg" width="270" height="484" alt="Zebra Striping: More Data for the Case" longdesc="http://www.alistapart.com/articles/zebrastripingmoredataforthecase" /></p>
<h3><a href="http://www.alistapart.com/articles/mappingmemory" target="_blank">Mapping Memory: Web Designer as Information Cartographer</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/cartographer.jpg" width="540" height="244" alt="Mapping Memory: Web Designer as Information Cartographer" longdesc="http://www.alistapart.com/articles/mappingmemory" /></p>
<h3><a href="http://www.alistapart.com/articles/sprites2" target="_blank">CSS Sprites2 &#8211; It&#8217;s JavaScript Time</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/csssprites2.jpg" width="540" height="253" alt="CSS Sprites2 - It's JavaScript Time" longdesc="http://www.alistapart.com/articles/sprites2" /></p>
<h3><a href="http://www.alistapart.com/articles/puttingourhotheadstogether" target="_blank">Putting Our Hot Heads Together</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/hotheads.jpg" width="270" height="451" alt="Putting Our Hot Heads Together" longdesc="http://www.alistapart.com/articles/puttingourhotheadstogether" /></p>
<h3><a href="http://www.alistapart.com/articles/deafnessandtheuserexperience" target="_blank">Deafness and the User Experience</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/dartboard.jpg" width="270" height="446" alt="Deafness and the User Experience" longdesc="http://www.alistapart.com/articles/deafnessandtheuserexperience" /></p>
<h3><a href="http://www.alistapart.com/articles/walkingthelinewhenyouworkfromhome" target="_blank">Walking the Line When You Work from Home</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/walking-the-line.jpg" width="540" height="218" alt="Walking the Line When You Work from Home" longdesc="http://www.alistapart.com/articles/walkingthelinewhenyouworkfromhome" /></p>
<h3><a href="http://www.alistapart.com/articles/workfromhomesurvey" target="_blank">How Do You Walk the Line Between Work and Home? Share Your Best Practices With ALA</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/walking-the-line-survey.jpg" width="540" height="245" alt="How Do You Walk the Line Between Work and Home? Share Your Best Practices With ALA" longdesc="http://www.alistapart.com/articles/workfromhomesurvey" /></p>
<h3><a href="http://www.alistapart.com/articles/collaboratewithsubversion" target="_blank">Collaborate and Connect with Subversion</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/subversion.jpg" width="540" height="197" alt="Collaborate and Connect with Subversion" longdesc="http://www.alistapart.com/articles/collaboratewithsubversion" /></p>
<h3><a href="http://www.alistapart.com/articles/getoutbindingsituations" target="_blank">Getting Out of Binding Situations in JavaScript</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/jsbinding.jpg" width="540" height="257" alt="Getting Out of Binding Situations in JavaScript" longdesc="http://www.alistapart.com/articles/getoutbindingsituations" /></p>
<h3><a href="http://www.alistapart.com/articles/fauxabsolutepositioning" target="_blank">Faux Absolute Positioning</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/fauxabsolutepositioning.jpg" width="540" height="213" alt="Faux Absolute Positioning" longdesc="http://www.alistapart.com/articles/fauxabsolutepositioning" /></p>
<h3><a href="http://www.alistapart.com/articles/sketchingincode" target="_blank">Sketching in Code: the Magic of Prototyping</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/sketchingincode.jpg" width="270" height="542" alt="Sketching in Code: the Magic of Prototyping" longdesc="http://www.alistapart.com/articles/sketchingincode" /></p>
<h3><a href="http://www.alistapart.com/articles/writingainterfacestyleguide" target="_blank">Writing an Interface Style Guide</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/styleguide.jpg" width="270" height="519" alt="Writing an Interface Style Guide" longdesc="http://www.alistapart.com/articles/writingainterfacestyleguide" /></p>
<h3><a href="http://www.alistapart.com/articles/savingthespark" target="_blank">Saving the Spark: Developing Creative Ideas</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/ideasession.jpg" width="540" height="261" alt="Saving the Spark: Developing Creative Ideas" longdesc="http://www.alistapart.com/articles/savingthespark" /></p>
<h3><a href="http://www.alistapart.com/articles/thecureforcontent-delaysyndrome" target="_blank">The Cure for Content-Delay Syndrome</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/contentdelay.jpg" width="270" height="525" alt="The Cure for Content-Delay Syndrome" longdesc="http://www.alistapart.com/articles/thecureforcontent-delaysyndrome" /></p>
<h3><a href="http://www.alistapart.com/articles/whydidyouhireme" target="_blank">Why Did You Hire Me?</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/whydidyouhireme.jpg" width="540" height="230" alt="Why Did You Hire Me?" longdesc="http://www.alistapart.com/articles/whydidyouhireme" /></p>
<h3><a href="http://www.alistapart.com/articles/zebrastripingdoesithelp" target="_blank">Zebra Striping: Does it Really Help?</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/zebra-striping.jpg" width="540" height="271" alt="Zebra Striping: Does it Really Help?" longdesc="http://www.alistapart.com/articles/zebrastripingdoesithelp" /></p>
<h3><a href="http://www.alistapart.com/articles/fromlittlethings" target="_blank">Community: From Little Things, Big Things Grow</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/community-from-little-things.jpg" width="540" height="269" alt="Community: From Little Things, Big Things Grow" longdesc="http://www.alistapart.com/articles/fromlittlethings" /></p>
<h3><a href="http://www.alistapart.com/articles/creatingmoreusinglesseffortwithrubyonrails" target="_blank">Creating More Using Less Effort with Ruby on Rails</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/creating-users-ror.jpg" width="540" height="265" alt="Creating More Using Less Effort with Ruby on Rails" longdesc="http://www.alistapart.com/articles/creatingmoreusinglesseffortwithrubyonrails" /></p>
<h3><a href="http://www.alistapart.com/articles/gettingstartedwithrubyonrails" target="_blank">Getting Started with Ruby on Rails</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/geting-started-ror.jpg" width="540" height="214" alt="Getting Started with Ruby on Rails" longdesc="http://www.alistapart.com/articles/gettingstartedwithrubyonrails" /></p>
<h3><a href="http://www.alistapart.com/articles/accessibledatavisualization" target="_blank">Accessible Data Visualization with Web Standards</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/bar-chart.jpg" width="540" height="257" alt="Accessible Data Visualization with Web Standards" longdesc="http://www.alistapart.com/articles/accessibledatavisualization" /></p>
<h3><a href="http://www.alistapart.com/articles/takecontrolofyourmaps" target="_blank">Take Control of Your Maps</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/map.jpg" width="540" height="235" alt="Take Control of Your Maps" longdesc="http://www.alistapart.com/articles/takecontrolofyourmaps" /></p>
<h3><a href="http://www.alistapart.com/articles/findabilityorphan" target="_blank">Findability, Orphan of the Web Design Industry</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/findability.jpg" width="540" height="175" alt="Findability, Orphan of the Web Design Industry" longdesc="http://www.alistapart.com/articles/findabilityorphan" /></p>
<h3><a href="http://www.alistapart.com/articles/signupforms" target="_blank">Sign Up Forms Must Die</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/web-form-design.jpg" width="540" height="206" alt="Sign Up Forms Must Die" longdesc="http://www.alistapart.com/articles/signupforms" /></p>
<h3><a href="http://www.alistapart.com/articles/oncreativity" target="_blank">On Creativity</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/creativity.jpg" width="270" height="570" alt="On Creativity" longdesc="http://www.alistapart.com/articles/oncreativity" /></p>
<h3><a href="http://www.alistapart.com/articles/designisinthedetails" target="_blank">Design is in the Details</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/details.jpg" width="270" height="538" alt="Design is in the Details" longdesc="http://www.alistapart.com/articles/designisinthedetails" /></p>
<h3><a href="http://www.alistapart.com/articles/minorthreat" target="_blank">Version Targeting: Threat or Menace?</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/ALA253_jeffrey_72.jpg" width="260" height="492" alt="Version Targeting: Threat or Menace?" longdesc="http://www.alistapart.com/articles/minorthreat" /></p>
<h3><a href="http://www.alistapart.com/articles/theyshootbrowsers" target="_blank">They Shoot Browsers, Don&#8217;t They?</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/ALA253_jeremy_72.jpg" width="260" height="452" alt="They Shoot Browsers, Don't They?" longdesc="http://www.alistapart.com/articles/theyshootbrowsers" /></p>
<h3><a href="http://www.alistapart.com/articles/rulesofdigitalengagement" target="_blank">The Rules of Digital Engagement</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/engagement.jpg" width="270" height="483" alt="The Rules of Digital Engagement" longdesc="http://www.alistapart.com/articles/rulesofdigitalengagement" /></p>
<h3><a href="http://www.alistapart.com/articles/keepelementskidsinlinewithoffspring" target="_blank">Keeping Your Elements’ Kids in Line with Offspring</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/offspring.jpg" width="270" height="380" alt="Keeping Your Elements’ Kids in Line with Offspring" longdesc="http://www.alistapart.com/articles/keepelementskidsinlinewithoffspring" /></p>
<h3><a href="http://www.alistapart.com/articles/beyonddoctype" target="_blank">Beyond DOCTYPE: Web Standards, Forward Compatibility, and IE8</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/beyonddoctype.jpg" width="540" height="254" alt="Beyond DOCTYPE: Web Standards, Forward Compatibility, and IE8" longdesc="http://www.alistapart.com/articles/beyonddoctype" /></p>
<h3><a href="http://www.alistapart.com/articles/fromswitchestotargets" target="_blank">From Switches to Targets: A Standardista&#8217;s Journey</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/switches-to-targets.jpg" width="270" height="439" alt="From Switches to Targets: A Standardista's Journey" longdesc="http://www.alistapart.com/articles/fromswitchestotargets" /></p>
<h3><a href="http://www.alistapart.com/articles/previewofhtml5" target="_blank">A Preview of HTML 5</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/html5.jpg" width="270" height="442" alt="A Preview of HTML 5" longdesc="http://www.alistapart.com/articles/previewofhtml5" /></p>
<h3><a href="http://www.alistapart.com/articles/designingforflow" target="_blank">Designing For Flow</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/flow.jpg" width="540" height="227" alt="Designing For Flow" longdesc="http://www.alistapart.com/articles/designingforflow" /></p>
<h3><a href="http://www.alistapart.com/articles/howtosizetextincss" target="_blank">How to Size Text in CSS</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/size-text.jpg" width="270" height="499" alt="How to Size Text in CSS" longdesc="http://www.alistapart.com/articles/howtosizetextincss" /></p>
<h3><a href="http://www.alistapart.com/articles/understandingwebdesign" target="_blank">Understanding Web Design</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/understanding-web-design.jpg" width="540" height="245" alt="Understanding Web Design" longdesc="http://www.alistapart.com/articles/understandingwebdesign" /></p>
<h3><a href="http://www.alistapart.com/articles/gracefulemailobfuscation" target="_blank">Graceful E-Mail Obfuscation</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/emailobscuration.jpg" width="270" height="473" alt="Graceful E-Mail Obfuscation" longdesc="http://www.alistapart.com/articles/gracefulemailobfuscation" /></p>
<h3><a href="http://www.alistapart.com/articles/greatestcopyshot" target="_blank">Greatest Copy Shot Ever Written</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/copyshot.jpg" width="540" height="240" alt="Greatest Copy Shot Ever Written" longdesc="http://www.alistapart.com/articles/greatestcopyshot" /></p>
<h3><a href="http://www.alistapart.com/articles/figurehandler" target="_blank">If I Told You You Had a Beautiful Figure&#8230;</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/hatbedheads.jpg" width="520" height="253" alt="If I Told You You Had a Beautiful Figure..." longdesc="http://www.alistapart.com/articles/figurehandler" /></p>
<h3><a href="http://www.alistapart.com/articles/hatheadsvsbedheads" target="_blank">Hat Heads vs. Bed Heads</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/hatbedheads.jpg" width="520" height="253" alt="Hat Heads vs. Bed Heads" longdesc="http://www.alistapart.com/articles/hatheadsvsbedheads" /></p>
<h3><a href="http://www.alistapart.com/articles/getoutfrombehindthecurtain" target="_blank">Get Out from Behind the Curtain</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/worksessions.jpg" width="540" height="257" alt="Get Out from Behind the Curtain" longdesc="http://www.alistapart.com/articles/getoutfrombehindthecurtain" /></p>
<h3><a href="http://www.alistapart.com/articles/putyourcontentinmypocketpart2" target="_blank">Put Your Content in my Pocket, Part II</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/iphone-landscape.jpg" width="270" height="448" alt="Put Your Content in my Pocket, Part II" longdesc="http://www.alistapart.com/articles/putyourcontentinmypocketpart2" /></p>
<h3><a href="http://www.alistapart.com/articles/cssatten" target="_blank">CSS @ Ten: The Next Big Thing</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/webfonts.jpg" width="270" height="498" alt="CSS @ Ten: The Next Big Thing" longdesc="http://www.alistapart.com/articles/cssatten" /></p>
<h3><a href="http://www.alistapart.com/articles/putyourcontentinmypocket" target="_blank">Put Your Content in My Pocket</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/iphone-viewing.jpg" width="540" height="244" alt="Put Your Content in My Pocket" longdesc="http://www.alistapart.com/articles/putyourcontentinmypocket" /></p>
<h3><a href="http://www.alistapart.com/articles/stayingmotivated" target="_blank">Staying Motivated</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/motivation.jpg" width="540" height="207" alt="Staying Motivated" longdesc="http://www.alistapart.com/articles/stayingmotivated" /></p>
<h3><a href="http://www.alistapart.com/articles/designbymetaphor" target="_blank">Design by Metaphor</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/simile-design.jpg" width="270" height="450" alt="Design by Metaphor" longdesc="http://www.alistapart.com/articles/designbymetaphor" /></p>
<h3><a href="http://www.alistapart.com/articles/betterwritingthroughdesign" target="_blank">Better Writing Through Design</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/better_writing.jpg" width="270" height="366" alt="Better Writing Through Design" longdesc="http://www.alistapart.com/articles/betterwritingthroughdesign" /></p>
<h3><a href="http://www.alistapart.com/articles/revivinganorexicwebwriting" target="_blank">Reviving Anorexic Web Writing</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/anorexic_writing.jpg" width="270" height="556" alt="Reviving Anorexic Web Writing" longdesc="http://www.alistapart.com/articles/revivinganorexicwebwriting" /></p>
<h3><a href="http://www.alistapart.com/articles/neveruseawarning" target="_blank">Never Use a Warning When you Mean Undo</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/neveruseawarning.jpg" width="270" height="774" alt="Never Use a Warning When you Mean Undo" longdesc="http://www.alistapart.com/articles/neveruseawarning" /></p>
<h3><a href="http://www.alistapart.com/articles/conflictingabsolutepositions" target="_blank">Conflicting Absolute Positions</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/absolute.jpg" width="270" height="391" alt="Conflicting Absolute Positions" longdesc="http://www.alistapart.com/articles/conflictingabsolutepositions" /></p>
<h3><a href="" target="_blank">Testability Costs Too Much</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/testability.jpg" width="540" height="258" alt="Testability Costs Too Much" longdesc="http://www.alistapart.com/articles/testability" /></p>
<h3><a href="http://www.alistapart.com/articles/humantohuman" target="_blank">Human-to-Human Design</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/head_to_head.jpg" width="270" height="431" alt="Human-to-Human Design" longdesc="http://www.alistapart.com/articles/humantohuman" /></p>
<h3><a href="http://www.alistapart.com/articles/youarenotarobot" target="_blank">You Are Not a Robot</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/robot2.jpg" width="540" height="204" alt="You Are Not a Robot" longdesc="http://www.alistapart.com/articles/youarenotarobot" /></p>
<h3><a href="http://www.alistapart.com/articles/frameworksfordesigners" target="_blank">Frameworks for Designers</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/framework.jpg" width="540" height="220" alt="Frameworks for Designers" longdesc="http://www.alistapart.com/articles/frameworksfordesigners" /></p>
<h3><a href="http://www.alistapart.com/articles/standardsandcompanies" target="_blank">Evangelizing Outside the Box: Web Standards and Large Companies</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/evangelize-standards.jpg" width="270" height="516" alt="Evangelizing Outside the Box: Web Standards and Large Companies" longdesc="http://www.alistapart.com/articles/standardsandcompanies" /></p>
<h3><a href="http://www.alistapart.com/articles/whoneedsheadlines" target="_blank">Who Needs Headlines?</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/headlines.jpg" width="540" height="192" alt="Who Needs Headlines?" longdesc="http://www.alistapart.com/articles/whoneedsheadlines" /></p>
<h3><a href="http://www.alistapart.com/articles/standanddeliver" target="_blank">Stand and Deliver</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/stand_deliver.jpg" width="270" height="448" alt="Stand and Deliver" longdesc="http://www.alistapart.com/articles/standanddeliver" /></p>
<h3><a href="http://www.alistapart.com/articles/educatingstakeholders" target="_blank">Educate Your Stakeholders!</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/stakeholders.jpg" width="270" height="455" alt="Educate Your Stakeholders!" longdesc="http://www.alistapart.com/articles/educatingstakeholders" /></p>
<h3><a href="http://www.alistapart.com/articles/longhallway" target="_blank">The Long Hallway</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/longhallway.jpg" width="540" height="256" alt="The Long Hallway" longdesc="http://www.alistapart.com/articles/longhallway" /></p>
<h3><a href="http://www.alistapart.com/articles/contrastandmeaning" target="_blank">Contrast and Meaning</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/contrast.jpg" width="540" height="187" alt="Contrast and Meaning" longdesc="http://www.alistapart.com/articles/contrastandmeaning" /></p>
<h3><a href="http://www.alistapart.com/articles/waiaria" target="_blank">Accessible Web 2.0 Applications with WAI-ARIA</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/accessible-wai-aria.jpg" width="540" height="216" alt="Accessible Web 2.0 Applications with WAI-ARIA" longdesc="http://www.alistapart.com/articles/waiaria" /></p>
<h3><a href="http://www.alistapart.com/articles/settingtypeontheweb" target="_blank">Setting Type on the Web to a Baseline Grid</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/baseline.jpg" width="270" height="506" alt="Setting Type on the Web to a Baseline Grid" longdesc="http://www.alistapart.com/articles/settingtypeontheweb" /></p>
<h3><a href="http://www.alistapart.com/articles/ruininguserexperience" target="_blank">Ruining the User Experience</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/ruining-user-ex.jpg" width="520" height="220" alt="Ruining the User Experience" longdesc="http://www.alistapart.com/articles/ruininguserexperience" /></p>
<h3><a href="" target="_blank">Inside Your Users’ Minds: The Cultural Probe</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/cultural-probe.jpg" width="520" height="220" alt="Inside Your Users’ Minds: The Cultural Probe" longdesc="http://www.alistapart.com/articles/culturalprobe" /></p>
<h3><a href="http://www.alistapart.com/articles/semanticflash" target="_blank">Semantic Flash: Slippery When Wet</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/semantic_flash_bear.jpg" width="270" height="339" alt="Semantic Flash: Slippery When Wet" longdesc="http://www.alistapart.com/articles/semanticflash" /></p>
<h3><a href="http://www.alistapart.com/articles/whereourstandardswentwrong" target="_blank">Where Our Standards Went Wrong</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/standards_totter.jpg" width="540" height="219" alt="Where Our Standards Went Wrong" longdesc="http://www.alistapart.com/articles/whereourstandardswentwrong" /></p>
<h3><a href="http://www.alistapart.com/articles/flashembedcagematch" target="_blank">Flash Embedding Cage Match</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/embed_flash.jpg" width="270" height="549" alt="Flash Embedding Cage Match" longdesc="http://www.alistapart.com/articles/flashembedcagematch" /></p>
<h3><a href="http://www.alistapart.com/articles/multicolumnlayouts" target="_blank">Multi-Column Layouts Climb Out of the Box</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/equal_columns.jpg" width="270" height="374" alt="Multi-Column Layouts Climb Out of the Box" longdesc="http://www.alistapart.com/articles/multicolumnlayouts" /></p>
<h3><a href="" target="_blank">Paper Prototyping</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/paper-prototyping.jpg" width="270" height="403" alt="Paper Prototyping" longdesc="http://www.alistapart.com/articles/paperprototyping" /></p>
<h3><a href="http://www.alistapart.com/articles/quickcssmockupswithphotoshop" target="_blank">Quick CSS Mockups with Photoshop</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/easy_mockups.jpg" width="540" height="227" alt="Quick CSS Mockups with Photoshop" longdesc="http://www.alistapart.com/articles/quickcssmockupswithphotoshop" /></p>
<h3><a href="http://www.alistapart.com/articles/grokwebstandards" target="_blank">How to Grok Web Standards</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/chimera.jpg" width="270" height="363" alt="How to Grok Web Standards" longdesc="http://www.alistapart.com/articles/grokwebstandards" /></p>
<h3><a href="http://www.alistapart.com/articles/whitespace" target="_blank">Whitespace</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/whitespace.jpg" width="270" height="488" alt="Whitespace" longdesc="http://www.alistapart.com/articles/whitespace" /></p>
<h3><a href="http://www.alistapart.com/articles/makingcompactformsmoreaccessible" target="_blank">Making Compact Forms More Accessible</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/compact_forms.jpg" width="270" height="519" alt="Making Compact Forms More Accessible" longdesc="http://www.alistapart.com/articles/makingcompactformsmoreaccessible" /></p>
<h3><a href="http://www.alistapart.com/articles/switchymclayout" target="_blank">Switchy McLayout: An Adaptive Layout Technique</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/adaptive_final.jpg" width="540" height="235" alt="Switchy McLayout: An Adaptive Layout Technique" longdesc="http://www.alistapart.com/articles/switchymclayout" /></p>
<h3><a href="http://www.alistapart.com/articles/userproofingajax" target="_blank">User-Proofing Ajax</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/user-proofing-ajax.jpg" width="270" height="373" alt="User-Proofing Ajax" longdesc="http://www.alistapart.com/articles/userproofingajax" /></p>
<h3><a href="http://www.alistapart.com/articles/avoidedgecases" target="_blank">Avoid Edge Cases by Designing Up Front</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/avoid-edge-cases.jpg" width="270" height="346" alt="Avoid Edge Cases by Designing Up Front" longdesc="http://www.alistapart.com/articles/avoidedgecases" /></p>
<h3><a href="http://www.alistapart.com/articles/difficultclients" target="_blank">In Defense of Difficult Clients</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/difficultclient.jpg" width="270" height="528" alt="In Defense of Difficult Clients" longdesc="http://www.alistapart.com/articles/difficultclients" /></p>
<h3><a href="http://www.alistapart.com/articles/supereasyblendys" target="_blank">Super-Easy Blendy Backgrounds</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/easyblending.jpg" width="270" height="353" alt="Super-Easy Blendy Backgrounds" longdesc="http://www.alistapart.com/articles/supereasyblendys" /></p>
<h3><a href="http://www.alistapart.com/articles/greathost" target="_blank">How to Be a Great Host</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/community_party.jpg" width="540" height="233" alt="How to Be a Great Host" longdesc="http://www.alistapart.com/articles/greathost" /></p>
<h3><a href="http://www.alistapart.com/articles/printtopreview" target="_blank">Print to Preview</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/print_preview.jpg" width="270" height="347" alt="Print to Preview" longdesc="http://www.alistapart.com/articles/printtopreview" /></p>
<h3><a href="http://www.alistapart.com/articles/workingwithothers" target="_blank">Working with Others: Accessibility and User Research</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/mice.jpg" width="540" height="193" alt="Working with Others: Accessibility and User Research" longdesc="http://www.alistapart.com/articles/workingwithothers" /></p>
<h3><a href="http://www.alistapart.com/articles/alaprimer2" target="_blank">The ALA Primer Part Two: Resources For Beginners</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/binoculars.jpg" width="270" height="517" alt="The ALA Primer Part Two: Resources For Beginners" longdesc="http://www.alistapart.com/articles/alaprimer2" /></p>
<h3><a href="http://www.alistapart.com/articles/12lessonsCSSandstandards" target="_blank">12 Lessons for Those Afraid of CSS and Standards</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/twelve_lessons.jpg" width="270" height="506" alt="12 Lessons for Those Afraid of CSS and Standards" longdesc="http://www.alistapart.com/articles/12lessonsCSSandstandards" /></p>
<h3><a href="http://www.alistapart.com/articles/qtag" target="_blank">Long Live the Q Tag</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/quotes.jpg" width="270" height="646" alt="Long Live the Q Tag" longdesc="http://www.alistapart.com/articles/qtag" /></p>
<h3><a href="http://www.alistapart.com/articles/alphabet" target="_blank"></a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/az_standardistas.jpg" width="270" height="339" alt="A Standardista's Alphabet" longdesc="http://www.alistapart.com/articles/alphabet" /></p>
<h3><a href="http://www.alistapart.com/articles/fontresizing" target="_blank">Text-Resize Detection</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/font_resize.jpg" width="540" height="236" alt="Text-Resize Detection" longdesc="http://www.alistapart.com/articles/fontresizing" /></p>
<h3><a href="http://www.alistapart.com/articles/ALAprimer" target="_blank">The ALA Primer: A Guide for New Readers</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/ala_compendium.jpg" width="270" height="363" alt="The ALA Primer: A Guide for New Readers" longdesc="http://www.alistapart.com/articles/ALAprimer" /></p>
<h3><a href="http://www.alistapart.com/articles/aboutpagerobot" target="_blank">Your About Page Is a Robot</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/robot.jpg" width="270" height="363" alt="Your About Page Is a Robot" longdesc="http://www.alistapart.com/articles/aboutpagerobot" /></p>
<h3><a href="http://www.alistapart.com/articles/sandbags" target="_blank">Sliced and Diced Sandbags</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/sandbags.jpg" width="270" height="301" alt="Sliced and Diced Sandbags" longdesc="http://www.alistapart.com/articles/sandbags" /></p>
<h3><a href="http://www.alistapart.com/articles/whereami" target="_blank">Where Am I?</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/shipgraveyard.jpg" width="540" height="258" alt="Where Am I?" longdesc="http://www.alistapart.com/articles/whereami" /></p>
<h3><a href="http://www.alistapart.com/articles/readerstayawhile" target="_blank">Gentle Reader, Stay Awhile; I Will Be Faithful</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/writer.jpg" width="540" height="216" alt="Gentle Reader, Stay Awhile; I Will Be Faithful" longdesc="http://www.alistapart.com/articles/readerstayawhile" /></p>
<h3><a href="http://www.alistapart.com/articles/revisioncontrol" target="_blank">I Wonder What This Button Does</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/hansel.jpg" width="540" height="233" alt="I Wonder What This Button Does" longdesc="http://www.alistapart.com/articles/revisioncontrol" /></p>
<h3><a href="http://www.alistapart.com/articles/throughthestorm" target="_blank">Designing Through the Storm</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/umbrella.jpg" width="270" height="398" alt="Designing Through the Storm" longdesc="http://www.alistapart.com/articles/throughthestorm" /></p>
<h3><a href="http://www.alistapart.com/articles/magazinelayout" target="_blank">Automatic Magazine Layout</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/magazine.jpg" width="270" height="330" alt="Automatic Magazine Layout" longdesc="http://www.alistapart.com/articles/magazinelayout" /></p>
<h3><a href="http://www.alistapart.com/articles/byebyeembed" target="_blank">Bye Bye Embed</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/embed.jpg" width="270" height="363" alt="Bye Bye Embed" longdesc="http://www.alistapart.com/articles/byebyeembed" /></p>
<h3><a href="http://www.alistapart.com/articles/prettyaccessibleforms" target="_blank">Prettier Accessible Forms</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/pretty_forms.jpg" width="270" height="309" alt="Prettier Accessible Forms" longdesc="http://www.alistapart.com/articles/prettyaccessibleforms" /></p>
<h3><a href="http://www.alistapart.com/articles/behavioralseparation" target="_blank">Behavioral Separation</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/behavior.jpg" width="540" height="169" alt="Behavioral Separation" longdesc="http://www.alistapart.com/articles/behavioralseparation" /></p>
<h3><a href="http://www.alistapart.com/articles/manpoweronawebteam" target="_blank">How to Plan Manpower on a Web Team</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/manpower.jpg" width="270" height="291" alt="How to Plan Manpower on a Web Team" longdesc="http://www.alistapart.com/articles/manpoweronawebteam" /></p>
<h3><a href="http://www.alistapart.com/articles/worldgrowssmall" target="_blank">World Grows Small: Open Standards for the Global Web</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/html_world.jpg" width="270" height="303" alt="World Grows Small: Open Standards for the Global Web" longdesc="http://www.alistapart.com/articles/worldgrowssmall" /></p>
<h3><a href="http://www.alistapart.com/articles/tohellwithwcag2" target="_blank">To Hell with WCAG 2</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/bkwd_horse.jpg" width="270" height="317" alt="To Hell with WCAG 2" longdesc="http://www.alistapart.com/articles/tohellwithwcag2" /></p>
<h3><a href="" target="_blank">Calling All Designers: Learn to Write!</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/designer_writer.jpg" width="270" height="415" alt="Calling All Designers: Learn to Write!" longdesc="http://www.alistapart.com/articles/learntowrite" /></p>
<h3><a href="http://www.alistapart.com/articles/fourdayweek" target="_blank">The Four-Day Week Challenge</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/work4days.jpg" width="270" height="363" alt="The Four-Day Week Challenge" longdesc="http://www.alistapart.com/articles/fourdayweek" /></p>
<h3><a href="http://www.alistapart.com/articles/secureyourcode" target="_blank">Community Creators, Secure Your Code!</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/ala_secure_code.jpg" width="270" height="386" alt="Community Creators, Secure Your Code!" longdesc="http://www.alistapart.com/articles/secureyourcode" /></p>
<h3><a href="http://www.alistapart.com/articles/identitymatters" target="_blank">Anonymity and Online Community: Identity Matters</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/group_shot.jpg" width="270" height="264" alt="Anonymity and Online Community: Identity Matters" longdesc="http://www.alistapart.com/articles/identitymatters" /></p>
<h3><a href="http://www.alistapart.com/articles/flywheelsandfriction" target="_blank">Flywheels, Kinetic Energy, and Friction</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/shopping_cart_graveyard.jpg" width="540" height="205" alt="Flywheels, Kinetic Energy, and Friction" longdesc="http://www.alistapart.com/articles/flywheelsandfriction" /></p>
<h3><a href="http://www.alistapart.com/articles/vdaymassacre" target="_blank">Valentine&#8217;s Day Massacre</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/knife_bouquet.jpg" width="270" height="415" alt="Valentine's Day Massacre" longdesc="http://www.alistapart.com/articles/vdaymassacre" /><img src="http://adamghost.com/wp-content/uploads/2009/02/gun_and_hat.jpg" width="135" height="128" alt="Tommy Gun and Fedora" /><img src="http://adamghost.com/wp-content/uploads/2009/02/car_and_case.jpg" width="135" height="118" alt="Car and Violin Case" /></p>
<h3><a href="http://www.alistapart.com/articles/valentines" target="_blank">Valentines to the Web</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/rose_bouquet.jpg" width="270" height="415" alt="Valentines to the Web" longdesc="http://www.alistapart.com/articles/valentines" /><br />
<img alt="Candy Hearts: Flickr and Google" src="http://adamghost.com/wp-content/uploads/2009/02/heart_01.jpg" width="135" height="104" /><img alt="Candy Hearts: CSS and XHTML" src="http://adamghost.com/wp-content/uploads/2009/02/heart_02.jpg" width="135" height="151" /><img alt="Candy Hearts: AJAX and DOM" src="http://adamghost.com/wp-content/uploads/2009/02/heart_03.jpg" width="135" height="107" /></p>
<h3><a href="http://www.alistapart.com/articles/holygrail" target="_blank">In Search of the Holy Grail</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/grail.jpg" width="270" height="316" alt="In Search of the Holy Grail" longdesc="http://www.alistapart.com/articles/holygrail" /></p>
<h3><a href="http://www.alistapart.com/articles/homepagegoals" target="_blank">Home Page Goals</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/welcome_mat.jpg" width="270" height="300" alt="Home Page Goals" longdesc="http://www.alistapart.com/articles/homepagegoals" /></p>
<h3><a href="http://www.alistapart.com/articles/web3point0" target="_blank">Web 3.0</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/webtonic.jpg" width="270" height="420" alt="Web 3.0" longdesc="http://www.alistapart.com/articles/web3point0" /></p>
<h3><a href="http://www.alistapart.com/articles/hattrick" target="_blank">The Accessibility Hat Trick: Getting Abbreviations Right</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/birdhouse.jpg" width="270" height="316" alt="The Accessibility Hat Trick: Getting Abbreviations Right" longdesc="http://www.alistapart.com/articles/hattrick" /></p>
<h3><a href="http://www.alistapart.com/articles/sensibleforms" target="_blank">Sensible Forms: A Form Usability Checklist</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/forms.jpg" width="540" height="186" alt="Sensible Forms: A Form Usability Checklist" longdesc="http://www.alistapart.com/articles/sensibleforms" /></p>
<h3><a href="http://www.alistapart.com/articles/outsidethegrid" target="_blank">Thinking Outside the Grid</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/grid_design.jpg" width="270" height="264" alt="Thinking Outside the Grid" longdesc="http://www.alistapart.com/articles/outsidethegrid" /></p>
<h3><a href="http://www.alistapart.com/articles/boom" target="_blank">Printing a Book with CSS: Boom!</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/boom_book.jpg" width="270" height="388" alt="Printing a Book with CSS: Boom!" /></p>
<h3><a href="http://www.alistapart.com/articles/powertothepeople" target="_blank">Power to the People</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/shovel.jpg" width="270" height="391" alt="Power to the People" /></p>
<h3><a href="http://www.alistapart.com/articles/accessibilityseo" target="_blank">High Accessibility Is Effective Search Engine Optimization</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/html_with_hat.jpg" width="270" height="410" alt="High Accessibility Is Effective Search Engine Optimization" /></p>
<h3><a href="http://www.alistapart.com/articles/designcancripple" target="_blank">Design Choices Can Cripple a Website</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/test_machine.jpg" width="270" height="410" alt="Design Choices Can Cripple a Website" /></p>
<h3><a href="http://www.alistapart.com/articles/redesignrealign" target="_blank">Good Designers Redesign, Great Designers Realign</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/feathered_bear.jpg" width="260" height="299" alt="Good Designers Redesign, Great Designers Realign" /></p>
<h3><a href="http://www.alistapart.com/articles/zombiecopy" target="_blank">Attack of the Zombie Copy</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/proofers_tools.jpg" width="260" height="405" alt="Attack of the Zombie Copy" /></p>
<h3><a href="http://www.alistapart.com/articles/landwarinasia" target="_blank">Never Get Involved in a Land War in Asia (or Build a Website for No Reason)</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/cows.jpg" width="540" height="175" alt="Never Get Involved in a Land War in Asia (or Build a Website for No Reason)" /></p>
<h3><a href="http://www.alistapart.com/articles/css3multicolumn" target="_blank">Introducing the CSS3 Multi-Column Module</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/columnaded_pencil.jpg" width="270" height="386" alt="Introducing the CSS3 Multi-Column Module" /></p>
<h3><a href="http://www.alistapart.com/articles/multicolumnlists" target="_blank">CSS Swag: Multi-Column Lists</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/three_columns.jpg" width="270" height="386" alt="CSS Swag: Multi-Column Lists" /></p>
<h3><a href="http://www.alistapart.com/articles/improvingprint" target="_blank">Improving Link Display for Print</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/anchor.jpg" width="270" height="529" alt="Improving Link Display for Print" /></p>
<h3><a href="http://www.alistapart.com/articles/hiresprinting" target="_blank">High-Resolution Image Printing</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/high_res_illo.jpg" width="180" height="306" alt="High-Resolution Image Printing" /></p>
<h3><a href="http://www.alistapart.com/articles/pdf_accessibility" target="_blank">Facts and Opinions About PDF Accessibility</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/ala201_pdf_01.jpg" width="260" alt="Facts and Opinions About PDF Accessibility" /></p>
<h3><a href="http://www.alistapart.com/articles/beyourownclient" target="_blank">When You Are Your Own Client, Who Are You Going To Make Fun Of At The Bar?</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/coudal_illo.jpg" width="270" alt="When You Are Your Own Client, Who Are You Going To Make Fun Of At The Bar?" /><br />
<h3>相关文章:<br />
<h3>
<ul class="list-related">
<li><a href="http://adamghost.com/2009/02/illustration-collection-of-alistapart-2/" rel="bookmark" title="02/02/2009">Alistapart 插画收集</a></li>
<li><a href="http://adamghost.com/2009/02/phoenix-nirvana/" rel="bookmark" title="04/02/2009">Phoenix Nirvana</a></li>
<li><a href="http://adamghost.com/2008/12/logo-design-for-raina-2/" rel="bookmark" title="08/12/2008">Logo Design for Raina</a></li>
<li><a href="http://adamghost.com/2008/12/logo-design-%e8%8b%b1%e8%af%ad%e7%bb%8f%e8%b4%b8%e7%b3%bb/" rel="bookmark" title="17/12/2008">logo design 英语经贸系</a></li>
<li><a href="http://adamghost.com/2008/11/%e5%8f%91%e4%b8%80%e5%b8%ae%e6%9c%8b%e5%8f%8b%e5%81%9a%e7%9a%84logo/" rel="bookmark" title="26/11/2008">发一帮朋友做的LOGO</a></li>
</ul>
<p><!-- Similar Posts took 8.854 ms --></p>
]]></content:encoded>
			<wfw:commentRss>http://adamghost.com/2009/02/illustration-collection-of-alistapart/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Alistapart 插画收集</title>
		<link>http://adamghost.com/2009/02/illustration-collection-of-alistapart-2/</link>
		<comments>http://adamghost.com/2009/02/illustration-collection-of-alistapart-2/#comments</comments>
		<pubDate>Mon, 02 Feb 2009 10:47:42 +0000</pubDate>
		<dc:creator>不一样的蚊子</dc:creator>
				<category><![CDATA[视觉设计]]></category>
		<category><![CDATA[alistapart]]></category>

		<guid isPermaLink="false">http://adamghost.com/2009/02/alistapart-%e6%8f%92%e7%94%bb%e6%94%b6%e9%9b%86/</guid>
		<description><![CDATA[一直都特喜欢alistapart的插画，太安逸了，简直无法自拔……那简洁的风格，犀利的思想……哈哈，扯远了。
赶紧整理出来，弄出一个 Alistapart插画收集。囊括了所有文章中的插画，若不慎遗漏，请指出，在下立即添上。
谢谢大家支持，希望这些东西对大家有用。
最近更新插画时间 Issue 276 January 20, 2009
下载：（图片和目录都有）


Brighter Horizons for Web Education

Elevate Web Design at the University Level

Return of the Mobile Style Sheet

Semantics in HTML 5

Content-tious Strategy

The Discipline of Content Strategy

Flexible Fuel: Educating the Client on IA

Getting Real About Agile Design

This is How the Web Gets Regulated

A More Useful 404

Writing Content that Works for a Living

Progressive [...]]]></description>
			<content:encoded><![CDATA[<p>一直都特喜欢<a href="http://www.alistapart.com" target="_blank">alistapart</a>的插画，太安逸了，简直无法自拔……那简洁的风格，犀利的思想……哈哈，扯远了。</p>
<p>赶紧整理出来，弄出一个 <a href="http://www.alistapart.com" target="_blank">Alistapart</a>插画收集。囊括了所有文章中的插画，若不慎遗漏，请指出，在下立即添上。</p>
<p>谢谢大家支持，希望这些东西对大家有用。</p>
<p>最近更新插画时间 <a href="http://www.alistapart.com/issues/276" target="_blank">Issue 276 January 20, 2009</a></p>
<p><strong>下载：</strong><a class="downloadlink" href="http://adamghost.com/wp-content/plugins/download-monitor/download.php?id=10" title="Version1.0 downloaded 414 times" >illustration-collection-of-alistapart (414)</a>（图片和目录都有）</p>
<p><img title="illustration-collection-of-alistapart" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="illustration-collection-of-alistapart" src="http://adamghost.com/wp-content/uploads/2009/02/illustrationcollectionofalistapart.jpg" width="600" border="0" /></p>
<p><span id="more-206"></span></p>
<h3><a href="http://www.alistapart.com/articles/brighterhorizonsforwebeducation" target="_blank">Brighter Horizons for Web Education</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/web-education.jpg" width="540" height="292" alt="Brighter Horizons for Web Education" longdesc="http://www.alistapart.com/articles/brighterhorizonsforwebeducation" /></p>
<h3><a href="" target="_blank">Elevate Web Design at the University Level</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/university-level.jpg" width="270" height="501" alt="Elevate Web Design at the University Level" longdesc="http://www.alistapart.com/articles/elevatewebdesignattheuniversitylevel" /></p>
<h3><a href="http://www.alistapart.com/articles/returnofthemobilestylesheet" target="_blank">Return of the Mobile Style Sheet</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/mobile-stylesheet.jpg" width="540" height="285" alt="Return of the Mobile Style Sheet" longdesc="http://www.alistapart.com/articles/returnofthemobilestylesheet" /></p>
<h3><a href="http://www.alistapart.com/articles/semanticsinhtml5" target="_blank">Semantics in HTML 5</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/semantics-html-5.jpg" width="540" height="263" alt="Semantics in HTML 5" longdesc="http://www.alistapart.com/articles/semanticsinhtml5" /></p>
<h3><a href="http://www.alistapart.com/articles/contenttiousstrategy" target="_blank">Content-tious Strategy</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/contenttious-strategy.jpg" width="270" height="566" alt="Content-tious Strategy" longdesc="http://www.alistapart.com/articles/contenttiousstrategy" /></p>
<h3><a href="http://www.alistapart.com/articles/thedisciplineofcontentstrategy" target="_blank">The Discipline of Content Strategy</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/discipline-content-strategy.jpg" width="540" height="339" alt="The Discipline of Content Strategy" longdesc="http://www.alistapart.com/articles/thedisciplineofcontentstrategy" /></p>
<h3><a href="http://www.alistapart.com/articles/flexiblefueleducatingtheclientonia" target="_blank">Flexible Fuel: Educating the Client on IA</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/client-ia.jpg" width="540" height="218" alt="Flexible Fuel: Educating the Client on IA" longdesc="http://www.alistapart.com/articles/flexiblefueleducatingtheclientonia" /></p>
<h3><a href="http://www.alistapart.com/articles/gettingrealaboutagiledesign" target="_blank">Getting Real About Agile Design</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/agile.jpg" width="540" height="259" alt="Getting Real About Agile Design" longdesc="http://www.alistapart.com/articles/gettingrealaboutagiledesign" /></p>
<h3><a href="http://www.alistapart.com/articles/thisishowthewebgetsregulated" target="_blank">This is How the Web Gets Regulated</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/web-regulation.jpg" width="540" height="237" alt="This is How the Web Gets Regulated" longdesc="http://www.alistapart.com/articles/thisishowthewebgetsregulated" /></p>
<h3><a href="http://www.alistapart.com/articles/amoreuseful404" target="_blank">A More Useful 404</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/useful-404.jpg" width="270" height="492" alt="A More Useful 404" longdesc="http://www.alistapart.com/articles/amoreuseful404" /></p>
<h3><a href="http://www.alistapart.com/articles/writingcontentthatworksforaliving" target="_blank">Writing Content that Works for a Living</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/writing-content.jpg" width="270" height="576" alt="Writing Content that Works for a Living" longdesc="http://www.alistapart.com/articles/writingcontentthatworksforaliving" /></p>
<h3><a href="http://www.alistapart.com/articles/progressiveenhancementwithjavascript" target="_blank">Progressive Enhancement with JavaScript</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/progressive-enhancement2.jpg" width="540" height="298" alt="Progressive Enhancement with JavaScript" longdesc="http://www.alistapart.com/articles/progressiveenhancementwithjavascript" /></p>
<h3><a href="http://www.alistapart.com/articles/progressiveenhancementwithcss" target="_blank">Progressive Enhancement with CSS</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/progenh.jpg" width="540" height="288" alt="Progressive Enhancement with CSS" longdesc="http://www.alistapart.com/articles/progressiveenhancementwithcss" /></p>
<h3><a href="http://www.alistapart.com/articles/workingfromhomereadersrespond" target="_blank">Working From Home: The Readers Respond</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/homework.jpg" width="540" height="245" alt="Working From Home: The Readers Respond" longdesc="http://www.alistapart.com/articles/workingfromhomereadersrespond" /></p>
<h3><a href="http://www.alistapart.com/articles/understandingprogressiveenhancement" target="_blank">Understanding Progressive Enhancement</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/progressive-enhancement.jpg" width="270" height="452" alt="Understanding Progressive Enhancement" longdesc="http://www.alistapart.com/articles/understandingprogressiveenhancement" /></p>
<h3><a href="http://www.alistapart.com/articles/tenyears" target="_blank">Ten Years</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/tenyears.jpg" width="540" height="280" alt="Ten Years" longdesc="http://www.alistapart.com/articles/tenyears" /></p>
<h3><a href="http://www.alistapart.com/articles/webstandards2008" target="_blank">Web Standards 2008: Three Circles of Hell</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/three-circles-of-hell.jpg" width="540" height="225" alt="Web Standards 2008: Three Circles of Hell" longdesc="http://www.alistapart.com/articles/webstandards2008" /></p>
<h3><a href="http://www.alistapart.com/articles/testdriven" target="_blank">Test-Driven Progressive Enhancement</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/test-driven.jpg" width="270" height="502" alt="Test-Driven Progressive Enhancement" longdesc="http://www.alistapart.com/articles/testdriven" /></p>
<h3><a href="http://www.alistapart.com/articles/lookatitanotherway" target="_blank">Look at it Another Way</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/anotherway.jpg" width="180" height="347" alt="Look at it Another Way" longdesc="http://www.alistapart.com/articles/lookatitanotherway" /></p>
<h3><a href="http://www.alistapart.com/articles/zebrastripingmoredataforthecase" target="_blank">Zebra Striping: More Data for the Case</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/zebrastripe.jpg" width="270" height="484" alt="Zebra Striping: More Data for the Case" longdesc="http://www.alistapart.com/articles/zebrastripingmoredataforthecase" /></p>
<h3><a href="http://www.alistapart.com/articles/mappingmemory" target="_blank">Mapping Memory: Web Designer as Information Cartographer</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/cartographer.jpg" width="540" height="244" alt="Mapping Memory: Web Designer as Information Cartographer" longdesc="http://www.alistapart.com/articles/mappingmemory" /></p>
<h3><a href="http://www.alistapart.com/articles/sprites2" target="_blank">CSS Sprites2 &#8211; It&#8217;s JavaScript Time</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/csssprites2.jpg" width="540" height="253" alt="CSS Sprites2 - It's JavaScript Time" longdesc="http://www.alistapart.com/articles/sprites2" /></p>
<h3><a href="http://www.alistapart.com/articles/puttingourhotheadstogether" target="_blank">Putting Our Hot Heads Together</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/hotheads.jpg" width="270" height="451" alt="Putting Our Hot Heads Together" longdesc="http://www.alistapart.com/articles/puttingourhotheadstogether" /></p>
<h3><a href="http://www.alistapart.com/articles/deafnessandtheuserexperience" target="_blank">Deafness and the User Experience</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/dartboard.jpg" width="270" height="446" alt="Deafness and the User Experience" longdesc="http://www.alistapart.com/articles/deafnessandtheuserexperience" /></p>
<h3><a href="http://www.alistapart.com/articles/walkingthelinewhenyouworkfromhome" target="_blank">Walking the Line When You Work from Home</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/walking-the-line.jpg" width="540" height="218" alt="Walking the Line When You Work from Home" longdesc="http://www.alistapart.com/articles/walkingthelinewhenyouworkfromhome" /></p>
<h3><a href="http://www.alistapart.com/articles/workfromhomesurvey" target="_blank">How Do You Walk the Line Between Work and Home? Share Your Best Practices With ALA</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/walking-the-line-survey.jpg" width="540" height="245" alt="How Do You Walk the Line Between Work and Home? Share Your Best Practices With ALA" longdesc="http://www.alistapart.com/articles/workfromhomesurvey" /></p>
<h3><a href="http://www.alistapart.com/articles/collaboratewithsubversion" target="_blank">Collaborate and Connect with Subversion</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/subversion.jpg" width="540" height="197" alt="Collaborate and Connect with Subversion" longdesc="http://www.alistapart.com/articles/collaboratewithsubversion" /></p>
<h3><a href="http://www.alistapart.com/articles/getoutbindingsituations" target="_blank">Getting Out of Binding Situations in JavaScript</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/jsbinding.jpg" width="540" height="257" alt="Getting Out of Binding Situations in JavaScript" longdesc="http://www.alistapart.com/articles/getoutbindingsituations" /></p>
<h3><a href="http://www.alistapart.com/articles/fauxabsolutepositioning" target="_blank">Faux Absolute Positioning</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/fauxabsolutepositioning.jpg" width="540" height="213" alt="Faux Absolute Positioning" longdesc="http://www.alistapart.com/articles/fauxabsolutepositioning" /></p>
<h3><a href="http://www.alistapart.com/articles/sketchingincode" target="_blank">Sketching in Code: the Magic of Prototyping</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/sketchingincode.jpg" width="270" height="542" alt="Sketching in Code: the Magic of Prototyping" longdesc="http://www.alistapart.com/articles/sketchingincode" /></p>
<h3><a href="http://www.alistapart.com/articles/writingainterfacestyleguide" target="_blank">Writing an Interface Style Guide</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/styleguide.jpg" width="270" height="519" alt="Writing an Interface Style Guide" longdesc="http://www.alistapart.com/articles/writingainterfacestyleguide" /></p>
<h3><a href="http://www.alistapart.com/articles/savingthespark" target="_blank">Saving the Spark: Developing Creative Ideas</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/ideasession.jpg" width="540" height="261" alt="Saving the Spark: Developing Creative Ideas" longdesc="http://www.alistapart.com/articles/savingthespark" /></p>
<h3><a href="http://www.alistapart.com/articles/thecureforcontent-delaysyndrome" target="_blank">The Cure for Content-Delay Syndrome</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/contentdelay.jpg" width="270" height="525" alt="The Cure for Content-Delay Syndrome" longdesc="http://www.alistapart.com/articles/thecureforcontent-delaysyndrome" /></p>
<h3><a href="http://www.alistapart.com/articles/whydidyouhireme" target="_blank">Why Did You Hire Me?</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/whydidyouhireme.jpg" width="540" height="230" alt="Why Did You Hire Me?" longdesc="http://www.alistapart.com/articles/whydidyouhireme" /></p>
<h3><a href="http://www.alistapart.com/articles/zebrastripingdoesithelp" target="_blank">Zebra Striping: Does it Really Help?</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/zebra-striping.jpg" width="540" height="271" alt="Zebra Striping: Does it Really Help?" longdesc="http://www.alistapart.com/articles/zebrastripingdoesithelp" /></p>
<h3><a href="http://www.alistapart.com/articles/fromlittlethings" target="_blank">Community: From Little Things, Big Things Grow</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/community-from-little-things.jpg" width="540" height="269" alt="Community: From Little Things, Big Things Grow" longdesc="http://www.alistapart.com/articles/fromlittlethings" /></p>
<h3><a href="http://www.alistapart.com/articles/creatingmoreusinglesseffortwithrubyonrails" target="_blank">Creating More Using Less Effort with Ruby on Rails</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/creating-users-ror.jpg" width="540" height="265" alt="Creating More Using Less Effort with Ruby on Rails" longdesc="http://www.alistapart.com/articles/creatingmoreusinglesseffortwithrubyonrails" /></p>
<h3><a href="http://www.alistapart.com/articles/gettingstartedwithrubyonrails" target="_blank">Getting Started with Ruby on Rails</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/geting-started-ror.jpg" width="540" height="214" alt="Getting Started with Ruby on Rails" longdesc="http://www.alistapart.com/articles/gettingstartedwithrubyonrails" /></p>
<h3><a href="http://www.alistapart.com/articles/accessibledatavisualization" target="_blank">Accessible Data Visualization with Web Standards</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/bar-chart.jpg" width="540" height="257" alt="Accessible Data Visualization with Web Standards" longdesc="http://www.alistapart.com/articles/accessibledatavisualization" /></p>
<h3><a href="http://www.alistapart.com/articles/takecontrolofyourmaps" target="_blank">Take Control of Your Maps</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/map.jpg" width="540" height="235" alt="Take Control of Your Maps" longdesc="http://www.alistapart.com/articles/takecontrolofyourmaps" /></p>
<h3><a href="http://www.alistapart.com/articles/findabilityorphan" target="_blank">Findability, Orphan of the Web Design Industry</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/findability.jpg" width="540" height="175" alt="Findability, Orphan of the Web Design Industry" longdesc="http://www.alistapart.com/articles/findabilityorphan" /></p>
<h3><a href="http://www.alistapart.com/articles/signupforms" target="_blank">Sign Up Forms Must Die</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/web-form-design.jpg" width="540" height="206" alt="Sign Up Forms Must Die" longdesc="http://www.alistapart.com/articles/signupforms" /></p>
<h3><a href="http://www.alistapart.com/articles/oncreativity" target="_blank">On Creativity</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/creativity.jpg" width="270" height="570" alt="On Creativity" longdesc="http://www.alistapart.com/articles/oncreativity" /></p>
<h3><a href="http://www.alistapart.com/articles/designisinthedetails" target="_blank">Design is in the Details</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/details.jpg" width="270" height="538" alt="Design is in the Details" longdesc="http://www.alistapart.com/articles/designisinthedetails" /></p>
<h3><a href="http://www.alistapart.com/articles/minorthreat" target="_blank">Version Targeting: Threat or Menace?</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/ALA253_jeffrey_72.jpg" width="260" height="492" alt="Version Targeting: Threat or Menace?" longdesc="http://www.alistapart.com/articles/minorthreat" /></p>
<h3><a href="http://www.alistapart.com/articles/theyshootbrowsers" target="_blank">They Shoot Browsers, Don&#8217;t They?</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/ALA253_jeremy_72.jpg" width="260" height="452" alt="They Shoot Browsers, Don't They?" longdesc="http://www.alistapart.com/articles/theyshootbrowsers" /></p>
<h3><a href="http://www.alistapart.com/articles/rulesofdigitalengagement" target="_blank">The Rules of Digital Engagement</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/engagement.jpg" width="270" height="483" alt="The Rules of Digital Engagement" longdesc="http://www.alistapart.com/articles/rulesofdigitalengagement" /></p>
<h3><a href="http://www.alistapart.com/articles/keepelementskidsinlinewithoffspring" target="_blank">Keeping Your Elements’ Kids in Line with Offspring</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/offspring.jpg" width="270" height="380" alt="Keeping Your Elements’ Kids in Line with Offspring" longdesc="http://www.alistapart.com/articles/keepelementskidsinlinewithoffspring" /></p>
<h3><a href="http://www.alistapart.com/articles/beyonddoctype" target="_blank">Beyond DOCTYPE: Web Standards, Forward Compatibility, and IE8</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/beyonddoctype.jpg" width="540" height="254" alt="Beyond DOCTYPE: Web Standards, Forward Compatibility, and IE8" longdesc="http://www.alistapart.com/articles/beyonddoctype" /></p>
<h3><a href="http://www.alistapart.com/articles/fromswitchestotargets" target="_blank">From Switches to Targets: A Standardista&#8217;s Journey</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/switches-to-targets.jpg" width="270" height="439" alt="From Switches to Targets: A Standardista's Journey" longdesc="http://www.alistapart.com/articles/fromswitchestotargets" /></p>
<h3><a href="http://www.alistapart.com/articles/previewofhtml5" target="_blank">A Preview of HTML 5</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/html5.jpg" width="270" height="442" alt="A Preview of HTML 5" longdesc="http://www.alistapart.com/articles/previewofhtml5" /></p>
<h3><a href="http://www.alistapart.com/articles/designingforflow" target="_blank">Designing For Flow</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/flow.jpg" width="540" height="227" alt="Designing For Flow" longdesc="http://www.alistapart.com/articles/designingforflow" /></p>
<h3><a href="http://www.alistapart.com/articles/howtosizetextincss" target="_blank">How to Size Text in CSS</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/size-text.jpg" width="270" height="499" alt="How to Size Text in CSS" longdesc="http://www.alistapart.com/articles/howtosizetextincss" /></p>
<h3><a href="http://www.alistapart.com/articles/understandingwebdesign" target="_blank">Understanding Web Design</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/understanding-web-design.jpg" width="540" height="245" alt="Understanding Web Design" longdesc="http://www.alistapart.com/articles/understandingwebdesign" /></p>
<h3><a href="http://www.alistapart.com/articles/gracefulemailobfuscation" target="_blank">Graceful E-Mail Obfuscation</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/emailobscuration.jpg" width="270" height="473" alt="Graceful E-Mail Obfuscation" longdesc="http://www.alistapart.com/articles/gracefulemailobfuscation" /></p>
<h3><a href="http://www.alistapart.com/articles/greatestcopyshot" target="_blank">Greatest Copy Shot Ever Written</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/copyshot.jpg" width="540" height="240" alt="Greatest Copy Shot Ever Written" longdesc="http://www.alistapart.com/articles/greatestcopyshot" /></p>
<h3><a href="http://www.alistapart.com/articles/figurehandler" target="_blank">If I Told You You Had a Beautiful Figure&#8230;</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/hatbedheads.jpg" width="520" height="253" alt="If I Told You You Had a Beautiful Figure..." longdesc="http://www.alistapart.com/articles/figurehandler" /></p>
<h3><a href="http://www.alistapart.com/articles/hatheadsvsbedheads" target="_blank">Hat Heads vs. Bed Heads</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/hatbedheads.jpg" width="520" height="253" alt="Hat Heads vs. Bed Heads" longdesc="http://www.alistapart.com/articles/hatheadsvsbedheads" /></p>
<h3><a href="http://www.alistapart.com/articles/getoutfrombehindthecurtain" target="_blank">Get Out from Behind the Curtain</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/worksessions.jpg" width="540" height="257" alt="Get Out from Behind the Curtain" longdesc="http://www.alistapart.com/articles/getoutfrombehindthecurtain" /></p>
<h3><a href="http://www.alistapart.com/articles/putyourcontentinmypocketpart2" target="_blank">Put Your Content in my Pocket, Part II</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/iphone-landscape.jpg" width="270" height="448" alt="Put Your Content in my Pocket, Part II" longdesc="http://www.alistapart.com/articles/putyourcontentinmypocketpart2" /></p>
<h3><a href="http://www.alistapart.com/articles/cssatten" target="_blank">CSS @ Ten: The Next Big Thing</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/webfonts.jpg" width="270" height="498" alt="CSS @ Ten: The Next Big Thing" longdesc="http://www.alistapart.com/articles/cssatten" /></p>
<h3><a href="http://www.alistapart.com/articles/putyourcontentinmypocket" target="_blank">Put Your Content in My Pocket</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/iphone-viewing.jpg" width="540" height="244" alt="Put Your Content in My Pocket" longdesc="http://www.alistapart.com/articles/putyourcontentinmypocket" /></p>
<h3><a href="http://www.alistapart.com/articles/stayingmotivated" target="_blank">Staying Motivated</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/motivation.jpg" width="540" height="207" alt="Staying Motivated" longdesc="http://www.alistapart.com/articles/stayingmotivated" /></p>
<h3><a href="http://www.alistapart.com/articles/designbymetaphor" target="_blank">Design by Metaphor</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/simile-design.jpg" width="270" height="450" alt="Design by Metaphor" longdesc="http://www.alistapart.com/articles/designbymetaphor" /></p>
<h3><a href="http://www.alistapart.com/articles/betterwritingthroughdesign" target="_blank">Better Writing Through Design</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/better_writing.jpg" width="270" height="366" alt="Better Writing Through Design" longdesc="http://www.alistapart.com/articles/betterwritingthroughdesign" /></p>
<h3><a href="http://www.alistapart.com/articles/revivinganorexicwebwriting" target="_blank">Reviving Anorexic Web Writing</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/anorexic_writing.jpg" width="270" height="556" alt="Reviving Anorexic Web Writing" longdesc="http://www.alistapart.com/articles/revivinganorexicwebwriting" /></p>
<h3><a href="http://www.alistapart.com/articles/neveruseawarning" target="_blank">Never Use a Warning When you Mean Undo</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/neveruseawarning.jpg" width="270" height="774" alt="Never Use a Warning When you Mean Undo" longdesc="http://www.alistapart.com/articles/neveruseawarning" /></p>
<h3><a href="http://www.alistapart.com/articles/conflictingabsolutepositions" target="_blank">Conflicting Absolute Positions</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/absolute.jpg" width="270" height="391" alt="Conflicting Absolute Positions" longdesc="http://www.alistapart.com/articles/conflictingabsolutepositions" /></p>
<h3><a href="" target="_blank">Testability Costs Too Much</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/testability.jpg" width="540" height="258" alt="Testability Costs Too Much" longdesc="http://www.alistapart.com/articles/testability" /></p>
<h3><a href="http://www.alistapart.com/articles/humantohuman" target="_blank">Human-to-Human Design</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/head_to_head.jpg" width="270" height="431" alt="Human-to-Human Design" longdesc="http://www.alistapart.com/articles/humantohuman" /></p>
<h3><a href="http://www.alistapart.com/articles/youarenotarobot" target="_blank">You Are Not a Robot</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/robot2.jpg" width="540" height="204" alt="You Are Not a Robot" longdesc="http://www.alistapart.com/articles/youarenotarobot" /></p>
<h3><a href="http://www.alistapart.com/articles/frameworksfordesigners" target="_blank">Frameworks for Designers</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/framework.jpg" width="540" height="220" alt="Frameworks for Designers" longdesc="http://www.alistapart.com/articles/frameworksfordesigners" /></p>
<h3><a href="http://www.alistapart.com/articles/standardsandcompanies" target="_blank">Evangelizing Outside the Box: Web Standards and Large Companies</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/evangelize-standards.jpg" width="270" height="516" alt="Evangelizing Outside the Box: Web Standards and Large Companies" longdesc="http://www.alistapart.com/articles/standardsandcompanies" /></p>
<h3><a href="http://www.alistapart.com/articles/whoneedsheadlines" target="_blank">Who Needs Headlines?</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/headlines.jpg" width="540" height="192" alt="Who Needs Headlines?" longdesc="http://www.alistapart.com/articles/whoneedsheadlines" /></p>
<h3><a href="http://www.alistapart.com/articles/standanddeliver" target="_blank">Stand and Deliver</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/stand_deliver.jpg" width="270" height="448" alt="Stand and Deliver" longdesc="http://www.alistapart.com/articles/standanddeliver" /></p>
<h3><a href="http://www.alistapart.com/articles/educatingstakeholders" target="_blank">Educate Your Stakeholders!</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/stakeholders.jpg" width="270" height="455" alt="Educate Your Stakeholders!" longdesc="http://www.alistapart.com/articles/educatingstakeholders" /></p>
<h3><a href="http://www.alistapart.com/articles/longhallway" target="_blank">The Long Hallway</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/longhallway.jpg" width="540" height="256" alt="The Long Hallway" longdesc="http://www.alistapart.com/articles/longhallway" /></p>
<h3><a href="http://www.alistapart.com/articles/contrastandmeaning" target="_blank">Contrast and Meaning</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/contrast.jpg" width="540" height="187" alt="Contrast and Meaning" longdesc="http://www.alistapart.com/articles/contrastandmeaning" /></p>
<h3><a href="http://www.alistapart.com/articles/waiaria" target="_blank">Accessible Web 2.0 Applications with WAI-ARIA</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/accessible-wai-aria.jpg" width="540" height="216" alt="Accessible Web 2.0 Applications with WAI-ARIA" longdesc="http://www.alistapart.com/articles/waiaria" /></p>
<h3><a href="http://www.alistapart.com/articles/settingtypeontheweb" target="_blank">Setting Type on the Web to a Baseline Grid</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/baseline.jpg" width="270" height="506" alt="Setting Type on the Web to a Baseline Grid" longdesc="http://www.alistapart.com/articles/settingtypeontheweb" /></p>
<h3><a href="http://www.alistapart.com/articles/ruininguserexperience" target="_blank">Ruining the User Experience</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/ruining-user-ex.jpg" width="520" height="220" alt="Ruining the User Experience" longdesc="http://www.alistapart.com/articles/ruininguserexperience" /></p>
<h3><a href="" target="_blank">Inside Your Users’ Minds: The Cultural Probe</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/cultural-probe.jpg" width="520" height="220" alt="Inside Your Users’ Minds: The Cultural Probe" longdesc="http://www.alistapart.com/articles/culturalprobe" /></p>
<h3><a href="http://www.alistapart.com/articles/semanticflash" target="_blank">Semantic Flash: Slippery When Wet</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/semantic_flash_bear.jpg" width="270" height="339" alt="Semantic Flash: Slippery When Wet" longdesc="http://www.alistapart.com/articles/semanticflash" /></p>
<h3><a href="http://www.alistapart.com/articles/whereourstandardswentwrong" target="_blank">Where Our Standards Went Wrong</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/standards_totter.jpg" width="540" height="219" alt="Where Our Standards Went Wrong" longdesc="http://www.alistapart.com/articles/whereourstandardswentwrong" /></p>
<h3><a href="http://www.alistapart.com/articles/flashembedcagematch" target="_blank">Flash Embedding Cage Match</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/embed_flash.jpg" width="270" height="549" alt="Flash Embedding Cage Match" longdesc="http://www.alistapart.com/articles/flashembedcagematch" /></p>
<h3><a href="http://www.alistapart.com/articles/multicolumnlayouts" target="_blank">Multi-Column Layouts Climb Out of the Box</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/equal_columns.jpg" width="270" height="374" alt="Multi-Column Layouts Climb Out of the Box" longdesc="http://www.alistapart.com/articles/multicolumnlayouts" /></p>
<h3><a href="" target="_blank">Paper Prototyping</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/paper-prototyping.jpg" width="270" height="403" alt="Paper Prototyping" longdesc="http://www.alistapart.com/articles/paperprototyping" /></p>
<h3><a href="http://www.alistapart.com/articles/quickcssmockupswithphotoshop" target="_blank">Quick CSS Mockups with Photoshop</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/easy_mockups.jpg" width="540" height="227" alt="Quick CSS Mockups with Photoshop" longdesc="http://www.alistapart.com/articles/quickcssmockupswithphotoshop" /></p>
<h3><a href="http://www.alistapart.com/articles/grokwebstandards" target="_blank">How to Grok Web Standards</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/chimera.jpg" width="270" height="363" alt="How to Grok Web Standards" longdesc="http://www.alistapart.com/articles/grokwebstandards" /></p>
<h3><a href="http://www.alistapart.com/articles/whitespace" target="_blank">Whitespace</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/whitespace.jpg" width="270" height="488" alt="Whitespace" longdesc="http://www.alistapart.com/articles/whitespace" /></p>
<h3><a href="http://www.alistapart.com/articles/makingcompactformsmoreaccessible" target="_blank">Making Compact Forms More Accessible</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/compact_forms.jpg" width="270" height="519" alt="Making Compact Forms More Accessible" longdesc="http://www.alistapart.com/articles/makingcompactformsmoreaccessible" /></p>
<h3><a href="http://www.alistapart.com/articles/switchymclayout" target="_blank">Switchy McLayout: An Adaptive Layout Technique</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/adaptive_final.jpg" width="540" height="235" alt="Switchy McLayout: An Adaptive Layout Technique" longdesc="http://www.alistapart.com/articles/switchymclayout" /></p>
<h3><a href="http://www.alistapart.com/articles/userproofingajax" target="_blank">User-Proofing Ajax</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/user-proofing-ajax.jpg" width="270" height="373" alt="User-Proofing Ajax" longdesc="http://www.alistapart.com/articles/userproofingajax" /></p>
<h3><a href="http://www.alistapart.com/articles/avoidedgecases" target="_blank">Avoid Edge Cases by Designing Up Front</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/avoid-edge-cases.jpg" width="270" height="346" alt="Avoid Edge Cases by Designing Up Front" longdesc="http://www.alistapart.com/articles/avoidedgecases" /></p>
<h3><a href="http://www.alistapart.com/articles/difficultclients" target="_blank">In Defense of Difficult Clients</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/difficultclient.jpg" width="270" height="528" alt="In Defense of Difficult Clients" longdesc="http://www.alistapart.com/articles/difficultclients" /></p>
<h3><a href="http://www.alistapart.com/articles/supereasyblendys" target="_blank">Super-Easy Blendy Backgrounds</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/easyblending.jpg" width="270" height="353" alt="Super-Easy Blendy Backgrounds" longdesc="http://www.alistapart.com/articles/supereasyblendys" /></p>
<h3><a href="http://www.alistapart.com/articles/greathost" target="_blank">How to Be a Great Host</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/community_party.jpg" width="540" height="233" alt="How to Be a Great Host" longdesc="http://www.alistapart.com/articles/greathost" /></p>
<h3><a href="http://www.alistapart.com/articles/printtopreview" target="_blank">Print to Preview</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/print_preview.jpg" width="270" height="347" alt="Print to Preview" longdesc="http://www.alistapart.com/articles/printtopreview" /></p>
<h3><a href="http://www.alistapart.com/articles/workingwithothers" target="_blank">Working with Others: Accessibility and User Research</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/mice.jpg" width="540" height="193" alt="Working with Others: Accessibility and User Research" longdesc="http://www.alistapart.com/articles/workingwithothers" /></p>
<h3><a href="http://www.alistapart.com/articles/alaprimer2" target="_blank">The ALA Primer Part Two: Resources For Beginners</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/binoculars.jpg" width="270" height="517" alt="The ALA Primer Part Two: Resources For Beginners" longdesc="http://www.alistapart.com/articles/alaprimer2" /></p>
<h3><a href="http://www.alistapart.com/articles/12lessonsCSSandstandards" target="_blank">12 Lessons for Those Afraid of CSS and Standards</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/twelve_lessons.jpg" width="270" height="506" alt="12 Lessons for Those Afraid of CSS and Standards" longdesc="http://www.alistapart.com/articles/12lessonsCSSandstandards" /></p>
<h3><a href="http://www.alistapart.com/articles/qtag" target="_blank">Long Live the Q Tag</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/quotes.jpg" width="270" height="646" alt="Long Live the Q Tag" longdesc="http://www.alistapart.com/articles/qtag" /></p>
<h3><a href="http://www.alistapart.com/articles/alphabet" target="_blank"></a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/az_standardistas.jpg" width="270" height="339" alt="A Standardista's Alphabet" longdesc="http://www.alistapart.com/articles/alphabet" /></p>
<h3><a href="http://www.alistapart.com/articles/fontresizing" target="_blank">Text-Resize Detection</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/font_resize.jpg" width="540" height="236" alt="Text-Resize Detection" longdesc="http://www.alistapart.com/articles/fontresizing" /></p>
<h3><a href="http://www.alistapart.com/articles/ALAprimer" target="_blank">The ALA Primer: A Guide for New Readers</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/ala_compendium.jpg" width="270" height="363" alt="The ALA Primer: A Guide for New Readers" longdesc="http://www.alistapart.com/articles/ALAprimer" /></p>
<h3><a href="http://www.alistapart.com/articles/aboutpagerobot" target="_blank">Your About Page Is a Robot</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/robot.jpg" width="270" height="363" alt="Your About Page Is a Robot" longdesc="http://www.alistapart.com/articles/aboutpagerobot" /></p>
<h3><a href="http://www.alistapart.com/articles/sandbags" target="_blank">Sliced and Diced Sandbags</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/sandbags.jpg" width="270" height="301" alt="Sliced and Diced Sandbags" longdesc="http://www.alistapart.com/articles/sandbags" /></p>
<h3><a href="http://www.alistapart.com/articles/whereami" target="_blank">Where Am I?</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/shipgraveyard.jpg" width="540" height="258" alt="Where Am I?" longdesc="http://www.alistapart.com/articles/whereami" /></p>
<h3><a href="http://www.alistapart.com/articles/readerstayawhile" target="_blank">Gentle Reader, Stay Awhile; I Will Be Faithful</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/writer.jpg" width="540" height="216" alt="Gentle Reader, Stay Awhile; I Will Be Faithful" longdesc="http://www.alistapart.com/articles/readerstayawhile" /></p>
<h3><a href="http://www.alistapart.com/articles/revisioncontrol" target="_blank">I Wonder What This Button Does</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/hansel.jpg" width="540" height="233" alt="I Wonder What This Button Does" longdesc="http://www.alistapart.com/articles/revisioncontrol" /></p>
<h3><a href="http://www.alistapart.com/articles/throughthestorm" target="_blank">Designing Through the Storm</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/umbrella.jpg" width="270" height="398" alt="Designing Through the Storm" longdesc="http://www.alistapart.com/articles/throughthestorm" /></p>
<h3><a href="http://www.alistapart.com/articles/magazinelayout" target="_blank">Automatic Magazine Layout</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/magazine.jpg" width="270" height="330" alt="Automatic Magazine Layout" longdesc="http://www.alistapart.com/articles/magazinelayout" /></p>
<h3><a href="http://www.alistapart.com/articles/byebyeembed" target="_blank">Bye Bye Embed</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/embed.jpg" width="270" height="363" alt="Bye Bye Embed" longdesc="http://www.alistapart.com/articles/byebyeembed" /></p>
<h3><a href="http://www.alistapart.com/articles/prettyaccessibleforms" target="_blank">Prettier Accessible Forms</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/pretty_forms.jpg" width="270" height="309" alt="Prettier Accessible Forms" longdesc="http://www.alistapart.com/articles/prettyaccessibleforms" /></p>
<h3><a href="http://www.alistapart.com/articles/behavioralseparation" target="_blank">Behavioral Separation</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/behavior.jpg" width="540" height="169" alt="Behavioral Separation" longdesc="http://www.alistapart.com/articles/behavioralseparation" /></p>
<h3><a href="http://www.alistapart.com/articles/manpoweronawebteam" target="_blank">How to Plan Manpower on a Web Team</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/manpower.jpg" width="270" height="291" alt="How to Plan Manpower on a Web Team" longdesc="http://www.alistapart.com/articles/manpoweronawebteam" /></p>
<h3><a href="http://www.alistapart.com/articles/worldgrowssmall" target="_blank">World Grows Small: Open Standards for the Global Web</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/html_world.jpg" width="270" height="303" alt="World Grows Small: Open Standards for the Global Web" longdesc="http://www.alistapart.com/articles/worldgrowssmall" /></p>
<h3><a href="http://www.alistapart.com/articles/tohellwithwcag2" target="_blank">To Hell with WCAG 2</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/bkwd_horse.jpg" width="270" height="317" alt="To Hell with WCAG 2" longdesc="http://www.alistapart.com/articles/tohellwithwcag2" /></p>
<h3><a href="" target="_blank">Calling All Designers: Learn to Write!</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/designer_writer.jpg" width="270" height="415" alt="Calling All Designers: Learn to Write!" longdesc="http://www.alistapart.com/articles/learntowrite" /></p>
<h3><a href="http://www.alistapart.com/articles/fourdayweek" target="_blank">The Four-Day Week Challenge</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/work4days.jpg" width="270" height="363" alt="The Four-Day Week Challenge" longdesc="http://www.alistapart.com/articles/fourdayweek" /></p>
<h3><a href="http://www.alistapart.com/articles/secureyourcode" target="_blank">Community Creators, Secure Your Code!</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/ala_secure_code.jpg" width="270" height="386" alt="Community Creators, Secure Your Code!" longdesc="http://www.alistapart.com/articles/secureyourcode" /></p>
<h3><a href="http://www.alistapart.com/articles/identitymatters" target="_blank">Anonymity and Online Community: Identity Matters</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/group_shot.jpg" width="270" height="264" alt="Anonymity and Online Community: Identity Matters" longdesc="http://www.alistapart.com/articles/identitymatters" /></p>
<h3><a href="http://www.alistapart.com/articles/flywheelsandfriction" target="_blank">Flywheels, Kinetic Energy, and Friction</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/shopping_cart_graveyard.jpg" width="540" height="205" alt="Flywheels, Kinetic Energy, and Friction" longdesc="http://www.alistapart.com/articles/flywheelsandfriction" /></p>
<h3><a href="http://www.alistapart.com/articles/vdaymassacre" target="_blank">Valentine&#8217;s Day Massacre</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/knife_bouquet.jpg" width="270" height="415" alt="Valentine's Day Massacre" longdesc="http://www.alistapart.com/articles/vdaymassacre" /><img src="http://adamghost.com/wp-content/uploads/2009/02/gun_and_hat.jpg" width="135" height="128" alt="Tommy Gun and Fedora" /><img src="http://adamghost.com/wp-content/uploads/2009/02/car_and_case.jpg" width="135" height="118" alt="Car and Violin Case" /></p>
<h3><a href="http://www.alistapart.com/articles/valentines" target="_blank">Valentines to the Web</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/rose_bouquet.jpg" width="270" height="415" alt="Valentines to the Web" longdesc="http://www.alistapart.com/articles/valentines" /><br />
<img alt="Candy Hearts: Flickr and Google" src="http://adamghost.com/wp-content/uploads/2009/02/heart_01.jpg" width="135" height="104" /><img alt="Candy Hearts: CSS and XHTML" src="http://adamghost.com/wp-content/uploads/2009/02/heart_02.jpg" width="135" height="151" /><img alt="Candy Hearts: AJAX and DOM" src="http://adamghost.com/wp-content/uploads/2009/02/heart_03.jpg" width="135" height="107" /></p>
<h3><a href="http://www.alistapart.com/articles/holygrail" target="_blank">In Search of the Holy Grail</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/grail.jpg" width="270" height="316" alt="In Search of the Holy Grail" longdesc="http://www.alistapart.com/articles/holygrail" /></p>
<h3><a href="http://www.alistapart.com/articles/homepagegoals" target="_blank">Home Page Goals</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/welcome_mat.jpg" width="270" height="300" alt="Home Page Goals" longdesc="http://www.alistapart.com/articles/homepagegoals" /></p>
<h3><a href="http://www.alistapart.com/articles/web3point0" target="_blank">Web 3.0</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/webtonic.jpg" width="270" height="420" alt="Web 3.0" longdesc="http://www.alistapart.com/articles/web3point0" /></p>
<h3><a href="http://www.alistapart.com/articles/hattrick" target="_blank">The Accessibility Hat Trick: Getting Abbreviations Right</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/birdhouse.jpg" width="270" height="316" alt="The Accessibility Hat Trick: Getting Abbreviations Right" longdesc="http://www.alistapart.com/articles/hattrick" /></p>
<h3><a href="http://www.alistapart.com/articles/sensibleforms" target="_blank">Sensible Forms: A Form Usability Checklist</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/forms.jpg" width="540" height="186" alt="Sensible Forms: A Form Usability Checklist" longdesc="http://www.alistapart.com/articles/sensibleforms" /></p>
<h3><a href="http://www.alistapart.com/articles/outsidethegrid" target="_blank">Thinking Outside the Grid</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/grid_design.jpg" width="270" height="264" alt="Thinking Outside the Grid" longdesc="http://www.alistapart.com/articles/outsidethegrid" /></p>
<h3><a href="http://www.alistapart.com/articles/boom" target="_blank">Printing a Book with CSS: Boom!</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/boom_book.jpg" width="270" height="388" alt="Printing a Book with CSS: Boom!" /></p>
<h3><a href="http://www.alistapart.com/articles/powertothepeople" target="_blank">Power to the People</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/shovel.jpg" width="270" height="391" alt="Power to the People" /></p>
<h3><a href="http://www.alistapart.com/articles/accessibilityseo" target="_blank">High Accessibility Is Effective Search Engine Optimization</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/html_with_hat.jpg" width="270" height="410" alt="High Accessibility Is Effective Search Engine Optimization" /></p>
<h3><a href="http://www.alistapart.com/articles/designcancripple" target="_blank">Design Choices Can Cripple a Website</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/test_machine.jpg" width="270" height="410" alt="Design Choices Can Cripple a Website" /></p>
<h3><a href="http://www.alistapart.com/articles/redesignrealign" target="_blank">Good Designers Redesign, Great Designers Realign</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/feathered_bear.jpg" width="260" height="299" alt="Good Designers Redesign, Great Designers Realign" /></p>
<h3><a href="http://www.alistapart.com/articles/zombiecopy" target="_blank">Attack of the Zombie Copy</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/proofers_tools.jpg" width="260" height="405" alt="Attack of the Zombie Copy" /></p>
<h3><a href="http://www.alistapart.com/articles/landwarinasia" target="_blank">Never Get Involved in a Land War in Asia (or Build a Website for No Reason)</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/cows.jpg" width="540" height="175" alt="Never Get Involved in a Land War in Asia (or Build a Website for No Reason)" /></p>
<h3><a href="http://www.alistapart.com/articles/css3multicolumn" target="_blank">Introducing the CSS3 Multi-Column Module</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/columnaded_pencil.jpg" width="270" height="386" alt="Introducing the CSS3 Multi-Column Module" /></p>
<h3><a href="http://www.alistapart.com/articles/multicolumnlists" target="_blank">CSS Swag: Multi-Column Lists</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/three_columns.jpg" width="270" height="386" alt="CSS Swag: Multi-Column Lists" /></p>
<h3><a href="http://www.alistapart.com/articles/improvingprint" target="_blank">Improving Link Display for Print</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/anchor.jpg" width="270" height="529" alt="Improving Link Display for Print" /></p>
<h3><a href="http://www.alistapart.com/articles/hiresprinting" target="_blank">High-Resolution Image Printing</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/high_res_illo.jpg" width="180" height="306" alt="High-Resolution Image Printing" /></p>
<h3><a href="http://www.alistapart.com/articles/pdf_accessibility" target="_blank">Facts and Opinions About PDF Accessibility</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/ala201_pdf_01.jpg" width="260" alt="Facts and Opinions About PDF Accessibility" /></p>
<h3><a href="http://www.alistapart.com/articles/beyourownclient" target="_blank">When You Are Your Own Client, Who Are You Going To Make Fun Of At The Bar?</a></h3>
<p><img src="http://adamghost.com/wp-content/uploads/2009/02/coudal_illo.jpg" width="270" alt="When You Are Your Own Client, Who Are You Going To Make Fun Of At The Bar?" /><br />
<h3>相关文章:<br />
<h3>
<ul class="list-related">
<li><a href="http://adamghost.com/2009/02/illustration-collection-of-alistapart/" rel="bookmark" title="02/02/2009">Illustration collection of Alistapart</a></li>
<li><a href="http://adamghost.com/2008/12/logo-design-for-raina-2/" rel="bookmark" title="08/12/2008">Logo Design for Raina</a></li>
<li><a href="http://adamghost.com/2008/12/logo-%e5%be%ae%e8%bd%af%e6%8a%80%e6%9c%af%e4%bf%b1%e4%b9%90%e9%83%a8/" rel="bookmark" title="14/12/2008">Logo 微软技术俱乐部</a></li>
<li><a href="http://adamghost.com/2008/12/logo-design-%e8%8b%b1%e8%af%ad%e7%bb%8f%e8%b4%b8%e7%b3%bb/" rel="bookmark" title="17/12/2008">logo design 英语经贸系</a></li>
<li><a href="http://adamghost.com/2008/11/%e5%8f%91%e4%b8%80%e5%b8%ae%e6%9c%8b%e5%8f%8b%e5%81%9a%e7%9a%84logo/" rel="bookmark" title="26/11/2008">发一帮朋友做的LOGO</a></li>
</ul>
<p><!-- Similar Posts took 9.087 ms --></p>
]]></content:encoded>
			<wfw:commentRss>http://adamghost.com/2009/02/illustration-collection-of-alistapart-2/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>logo design 英语经贸系</title>
		<link>http://adamghost.com/2008/12/logo-design-%e8%8b%b1%e8%af%ad%e7%bb%8f%e8%b4%b8%e7%b3%bb/</link>
		<comments>http://adamghost.com/2008/12/logo-design-%e8%8b%b1%e8%af%ad%e7%bb%8f%e8%b4%b8%e7%b3%bb/#comments</comments>
		<pubDate>Wed, 17 Dec 2008 04:37:19 +0000</pubDate>
		<dc:creator>不一样的蚊子</dc:creator>
				<category><![CDATA[视觉设计]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Photoshop]]></category>

		<guid isPermaLink="false">http://www.adamghost.com/?p=130</guid>
		<description><![CDATA[前几天弄的一LOGO，帮外表深沉、内心活泼的PNY童鞋弄的。预祝她参加比赛获奖哦！
下载点此：
 






Technorati : design, photoshop     Del.icio.us : design, photoshop     Zooomr : design, photoshop     Flickr : design, photoshop
相关文章:


Logo Design for Raina
Logo 微软技术俱乐部
Flash动画机械齿轮，矢量机械齿轮
梦飞工作室招新海报2008.09.11
发一帮朋友做的LOGO


]]></description>
			<content:encoded><![CDATA[<p>前几天弄的一LOGO，帮外表深沉、内心活泼的PNY童鞋弄的。预祝她参加比赛获奖哦！</p>
<p><strong>下载点此：</strong><a class="downloadlink" href="http://adamghost.com/wp-content/plugins/download-monitor/download.php?id=8" title="Version1.0 downloaded 354 times" >logo-sisu (354)</a></p>
<p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="collage2" border="0" alt="collage2" src="http://adamghost.com/wp-content/uploads/2009/01/collage2.jpg" width="600" /> </p>
<p><span id="more-130"></span></p>
</p>
<p><img alt="logo-te-block.png" src="http://www.adamghost.com/wp-content/uploads/2008/12/logo-te-block.png" width="600" /></p>
<p><img alt="logo-te-square.png" src="http://www.adamghost.com/wp-content/uploads/2008/12/logo-te-square.png" width="458" height="406" /></p>
<p><img alt="logo-te-red.jpg" src="http://www.adamghost.com/wp-content/uploads/2008/12/logo-te-red.jpg" width="485" height="308" /></p>
<p><img alt="logo-te-blue.jpg" src="http://www.adamghost.com/wp-content/uploads/2008/12/logo-te-blue.jpg" width="485" height="308" /></p>
<p class="zoundry_raven_tags" xmlns="xmlns"><!-- Tag links generated by Zoundry Raven. Do not manually edit. http://www.zoundryraven.com --><span class="ztags"><span class="ztagspace">Technorati</span> : <a class="ztag" href="http://www.technorati.com/tag/design" rel="tag">design</a>, <a class="ztag" href="http://www.technorati.com/tag/photoshop" rel="tag">photoshop</a></span>     <br /><span class="ztags"><span class="ztagspace">Del.icio.us</span> : <a class="ztag" href="http://del.icio.us/tag/design" rel="tag">design</a>, <a class="ztag" href="http://del.icio.us/tag/photoshop" rel="tag">photoshop</a></span>     <br /><span class="ztags"><span class="ztagspace">Zooomr</span> : <a class="ztag" href="http://www.zooomr.com/search/photos/?q=design" rel="tag">design</a>, <a class="ztag" href="http://www.zooomr.com/search/photos/?q=photoshop" rel="tag">photoshop</a></span>     <br /><span class="ztags"><span class="ztagspace">Flickr</span> : <a class="ztag" href="http://www.flickr.com/photos/tags/design" rel="tag">design</a>, <a class="ztag" href="http://www.flickr.com/photos/tags/photoshop" rel="tag">photoshop</a></span></p>
<h3>相关文章:<br />
<h3>
<ul class="list-related">
<li><a href="http://adamghost.com/2008/12/logo-design-for-raina-2/" rel="bookmark" title="08/12/2008">Logo Design for Raina</a></li>
<li><a href="http://adamghost.com/2008/12/logo-%e5%be%ae%e8%bd%af%e6%8a%80%e6%9c%af%e4%bf%b1%e4%b9%90%e9%83%a8/" rel="bookmark" title="14/12/2008">Logo 微软技术俱乐部</a></li>
<li><a href="http://adamghost.com/2008/12/gear/" rel="bookmark" title="14/12/2008">Flash动画机械齿轮，矢量机械齿轮</a></li>
<li><a href="http://adamghost.com/2008/11/%e6%a2%a6%e9%a3%9e%e5%b7%a5%e4%bd%9c%e5%ae%a4%e6%8b%9b%e6%96%b0%e6%b5%b7%e6%8a%a520080911/" rel="bookmark" title="19/11/2008">梦飞工作室招新海报2008.09.11</a></li>
<li><a href="http://adamghost.com/2008/11/%e5%8f%91%e4%b8%80%e5%b8%ae%e6%9c%8b%e5%8f%8b%e5%81%9a%e7%9a%84logo/" rel="bookmark" title="26/11/2008">发一帮朋友做的LOGO</a></li>
</ul>
<p><!-- Similar Posts took 7.541 ms --></p>
]]></content:encoded>
			<wfw:commentRss>http://adamghost.com/2008/12/logo-design-%e8%8b%b1%e8%af%ad%e7%bb%8f%e8%b4%b8%e7%b3%bb/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Flash动画机械齿轮，矢量机械齿轮</title>
		<link>http://adamghost.com/2008/12/gear/</link>
		<comments>http://adamghost.com/2008/12/gear/#comments</comments>
		<pubDate>Sun, 14 Dec 2008 04:28:28 +0000</pubDate>
		<dc:creator>不一样的蚊子</dc:creator>
				<category><![CDATA[视觉设计]]></category>
		<category><![CDATA[Photoshop]]></category>

		<guid isPermaLink="false">http://www.adamghost.com/?p=124</guid>
		<description><![CDATA[做项目，需要齿轮，做了一堆矢量的齿轮，哥们们用得着的就拿去用哈，不用客气！
flash由梦飞工作室刚学AS的董文奕同学完成，现学现用～赞一个！
第二版（综合）下载： PSD下载：wheel-psd Flash下载：wheel-flash



 Technorati : photoshop
Del.icio.us : photoshop
Zooomr : photoshop
Flickr : photoshop
相关文章:


Logo Design for Raina
Logo 微软技术俱乐部
logo design 英语经贸系
梦飞工作室招新海报2008.09.11
发一帮朋友做的LOGO


]]></description>
			<content:encoded><![CDATA[<p>做项目，需要齿轮，做了一堆矢量的齿轮，哥们们用得着的就拿去用哈，不用客气！</p>
<p>flash由<a title="梦飞无线工作室" href="http://www.dreamfly.org/" target="_blank">梦飞工作室</a>刚学AS的董文奕同学完成，现学现用～赞一个！</p>
<p><strong>第二版（综合）下载：</strong><a class="downloadlink" href="http://adamghost.com/wp-content/plugins/download-monitor/download.php?id=6" title="Version2.0 downloaded 801 times" >gear-psd-ai-flash (801)</a> <span style="text-decoration: line-through;"><strong>PSD下载：</strong>wheel-psd</span> <span style="text-decoration: line-through;"><strong>Flash下载：</strong>wheel-flash</span></p>
<p><object width="500" height="300" data="http://adamghost.com/wp-content/uploads/2008/12/wheel-final.swf" type="application/x-shockwave-flash"><param name="id" value="passing" /><param name="quality" value="high" /><param name="scale" value="noscale" /><param name="align" value="tl" /><param name="wmode" value="transparent" /><param name="src" value="http://adamghost.com/wp-content/uploads/2008/12/wheel-final.swf" /><param name="name" value="passing" /></object><br />
<object width="340" height="140" data="http://adamghost.com/wp-content/uploads/2009/03/wheel-final.swf" type="application/x-shockwave-flash"><param name="id" value="passing" /><param name="quality" value="high" /><param name="scale" value="noscale" /><param name="align" value="tl" /><param name="wmode" value="transparent" /><param name="src" value="http://adamghost.com/wp-content/uploads/2009/03/wheel-final.swf" /><param name="name" value="passing" /></object><br />
<img src="http://adamghost.com/wp-content/uploads/2008/12/gear-vender-export-0001.gif" alt="gear-vender-export.gif" width="571" /></p>
<p class="zoundry_raven_tags"><!-- Tag links generated by Zoundry Raven. Do not manually edit. http://www.zoundryraven.com --> <span class="ztags"><span class="ztagspace">Technorati</span> : <a class="ztag" rel="tag" href="http://www.technorati.com/tag/photoshop">photoshop</a></span><br />
<span class="ztags"><span class="ztagspace">Del.icio.us</span> : <a class="ztag" rel="tag" href="http://del.icio.us/tag/photoshop">photoshop</a></span><br />
<span class="ztags"><span class="ztagspace">Zooomr</span> : <a class="ztag" rel="tag" href="http://www.zooomr.com/search/photos/?q=photoshop">photoshop</a></span><br />
<span class="ztags"><span class="ztagspace">Flickr</span> : <a class="ztag" rel="tag" href="http://www.flickr.com/photos/tags/photoshop">photoshop</a></span><br />
<h3>相关文章:<br />
<h3>
<ul class="list-related">
<li><a href="http://adamghost.com/2008/12/logo-design-for-raina-2/" rel="bookmark" title="08/12/2008">Logo Design for Raina</a></li>
<li><a href="http://adamghost.com/2008/12/logo-%e5%be%ae%e8%bd%af%e6%8a%80%e6%9c%af%e4%bf%b1%e4%b9%90%e9%83%a8/" rel="bookmark" title="14/12/2008">Logo 微软技术俱乐部</a></li>
<li><a href="http://adamghost.com/2008/12/logo-design-%e8%8b%b1%e8%af%ad%e7%bb%8f%e8%b4%b8%e7%b3%bb/" rel="bookmark" title="17/12/2008">logo design 英语经贸系</a></li>
<li><a href="http://adamghost.com/2008/11/%e6%a2%a6%e9%a3%9e%e5%b7%a5%e4%bd%9c%e5%ae%a4%e6%8b%9b%e6%96%b0%e6%b5%b7%e6%8a%a520080911/" rel="bookmark" title="19/11/2008">梦飞工作室招新海报2008.09.11</a></li>
<li><a href="http://adamghost.com/2008/11/%e5%8f%91%e4%b8%80%e5%b8%ae%e6%9c%8b%e5%8f%8b%e5%81%9a%e7%9a%84logo/" rel="bookmark" title="26/11/2008">发一帮朋友做的LOGO</a></li>
</ul>
<p><!-- Similar Posts took 8.315 ms --></p>
]]></content:encoded>
			<wfw:commentRss>http://adamghost.com/2008/12/gear/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Logo 微软技术俱乐部</title>
		<link>http://adamghost.com/2008/12/logo-%e5%be%ae%e8%bd%af%e6%8a%80%e6%9c%af%e4%bf%b1%e4%b9%90%e9%83%a8/</link>
		<comments>http://adamghost.com/2008/12/logo-%e5%be%ae%e8%bd%af%e6%8a%80%e6%9c%af%e4%bf%b1%e4%b9%90%e9%83%a8/#comments</comments>
		<pubDate>Sun, 14 Dec 2008 04:07:01 +0000</pubDate>
		<dc:creator>不一样的蚊子</dc:creator>
				<category><![CDATA[视觉设计]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Photoshop]]></category>

		<guid isPermaLink="false">http://www.adamghost.com/?p=121</guid>
		<description><![CDATA[2，3年前做的LOGO了，电子科技大学微软技术俱乐部的哈。
当时PS出了个smart object，哇，好东西，就狂用了……
现在看起来那东西很嫩呢，
放图(PNG,IE6下头不正常，闲麻烦，不管他了)，下载：

 Technorati : design, logo, photoshop
Del.icio.us : design, logo, photoshop
Zooomr : design, logo, photoshop
Flickr : design, logo, photoshop
相关文章:


Logo Design for Raina
Flash动画机械齿轮，矢量机械齿轮
logo design 英语经贸系
梦飞工作室招新海报2008.09.11
发一帮朋友做的LOGO


]]></description>
			<content:encoded><![CDATA[<p>2，3年前做的LOGO了，电子科技大学微软技术俱乐部的哈。</p>
<p>当时PS出了个smart object，哇，好东西，就狂用了……</p>
<p>现在看起来那东西很嫩呢，</p>
<p>放图(PNG,IE6下头不正常，闲麻烦，不管他了)，下载：<a class="downloadlink" href="http://adamghost.com/wp-content/plugins/download-monitor/download.php?id=5" title="Version1.0 downloaded 364 times" >logo-mstc (364)</a></p>
<p><img src="http://www.adamghost.com/wp-content/uploads/2008/12/mstclogo.png" alt="mstclogo.png" width="552" height="167" /></p>
<p class="zoundry_raven_tags"><!-- Tag links generated by Zoundry Raven. Do not manually edit. http://www.zoundryraven.com --> <span class="ztags"><span class="ztagspace">Technorati</span> : <a class="ztag" rel="tag" href="http://www.technorati.com/tag/design">design</a>, <a class="ztag" rel="tag" href="http://www.technorati.com/tag/logo">logo</a>, <a class="ztag" rel="tag" href="http://www.technorati.com/tag/photoshop">photoshop</a></span><br />
<span class="ztags"><span class="ztagspace">Del.icio.us</span> : <a class="ztag" rel="tag" href="http://del.icio.us/tag/design">design</a>, <a class="ztag" rel="tag" href="http://del.icio.us/tag/logo">logo</a>, <a class="ztag" rel="tag" href="http://del.icio.us/tag/photoshop">photoshop</a></span><br />
<span class="ztags"><span class="ztagspace">Zooomr</span> : <a class="ztag" rel="tag" href="http://www.zooomr.com/search/photos/?q=design">design</a>, <a class="ztag" rel="tag" href="http://www.zooomr.com/search/photos/?q=logo">logo</a>, <a class="ztag" rel="tag" href="http://www.zooomr.com/search/photos/?q=photoshop">photoshop</a></span><br />
<span class="ztags"><span class="ztagspace">Flickr</span> : <a class="ztag" rel="tag" href="http://www.flickr.com/photos/tags/design">design</a>, <a class="ztag" rel="tag" href="http://www.flickr.com/photos/tags/logo">logo</a>, <a class="ztag" rel="tag" href="http://www.flickr.com/photos/tags/photoshop">photoshop</a></span><br />
<h3>相关文章:<br />
<h3>
<ul class="list-related">
<li><a href="http://adamghost.com/2008/12/logo-design-for-raina-2/" rel="bookmark" title="08/12/2008">Logo Design for Raina</a></li>
<li><a href="http://adamghost.com/2008/12/gear/" rel="bookmark" title="14/12/2008">Flash动画机械齿轮，矢量机械齿轮</a></li>
<li><a href="http://adamghost.com/2008/12/logo-design-%e8%8b%b1%e8%af%ad%e7%bb%8f%e8%b4%b8%e7%b3%bb/" rel="bookmark" title="17/12/2008">logo design 英语经贸系</a></li>
<li><a href="http://adamghost.com/2008/11/%e6%a2%a6%e9%a3%9e%e5%b7%a5%e4%bd%9c%e5%ae%a4%e6%8b%9b%e6%96%b0%e6%b5%b7%e6%8a%a520080911/" rel="bookmark" title="19/11/2008">梦飞工作室招新海报2008.09.11</a></li>
<li><a href="http://adamghost.com/2008/11/%e5%8f%91%e4%b8%80%e5%b8%ae%e6%9c%8b%e5%8f%8b%e5%81%9a%e7%9a%84logo/" rel="bookmark" title="26/11/2008">发一帮朋友做的LOGO</a></li>
</ul>
<p><!-- Similar Posts took 21.316 ms --></p>
]]></content:encoded>
			<wfw:commentRss>http://adamghost.com/2008/12/logo-%e5%be%ae%e8%bd%af%e6%8a%80%e6%9c%af%e4%bf%b1%e4%b9%90%e9%83%a8/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Logo Design for Raina</title>
		<link>http://adamghost.com/2008/12/logo-design-for-raina-2/</link>
		<comments>http://adamghost.com/2008/12/logo-design-for-raina-2/#comments</comments>
		<pubDate>Mon, 08 Dec 2008 03:37:25 +0000</pubDate>
		<dc:creator>不一样的蚊子</dc:creator>
				<category><![CDATA[视觉设计]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Photoshop]]></category>

		<guid isPermaLink="false">http://www.adamghost.com/?p=112</guid>
		<description><![CDATA[给小辛做的Logo哈，
描述：绿色，植物，女性，技术，专业，高雅，简洁。
脑图：
Logo:

Download Here
 Technorati : design, logo, photoshop
Del.icio.us : design, logo, photoshop
Zooomr : design, logo, photoshop
Flickr : design, logo, photoshop
相关文章:


Logo 微软技术俱乐部
Flash动画机械齿轮，矢量机械齿轮
logo design 英语经贸系
梦飞工作室招新海报2008.09.11
发一帮朋友做的LOGO


]]></description>
			<content:encoded><![CDATA[<p>给<a href="http://www.rainaxin.com/" target="_blank">小辛</a>做的Logo哈，</p>
<p>描述：绿色，植物，女性，技术，专业，高雅，简洁。</p>
<h3>脑图：</h3>
<div id="attachment_105" class="wp-caption alignnone" style="width: 310px"><a href="http://www.adamghost.com/wp-content/uploads/2008/12/20081208.jpg"><img class="size-medium wp-image-105" title="20081208.jpg" src="http://www.adamghost.com/wp-content/uploads/2008/12/20081208-300x225.jpg" alt="小辛LOGO的脑图" width="300" height="225" /></a><p class="wp-caption-text">小辛LOGO的脑图</p></div>
<h3>Logo:</h3>
<p><img src="http://www.adamghost.com/wp-content/uploads/2008/12/raina-600.jpg" alt="Raina-600.jpg" width="600" height="512" /></p>
<h3>Download Here</h3>
<a class="downloadlink" href="http://adamghost.com/wp-content/plugins/download-monitor/download.php?id=4" title="Version1.0 downloaded 320 times" >logo-raina (320)</a>
<p class="zoundry_raven_tags"><!-- Tag links generated by Zoundry Raven. Do not manually edit. http://www.zoundryraven.com --> <span class="ztags"><span class="ztagspace">Technorati</span> : <a class="ztag" rel="tag" href="http://www.technorati.com/tag/design">design</a>, <a class="ztag" rel="tag" href="http://www.technorati.com/tag/logo">logo</a>, <a class="ztag" rel="tag" href="http://www.technorati.com/tag/photoshop">photoshop</a></span><br />
<span class="ztags"><span class="ztagspace">Del.icio.us</span> : <a class="ztag" rel="tag" href="http://del.icio.us/tag/design">design</a>, <a class="ztag" rel="tag" href="http://del.icio.us/tag/logo">logo</a>, <a class="ztag" rel="tag" href="http://del.icio.us/tag/photoshop">photoshop</a></span><br />
<span class="ztags"><span class="ztagspace">Zooomr</span> : <a class="ztag" rel="tag" href="http://www.zooomr.com/search/photos/?q=design">design</a>, <a class="ztag" rel="tag" href="http://www.zooomr.com/search/photos/?q=logo">logo</a>, <a class="ztag" rel="tag" href="http://www.zooomr.com/search/photos/?q=photoshop">photoshop</a></span><br />
<span class="ztags"><span class="ztagspace">Flickr</span> : <a class="ztag" rel="tag" href="http://www.flickr.com/photos/tags/design">design</a>, <a class="ztag" rel="tag" href="http://www.flickr.com/photos/tags/logo">logo</a>, <a class="ztag" rel="tag" href="http://www.flickr.com/photos/tags/photoshop">photoshop</a></span><br />
<h3>相关文章:<br />
<h3>
<ul class="list-related">
<li><a href="http://adamghost.com/2008/12/logo-%e5%be%ae%e8%bd%af%e6%8a%80%e6%9c%af%e4%bf%b1%e4%b9%90%e9%83%a8/" rel="bookmark" title="14/12/2008">Logo 微软技术俱乐部</a></li>
<li><a href="http://adamghost.com/2008/12/gear/" rel="bookmark" title="14/12/2008">Flash动画机械齿轮，矢量机械齿轮</a></li>
<li><a href="http://adamghost.com/2008/12/logo-design-%e8%8b%b1%e8%af%ad%e7%bb%8f%e8%b4%b8%e7%b3%bb/" rel="bookmark" title="17/12/2008">logo design 英语经贸系</a></li>
<li><a href="http://adamghost.com/2008/11/%e6%a2%a6%e9%a3%9e%e5%b7%a5%e4%bd%9c%e5%ae%a4%e6%8b%9b%e6%96%b0%e6%b5%b7%e6%8a%a520080911/" rel="bookmark" title="19/11/2008">梦飞工作室招新海报2008.09.11</a></li>
<li><a href="http://adamghost.com/2008/11/%e5%8f%91%e4%b8%80%e5%b8%ae%e6%9c%8b%e5%8f%8b%e5%81%9a%e7%9a%84logo/" rel="bookmark" title="26/11/2008">发一帮朋友做的LOGO</a></li>
</ul>
<p><!-- Similar Posts took 19.470 ms --></p>
]]></content:encoded>
			<wfw:commentRss>http://adamghost.com/2008/12/logo-design-for-raina-2/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>发一帮朋友做的LOGO</title>
		<link>http://adamghost.com/2008/11/%e5%8f%91%e4%b8%80%e5%b8%ae%e6%9c%8b%e5%8f%8b%e5%81%9a%e7%9a%84logo/</link>
		<comments>http://adamghost.com/2008/11/%e5%8f%91%e4%b8%80%e5%b8%ae%e6%9c%8b%e5%8f%8b%e5%81%9a%e7%9a%84logo/#comments</comments>
		<pubDate>Wed, 26 Nov 2008 01:43:01 +0000</pubDate>
		<dc:creator>不一样的蚊子</dc:creator>
				<category><![CDATA[视觉设计]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Photoshop]]></category>

		<guid isPermaLink="false">http://www.adamghost.com/?p=88</guid>
		<description><![CDATA[聚类搜索，
Query Diversity and Cluster Based Aggregated search
地球中的橙色：&#8221;S&#8221;earch the world.
下载地址：

 Technorati : design, logo, photoshop
Del.icio.us : design, logo, photoshop
Zooomr : design, logo, photoshop
Flickr : design, logo, photoshop
相关文章:


Logo Design for Raina
Logo 微软技术俱乐部
Flash动画机械齿轮，矢量机械齿轮
logo design 英语经贸系
梦飞工作室招新海报2008.09.11


]]></description>
			<content:encoded><![CDATA[<p>聚类搜索，</p>
<p>Query Diversity and Cluster Based Aggregated search</p>
<p>地球中的橙色：&#8221;S&#8221;earch the world.</p>
<p>下载地址：<a class="downloadlink" href="http://adamghost.com/wp-content/plugins/download-monitor/download.php?id=2" title="Version1.0 downloaded 355 times" >LMS-logo (355)</a></p>
<p><img src="http://www.adamghost.com/wp-content/uploads/2008/11/logo.png" alt="logo.png" width="561" height="127" /></p>
<p class="zoundry_raven_tags"><!-- Tag links generated by Zoundry Raven. Do not manually edit. http://www.zoundryraven.com --> <span class="ztags"><span class="ztagspace">Technorati</span> : <a class="ztag" rel="tag" href="http://www.technorati.com/tag/design">design</a>, <a class="ztag" rel="tag" href="http://www.technorati.com/tag/logo">logo</a>, <a class="ztag" rel="tag" href="http://www.technorati.com/tag/photoshop">photoshop</a></span><br />
<span class="ztags"><span class="ztagspace">Del.icio.us</span> : <a class="ztag" rel="tag" href="http://del.icio.us/tag/design">design</a>, <a class="ztag" rel="tag" href="http://del.icio.us/tag/logo">logo</a>, <a class="ztag" rel="tag" href="http://del.icio.us/tag/photoshop">photoshop</a></span><br />
<span class="ztags"><span class="ztagspace">Zooomr</span> : <a class="ztag" rel="tag" href="http://www.zooomr.com/search/photos/?q=design">design</a>, <a class="ztag" rel="tag" href="http://www.zooomr.com/search/photos/?q=logo">logo</a>, <a class="ztag" rel="tag" href="http://www.zooomr.com/search/photos/?q=photoshop">photoshop</a></span><br />
<span class="ztags"><span class="ztagspace">Flickr</span> : <a class="ztag" rel="tag" href="http://www.flickr.com/photos/tags/design">design</a>, <a class="ztag" rel="tag" href="http://www.flickr.com/photos/tags/logo">logo</a>, <a class="ztag" rel="tag" href="http://www.flickr.com/photos/tags/photoshop">photoshop</a></span><br />
<h3>相关文章:<br />
<h3>
<ul class="list-related">
<li><a href="http://adamghost.com/2008/12/logo-design-for-raina-2/" rel="bookmark" title="08/12/2008">Logo Design for Raina</a></li>
<li><a href="http://adamghost.com/2008/12/logo-%e5%be%ae%e8%bd%af%e6%8a%80%e6%9c%af%e4%bf%b1%e4%b9%90%e9%83%a8/" rel="bookmark" title="14/12/2008">Logo 微软技术俱乐部</a></li>
<li><a href="http://adamghost.com/2008/12/gear/" rel="bookmark" title="14/12/2008">Flash动画机械齿轮，矢量机械齿轮</a></li>
<li><a href="http://adamghost.com/2008/12/logo-design-%e8%8b%b1%e8%af%ad%e7%bb%8f%e8%b4%b8%e7%b3%bb/" rel="bookmark" title="17/12/2008">logo design 英语经贸系</a></li>
<li><a href="http://adamghost.com/2008/11/%e6%a2%a6%e9%a3%9e%e5%b7%a5%e4%bd%9c%e5%ae%a4%e6%8b%9b%e6%96%b0%e6%b5%b7%e6%8a%a520080911/" rel="bookmark" title="19/11/2008">梦飞工作室招新海报2008.09.11</a></li>
</ul>
<p><!-- Similar Posts took 7.742 ms --></p>
]]></content:encoded>
			<wfw:commentRss>http://adamghost.com/2008/11/%e5%8f%91%e4%b8%80%e5%b8%ae%e6%9c%8b%e5%8f%8b%e5%81%9a%e7%9a%84logo/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>梦飞工作室招新海报2008.09.11</title>
		<link>http://adamghost.com/2008/11/%e6%a2%a6%e9%a3%9e%e5%b7%a5%e4%bd%9c%e5%ae%a4%e6%8b%9b%e6%96%b0%e6%b5%b7%e6%8a%a520080911/</link>
		<comments>http://adamghost.com/2008/11/%e6%a2%a6%e9%a3%9e%e5%b7%a5%e4%bd%9c%e5%ae%a4%e6%8b%9b%e6%96%b0%e6%b5%b7%e6%8a%a520080911/#comments</comments>
		<pubDate>Wed, 19 Nov 2008 14:18:45 +0000</pubDate>
		<dc:creator>不一样的蚊子</dc:creator>
				<category><![CDATA[视觉设计]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[showbill]]></category>
		<category><![CDATA[海报]]></category>

		<guid isPermaLink="false">http://www.adamghost.com/?p=80</guid>
		<description><![CDATA[工作室招新时做的海报～
团体照一张
视觉侠Visual Designer

热爱设计，热爱并执着于平面设计、网页设计、艺术设计。有着宽广的设计观和国际化的设计眼光；
能独立担当设计工作。适应高强度的工作，并保持乐观精神，善于团队合作；
良好的设计表现力和设计沟通能力，请提供作品证明。

前端侠 Web Developer

热爱计算机、热爱编程；
对Web前端技术有一定认识，包括XHTML/CSS/Javascript等；
对Web标准、可用性、可访问性等相关知识有所认识；
了解一门非Web前端脚本的语言（如Java/PHP）；
个性乐观开朗，逻辑性强，善于与人合作。

后端侠 Back-end Developer

具有较强的责任心和工作热情，工作认真，踏实肯干，适应高强度的工作；
对数据库、Java或者PHP有一定认识；
有良好语言表达能力，有良好的团队合作精神及钻研精神。

 Technorati : design, photoshop, showbill, 海报
Del.icio.us : design, photoshop, showbill, 海报
Zooomr : design, photoshop, showbill, 海报
Flickr : design, photoshop, showbill, 海报
相关文章:


Logo Design for Raina
Logo 微软技术俱乐部
Flash动画机械齿轮，矢量机械齿轮
logo design 英语经贸系
发一帮朋友做的LOGO


]]></description>
			<content:encoded><![CDATA[<p>工作室招新时做的海报～</p>
<h3>团体照一张</h3>
<div id="attachment_77" class="wp-caption alignnone" style="width: 230px"><a href="http://www.adamghost.com/wp-content/uploads/2008/11/poster-zhaoxin-all.jpg"><img class="size-medium wp-image-77" title="poster-zhaoxin-all.jpg" src="http://www.adamghost.com/wp-content/uploads/2008/11/poster-zhaoxin-all-220x300.jpg" alt="团队照片" width="220" height="300" /></a><p class="wp-caption-text">团队照片</p></div>
<h3>视觉侠Visual Designer</h3>
<ol>
<li>热爱设计，热爱并执着于平面设计、网页设计、艺术设计。有着宽广的设计观和国际化的设计眼光；</li>
<li>能独立担当设计工作。适应高强度的工作，并保持乐观精神，善于团队合作；</li>
<li>良好的设计表现力和设计沟通能力，请提供作品证明。</li>
</ol>
<div id="attachment_78" class="wp-caption alignnone" style="width: 230px"><a href="http://www.adamghost.com/wp-content/uploads/2008/11/poster-zhaoxin-3.jpg"><img class="size-medium wp-image-78" title="poster-zhaoxin-3.jpg" src="http://www.adamghost.com/wp-content/uploads/2008/11/poster-zhaoxin-3-220x300.jpg" alt="视觉侠" width="220" height="300" /></a><p class="wp-caption-text">视觉侠</p></div>
<h3>前端侠 Web Developer</h3>
<ol>
<li>热爱计算机、热爱编程；</li>
<li>对Web前端技术有一定认识，包括XHTML/CSS/Javascript等；</li>
<li>对Web标准、可用性、可访问性等相关知识有所认识；</li>
<li>了解一门非Web前端脚本的语言（如Java/PHP）；</li>
<li>个性乐观开朗，逻辑性强，善于与人合作。</li>
</ol>
<div id="attachment_79" class="wp-caption alignnone" style="width: 230px"><a href="http://www.adamghost.com/wp-content/uploads/2008/11/poster-zhaoxin-2.jpg"><img class="size-medium wp-image-79" title="poster-zhaoxin-2.jpg" src="http://www.adamghost.com/wp-content/uploads/2008/11/poster-zhaoxin-2-220x300.jpg" alt="前端侠" width="220" height="300" /></a><p class="wp-caption-text">前端侠</p></div>
<h3>后端侠 Back-end Developer</h3>
<ol>
<li>具有较强的责任心和工作热情，工作认真，踏实肯干，适应高强度的工作；</li>
<li>对数据库、Java或者PHP有一定认识；</li>
<li>有良好语言表达能力，有良好的团队合作精神及钻研精神。</li>
</ol>
<div id="attachment_102" class="wp-caption alignnone" style="width: 230px"><a href="http://www.adamghost.com/wp-content/uploads/2008/12/poster-zhaoxin-1.jpg"><img class="size-medium wp-image-102" title="poster-zhaoxin-1" src="http://www.adamghost.com/wp-content/uploads/2008/12/poster-zhaoxin-1-220x300.jpg" alt="后端侠" width="220" height="300" /></a><p class="wp-caption-text">后端侠</p></div>
<p class="zoundry_raven_tags"><!-- Tag links generated by Zoundry Raven. Do not manually edit. http://www.zoundryraven.com --> <span class="ztags"><span class="ztagspace">Technorati</span> : <a class="ztag" rel="tag" href="http://www.technorati.com/tag/design">design</a>, <a class="ztag" rel="tag" href="http://www.technorati.com/tag/photoshop">photoshop</a>, <a class="ztag" rel="tag" href="http://www.technorati.com/tag/showbill">showbill</a>, <a class="ztag" rel="tag" href="http://www.technorati.com/tag/%E6%B5%B7%E6%8A%A5">海报</a></span><br />
<span class="ztags"><span class="ztagspace">Del.icio.us</span> : <a class="ztag" rel="tag" href="http://del.icio.us/tag/design">design</a>, <a class="ztag" rel="tag" href="http://del.icio.us/tag/photoshop">photoshop</a>, <a class="ztag" rel="tag" href="http://del.icio.us/tag/showbill">showbill</a>, <a class="ztag" rel="tag" href="http://del.icio.us/tag/%E6%B5%B7%E6%8A%A5">海报</a></span><br />
<span class="ztags"><span class="ztagspace">Zooomr</span> : <a class="ztag" rel="tag" href="http://www.zooomr.com/search/photos/?q=design">design</a>, <a class="ztag" rel="tag" href="http://www.zooomr.com/search/photos/?q=photoshop">photoshop</a>, <a class="ztag" rel="tag" href="http://www.zooomr.com/search/photos/?q=showbill">showbill</a>, <a class="ztag" rel="tag" href="http://www.zooomr.com/search/photos/?q=%E6%B5%B7%E6%8A%A5">海报</a></span><br />
<span class="ztags"><span class="ztagspace">Flickr</span> : <a class="ztag" rel="tag" href="http://www.flickr.com/photos/tags/design">design</a>, <a class="ztag" rel="tag" href="http://www.flickr.com/photos/tags/photoshop">photoshop</a>, <a class="ztag" rel="tag" href="http://www.flickr.com/photos/tags/showbill">showbill</a>, <a class="ztag" rel="tag" href="http://www.flickr.com/photos/tags/%E6%B5%B7%E6%8A%A5">海报</a></span><br />
<h3>相关文章:<br />
<h3>
<ul class="list-related">
<li><a href="http://adamghost.com/2008/12/logo-design-for-raina-2/" rel="bookmark" title="08/12/2008">Logo Design for Raina</a></li>
<li><a href="http://adamghost.com/2008/12/logo-%e5%be%ae%e8%bd%af%e6%8a%80%e6%9c%af%e4%bf%b1%e4%b9%90%e9%83%a8/" rel="bookmark" title="14/12/2008">Logo 微软技术俱乐部</a></li>
<li><a href="http://adamghost.com/2008/12/gear/" rel="bookmark" title="14/12/2008">Flash动画机械齿轮，矢量机械齿轮</a></li>
<li><a href="http://adamghost.com/2008/12/logo-design-%e8%8b%b1%e8%af%ad%e7%bb%8f%e8%b4%b8%e7%b3%bb/" rel="bookmark" title="17/12/2008">logo design 英语经贸系</a></li>
<li><a href="http://adamghost.com/2008/11/%e5%8f%91%e4%b8%80%e5%b8%ae%e6%9c%8b%e5%8f%8b%e5%81%9a%e7%9a%84logo/" rel="bookmark" title="26/11/2008">发一帮朋友做的LOGO</a></li>
</ul>
<p><!-- Similar Posts took 12.166 ms --></p>
]]></content:encoded>
			<wfw:commentRss>http://adamghost.com/2008/11/%e6%a2%a6%e9%a3%9e%e5%b7%a5%e4%bd%9c%e5%ae%a4%e6%8b%9b%e6%96%b0%e6%b5%b7%e6%8a%a520080911/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>关于配色的一点点知识</title>
		<link>http://adamghost.com/2008/11/%e5%85%b3%e4%ba%8e%e9%85%8d%e8%89%b2%e7%9a%84%e4%b8%80%e7%82%b9%e7%82%b9%e7%9f%a5%e8%af%86/</link>
		<comments>http://adamghost.com/2008/11/%e5%85%b3%e4%ba%8e%e9%85%8d%e8%89%b2%e7%9a%84%e4%b8%80%e7%82%b9%e7%82%b9%e7%9f%a5%e8%af%86/#comments</comments>
		<pubDate>Mon, 10 Nov 2008 02:22:15 +0000</pubDate>
		<dc:creator>不一样的蚊子</dc:creator>
				<category><![CDATA[视觉设计]]></category>
		<category><![CDATA[color]]></category>
		<category><![CDATA[配色]]></category>

		<guid isPermaLink="false">http://www.adamghost.com/?p=51</guid>
		<description><![CDATA[Color Theory
View SlideShare presentation or Upload your own. (tags: color theory)

Color Theory色彩原理
大二时做的讲座，讲了一些色彩的基本知识。

色环&#8211;色环，三原色，次混合色，补色，过渡色，灰色。
明暗度
配色方案&#8211;相同色相，补色，类似色，冷暖色
色盘

相关文章:


凤凰涅磐
Phoenix Nirvana
梦飞工作室招新海报2008.09.11
《UI Designer》第二期正式发布
发一帮朋友做的LOGO


]]></description>
			<content:encoded><![CDATA[<div id="__ss_723651" style="width: 425px; text-align: left;"><a style="font:14px Helvetica,Arial,Sans-serif;display:block;margin:12px 0 3px 0;text-decoration:underline;" title="Color Theory" href="http://www.slideshare.net/adamghost/color-theory-presentation-723651?type=powerpoint">Color Theory</a><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="355" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://static.slideshare.net/swf/ssplayer2.swf?doc=colortheory-1225899519922817-8&amp;stripped_title=color-theory-presentation-723651" /><embed type="application/x-shockwave-flash" width="425" height="355" src="http://static.slideshare.net/swf/ssplayer2.swf?doc=colortheory-1225899519922817-8&amp;stripped_title=color-theory-presentation-723651" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<div style="font-size: 11px; font-family: tahoma,arial; height: 26px; padding-top: 2px;">View SlideShare <a style="text-decoration:underline;" title="View Color Theory on SlideShare" href="http://www.slideshare.net/adamghost/color-theory-presentation-723651?type=powerpoint">presentation</a> or <a style="text-decoration:underline;" href="http://www.slideshare.net/upload?type=powerpoint">Upload</a> your own. (tags: <a style="text-decoration:underline;" href="http://slideshare.net/tag/color">color</a> <a style="text-decoration:underline;" href="http://slideshare.net/tag/theory">theory</a>)</div>
</div>
<h3>Color Theory色彩原理</h3>
<p>大二时做的讲座，讲了一些色彩的基本知识。</p>
<ol>
<li><strong>色环</strong>&#8211;色环，三原色，次混合色，补色，过渡色，灰色。</li>
<li><strong>明暗度</strong></li>
<li><strong>配色方案</strong>&#8211;相同色相，补色，类似色，冷暖色</li>
<li><strong>色盘</strong></li>
</ol>
<h3>相关文章:<br />
<h3>
<ul class="list-related">
<li><a href="http://adamghost.com/2009/02/phoenix-nirvana-zh/" rel="bookmark" title="04/02/2009">凤凰涅磐</a></li>
<li><a href="http://adamghost.com/2009/02/phoenix-nirvana/" rel="bookmark" title="04/02/2009">Phoenix Nirvana</a></li>
<li><a href="http://adamghost.com/2008/11/%e6%a2%a6%e9%a3%9e%e5%b7%a5%e4%bd%9c%e5%ae%a4%e6%8b%9b%e6%96%b0%e6%b5%b7%e6%8a%a520080911/" rel="bookmark" title="19/11/2008">梦飞工作室招新海报2008.09.11</a></li>
<li><a href="http://adamghost.com/2009/07/uirss-ui-designer-edition-2/" rel="bookmark" title="20/07/2009">《UI Designer》第二期正式发布</a></li>
<li><a href="http://adamghost.com/2008/11/%e5%8f%91%e4%b8%80%e5%b8%ae%e6%9c%8b%e5%8f%8b%e5%81%9a%e7%9a%84logo/" rel="bookmark" title="26/11/2008">发一帮朋友做的LOGO</a></li>
</ul>
<p><!-- Similar Posts took 7.736 ms --></p>
]]></content:encoded>
			<wfw:commentRss>http://adamghost.com/2008/11/%e5%85%b3%e4%ba%8e%e9%85%8d%e8%89%b2%e7%9a%84%e4%b8%80%e7%82%b9%e7%82%b9%e7%9f%a5%e8%af%86/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>关于Photoshop团队协作与网站页面工作协调化的研究</title>
		<link>http://adamghost.com/2008/11/%e5%85%b3%e4%ba%8ephotoshop%e5%9b%a2%e9%98%9f%e5%8d%8f%e4%bd%9c%e4%b8%8e%e7%bd%91%e7%ab%99%e9%a1%b5%e9%9d%a2%e5%b7%a5%e4%bd%9c%e5%8d%8f%e8%b0%83%e5%8c%96%e7%9a%84%e7%a0%94%e7%a9%b6/</link>
		<comments>http://adamghost.com/2008/11/%e5%85%b3%e4%ba%8ephotoshop%e5%9b%a2%e9%98%9f%e5%8d%8f%e4%bd%9c%e4%b8%8e%e7%bd%91%e7%ab%99%e9%a1%b5%e9%9d%a2%e5%b7%a5%e4%bd%9c%e5%8d%8f%e8%b0%83%e5%8c%96%e7%9a%84%e7%a0%94%e7%a9%b6/#comments</comments>
		<pubDate>Tue, 04 Nov 2008 08:10:27 +0000</pubDate>
		<dc:creator>不一样的蚊子</dc:creator>
				<category><![CDATA[视觉设计]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[psb]]></category>
		<category><![CDATA[Smart Object]]></category>

		<guid isPermaLink="false">http://www.adamghost.com/?p=42</guid>
		<description><![CDATA[问题
这几天在做一些页面的设计稿，因为是团队开发，一些疑惑的问题出现如下：

做web developer部分的人员不可避免的要看PS出来的图，而我们的web developer的机器图形处理方面有所欠缺，经常出现人等机器的情况，Photoshop处理速度的问题。
页面里面的小板块比较多，团队里面各位兄弟要分头做相应的部分切片以及XHTML CSS实现稿。设计稿同步以及尽量让各位哥们机器跑起来快就是个大问题了。

解决问题的思路以及原理：
 

Photoshop中的smart object功能，将每个小的板块分开来。
根据官方的文档：Photoshop中图层越多，每个图层包含的颜色信息越多，文件越大，处理速度越慢。根据我个人经验：当把多个group转化成smart object处理速度有明显上升，而文件大小不会产生太大的变化。可能原因：Photoshop中一个图层的改变会导致其他图形显示效果的重运算；当把多个图层合并为smart object时，photoshop将smart object作为一个图层来看待，对所包含的东西不做二次运算，因此二次运算的图层大量的减少，则运算速度加快。（有待查官方资料考证）

解决方案

PSD文件内按照功能板块分组，复制多份，为每个文件按照功能组单独设置文件名（图1）;
将每个组变成Smart Object（图3）；
分别输出各文件的smart obeject（图4）
分别输出psb

 

数据




内存（单）
内存（所有）
硬盘
文件数
优点
缺点


默认方案
400MB
400MB
24.3MB
1
文件数少，文件小。
版本管理较难，不易分工协作。


新方案
1个psb+1个psd，分别对每个功能板块做一次，共4次，取平均数得161MB
435MB
51.4MB
5
处理单个模块内存占用量低。便于分工协作。
文件多，占用空间大。



PS: 单个模块内存占用量的计算原则：处理单个模块所需的文件全部打开。
结论

处理单个模块时，使用第二种方案运行速度较快。并能很方便的将页面按照功能板块分工给各个人员。
版本管理：工作室用Version Cue进行PSD管理，页面实现人员只需要在smart object相应的psb文件文件上做切片，并同步到服务器。服务器上整体页面效果文件的更新使用Replace Contents就可以完成。


因此，我们采用的新提出来的方案进行团队协作开发。
相关文章:


Logo Design for Raina
Logo 微软技术俱乐部
Flash动画机械齿轮，矢量机械齿轮
logo design 英语经贸系
发一帮朋友做的LOGO


]]></description>
			<content:encoded><![CDATA[<h3>问题</h3>
<p>这几天在做一些页面的设计稿，因为是团队开发，一些疑惑的问题出现如下：</p>
<ol>
<li>做web developer部分的人员不可避免的要看PS出来的图，而我们的web developer的机器图形处理方面有所欠缺，经常出现人等机器的情况，Photoshop处理速度的问题。</li>
<li>页面里面的小板块比较多，团队里面各位兄弟要分头做相应的部分切片以及XHTML CSS实现稿。设计稿同步以及尽量让各位哥们机器跑起来快就是个大问题了。</li>
</ol>
<h3>解决问题的思路以及原理：</h3>
<p> <span id="more-42"></span>
<ol>
<li>Photoshop中的smart object功能，将每个小的板块分开来。</li>
<li>根据官方的文档：Photoshop中图层越多，每个图层包含的颜色信息越多，文件越大，处理速度越慢。根据我个人经验：当把多个group转化成smart object处理速度有明显上升，而文件大小不会产生太大的变化。可能原因：Photoshop中一个图层的改变会导致其他图形显示效果的重运算；当把多个图层合并为smart object时，photoshop将smart object作为一个图层来看待，对所包含的东西不做二次运算，因此二次运算的图层大量的减少，则运算速度加快。（有待查官方资料考证）</li>
</ol>
<h3>解决方案</h3>
<ol>
<li>PSD文件内按照功能板块分组，复制多份，为每个文件按照功能组单独设置文件名（图1）;</li>
<li>将每个组变成Smart Object（图3）；</li>
<li>分别输出各文件的smart obeject（图4）</li>
<li>分别输出psb</li>
</ol>
<p><img src="http://www.adamghost.com/wp-content/uploads/2008/11/image001.gif" alt="image001.gif" height="411" width="206"/> <img src="http://www.adamghost.com/wp-content/uploads/2008/11/image002.gif" alt="image002.gif" height="411" width="206"/></p>
<p><img src="http://www.adamghost.com/wp-content/uploads/2008/11/image003.gif" alt="image003.gif" height="123" width="340"/></p>
<h3>数据</h3>
<table style="WIDTH: 600px" class="table-data">
<tbody>
<tr>
<th scope="col"/>
<th scope="col">内存（单）</th>
<th scope="col">内存（所有）</th>
<th scope="col">硬盘</th>
<th scope="col">文件数</th>
<th scope="col">优点</th>
<th scope="col">缺点</th>
</tr>
<tr>
<th scope="row">默认方案</th>
<td>400MB</td>
<td>400MB</td>
<td>24.3MB</td>
<td>1</td>
<td>文件数少，文件小。</td>
<td>版本管理较难，不易分工协作。</td>
</tr>
<tr>
<th scope="row">新方案</th>
<td>1个psb+1个psd，分别对每个功能板块做一次，共4次，取平均数得161MB</td>
<td>435MB</td>
<td>51.4MB</td>
<td>5</td>
<td>处理单个模块内存占用量低。便于分工协作。</td>
<td>文件多，占用空间大。</td>
</tr>
</tbody>
</table>
<p>PS: 单个模块内存占用量的计算原则：处理单个模块所需的文件全部打开。</p>
<h3>结论</h3>
<ol>
<li>处理单个模块时，使用第二种方案运行速度较快。并能很方便的将页面按照功能板块分工给各个人员。</li>
<li>版本管理：工作室用Version Cue进行PSD管理，页面实现人员只需要在smart object相应的psb文件文件上做切片，并同步到服务器。服务器上整体页面效果文件的更新使用Replace Contents就可以完成。</li>
</ol>
<p><img src="http://www.adamghost.com/wp-content/uploads/2008/11/image004.gif" alt="image004.gif" height="126" width="177"/></p>
<p><strong>因此，我们采用的新提出来的方案进行团队协作开发。</strong></p>
<h3>相关文章:<br />
<h3>
<ul class="list-related">
<li><a href="http://adamghost.com/2008/12/logo-design-for-raina-2/" rel="bookmark" title="08/12/2008">Logo Design for Raina</a></li>
<li><a href="http://adamghost.com/2008/12/logo-%e5%be%ae%e8%bd%af%e6%8a%80%e6%9c%af%e4%bf%b1%e4%b9%90%e9%83%a8/" rel="bookmark" title="14/12/2008">Logo 微软技术俱乐部</a></li>
<li><a href="http://adamghost.com/2008/12/gear/" rel="bookmark" title="14/12/2008">Flash动画机械齿轮，矢量机械齿轮</a></li>
<li><a href="http://adamghost.com/2008/12/logo-design-%e8%8b%b1%e8%af%ad%e7%bb%8f%e8%b4%b8%e7%b3%bb/" rel="bookmark" title="17/12/2008">logo design 英语经贸系</a></li>
<li><a href="http://adamghost.com/2008/11/%e5%8f%91%e4%b8%80%e5%b8%ae%e6%9c%8b%e5%8f%8b%e5%81%9a%e7%9a%84logo/" rel="bookmark" title="26/11/2008">发一帮朋友做的LOGO</a></li>
</ul>
<p><!-- Similar Posts took 9.169 ms --></p>
]]></content:encoded>
			<wfw:commentRss>http://adamghost.com/2008/11/%e5%85%b3%e4%ba%8ephotoshop%e5%9b%a2%e9%98%9f%e5%8d%8f%e4%bd%9c%e4%b8%8e%e7%bd%91%e7%ab%99%e9%a1%b5%e9%9d%a2%e5%b7%a5%e4%bd%9c%e5%8d%8f%e8%b0%83%e5%8c%96%e7%9a%84%e7%a0%94%e7%a9%b6/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

