<?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/"
	>

<channel>
	<title>视觉设计 &#8211; WL</title>
	<atom:link href="https://wwl3.com/tag/design/feed/" rel="self" type="application/rss+xml" />
	<link>https://wwl3.com</link>
	<description>越来越好，越好越来</description>
	<lastBuildDate>Thu, 18 Sep 2014 14:15:37 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.6.2</generator>

<image>
	<url>https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2023/01/logo-188x188.jpg</url>
	<title>视觉设计 &#8211; WL</title>
	<link>https://wwl3.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>《UI Designer》第二期正式发布</title>
		<link>https://wwl3.com/2009/07/uirss-ui-designer-edition-2/</link>
		
		<dc:creator><![CDATA[王万林]]></dc:creator>
		<pubDate>Mon, 20 Jul 2009 13:26:13 +0000</pubDate>
				<category><![CDATA[视觉设计]]></category>
		<category><![CDATA[UIRSS]]></category>
		<guid isPermaLink="false">http://wwl3.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 fetchpriority="high" decoding="async" src="http://www.uirss.com/uploads/uidesigner2_1.jpg" alt="" width="600" height="411" /></p>
<p><img decoding="async" src="http://www.uirss.com/uploads/uidesigner2_2.jpg" alt="" width="600" height="411" /></p>
<p><img decoding="async" src="http://www.uirss.com/uploads/uidesigner2_3.jpg" alt="" width="600" height="411" /></p>
<p><img loading="lazy" decoding="async" src="http://www.uirss.com/uploads/uidesigner2_4.jpg" alt="" width="600" height="411" /></p>
<p><img loading="lazy" decoding="async" src="http://www.uirss.com/uploads/uidesigner2_5.jpg" alt="" width="600" height="411" /></p>
<p><img loading="lazy" decoding="async" src="http://www.uirss.com/uploads/uidesigner2_6.jpg" alt="" width="600" height="411" /></p>
<p><img loading="lazy" decoding="async" src="http://www.uirss.com/uploads/uidesigner2_7.jpg" alt="" width="600" height="411" /></p>
<p><img loading="lazy" decoding="async" src="http://www.uirss.com/uploads/uidesigner2_8.jpg" alt="" width="600" height="411" /></p>
<p><img loading="lazy" decoding="async" src="http://www.uirss.com/uploads/uidesigner2_9.jpg" alt="" width="600" height="411" /></p>
<p><img loading="lazy" decoding="async" src="http://www.uirss.com/uploads/uidesigner2_10.jpg" alt="" width="600" height="411" /></p>
<p><img loading="lazy" decoding="async" 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>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Phoenix Nirvana</title>
		<link>https://wwl3.com/2009/02/phoenix-nirvana/</link>
		
		<dc:creator><![CDATA[王万林]]></dc:creator>
		<pubDate>Wed, 04 Feb 2009 02:02:08 +0000</pubDate>
				<category><![CDATA[视觉设计]]></category>
		<guid isPermaLink="false">http://wwl3.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.]]></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="https://wwl3.com/wp-content/uploads/2009/02/phoenixnirvana.gif"><img loading="lazy" decoding="async" title="Phoenix-Nirvana" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="390" alt="Phoenix-Nirvana" src="https://wwl3.com/wp-content/uploads/2009/02/phoenixnirvana-thumb.gif" width="600" border="0" /></a></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>凤凰涅磐</title>
		<link>https://wwl3.com/2009/02/phoenix-nirvana-zh/</link>
		
		<dc:creator><![CDATA[王万林]]></dc:creator>
		<pubDate>Wed, 04 Feb 2009 01:58:11 +0000</pubDate>
				<category><![CDATA[视觉设计]]></category>
		<guid isPermaLink="false">http://wwl3.com/2009/02/%e5%87%a4%e5%87%b0%e6%b6%85%e7%a3%90/</guid>

					<description><![CDATA[晒晒旧图：大学第一个暑假做的图，那时起就迷恋矢量。用的Microsoft Expression Design。参照一本杂志中的画做的，送给了XO姐姐。]]></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="https://wwl3.com/wp-content/uploads/2009/02/phoenixnirvana.gif"><img loading="lazy" decoding="async" title="Phoenix-Nirvana" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="390" alt="Phoenix-Nirvana" src="https://wwl3.com/wp-content/uploads/2009/02/phoenixnirvana-thumb.gif" width="600" border="0" /></a></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Illustration collection of Alistapart</title>
		<link>https://wwl3.com/2009/02/illustration-collection-of-alistapart/</link>
		
		<dc:creator><![CDATA[王万林]]></dc:creator>
		<pubDate>Mon, 02 Feb 2009 10:48:24 +0000</pubDate>
				<category><![CDATA[视觉设计]]></category>
		<category><![CDATA[alistapart]]></category>
		<guid isPermaLink="false">http://wwl3.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 [&#8230;]]]></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>[download#10](images and index files included)</p>
<p><img decoding="async" 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="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.com/wp-content/uploads/2009/02/gun_and_hat.jpg" width="135" height="128" alt="Tommy Gun and Fedora" /><img loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" alt="Candy Hearts: Flickr and Google" src="https://wwl3.com/wp-content/uploads/2009/02/heart_01.jpg" width="135" height="104" /><img loading="lazy" decoding="async" alt="Candy Hearts: CSS and XHTML" src="https://wwl3.com/wp-content/uploads/2009/02/heart_02.jpg" width="135" height="151" /><img loading="lazy" decoding="async" alt="Candy Hearts: AJAX and DOM" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 decoding="async" src="https://wwl3.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 decoding="async" src="https://wwl3.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?" /></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Alistapart 插画收集</title>
		<link>https://wwl3.com/2009/02/illustration-collection-of-alistapart-2/</link>
		
		<dc:creator><![CDATA[王万林]]></dc:creator>
		<pubDate>Mon, 02 Feb 2009 10:47:42 +0000</pubDate>
				<category><![CDATA[视觉设计]]></category>
		<category><![CDATA[alistapart]]></category>
		<guid isPermaLink="false">http://wwl3.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 下载：[download#10]（图片和目录都有） 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 [&#8230;]]]></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>[download#10]（图片和目录都有）</p>
<p><img decoding="async" 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="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.com/wp-content/uploads/2009/02/gun_and_hat.jpg" width="135" height="128" alt="Tommy Gun and Fedora" /><img loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" alt="Candy Hearts: Flickr and Google" src="https://wwl3.com/wp-content/uploads/2009/02/heart_01.jpg" width="135" height="104" /><img loading="lazy" decoding="async" alt="Candy Hearts: CSS and XHTML" src="https://wwl3.com/wp-content/uploads/2009/02/heart_02.jpg" width="135" height="151" /><img loading="lazy" decoding="async" alt="Candy Hearts: AJAX and DOM" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 loading="lazy" decoding="async" src="https://wwl3.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 decoding="async" src="https://wwl3.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 decoding="async" src="https://wwl3.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?" /></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>logo design 英语经贸系</title>
		<link>https://wwl3.com/2008/12/logo-design-%e8%8b%b1%e8%af%ad%e7%bb%8f%e8%b4%b8%e7%b3%bb/</link>
		
		<dc:creator><![CDATA[不一样的蚊子]]></dc:creator>
		<pubDate>Tue, 16 Dec 2008 20:37:19 +0000</pubDate>
				<category><![CDATA[视觉设计]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Photoshop]]></category>
		<guid isPermaLink="false">http://wwl3.com/?p=130</guid>

					<description><![CDATA[前几天弄的一LOGO，帮外表深沉、内心活泼的PNY童鞋弄的。预祝她参加比赛获奖哦！ 下载点此：[download#8] Technorati : design, photoshop Del.icio.us : design, photoshop Zooomr : design, photoshop Flickr : design, photoshop]]></description>
										<content:encoded><![CDATA[<p>前几天弄的一LOGO，帮外表深沉、内心活泼的PNY童鞋弄的。预祝她参加比赛获奖哦！</p>
<p><strong>下载点此：</strong>[download#8]</p>
<p><img decoding="async" 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="https://wwl3.com/wp-content/uploads/2009/01/collage2.jpg" width="600" /> </p>
<p><span id="more-130"></span></p>
</p>
<p><img decoding="async" alt="logo-te-block.png" src="https://wwl3.com/wp-content/uploads/2008/12/logo-te-block.png" width="600" /></p>
<p><img loading="lazy" decoding="async" alt="logo-te-square.png" src="https://wwl3.com/wp-content/uploads/2008/12/logo-te-square.png" width="458" height="406" /></p>
<p><img loading="lazy" decoding="async" alt="logo-te-red.jpg" src="https://wwl3.com/wp-content/uploads/2008/12/logo-te-red.jpg" width="485" height="308" /></p>
<p><img loading="lazy" decoding="async" alt="logo-te-blue.jpg" src="https://wwl3.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>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Logo 微软技术俱乐部</title>
		<link>https://wwl3.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>
		
		<dc:creator><![CDATA[不一样的蚊子]]></dc:creator>
		<pubDate>Sat, 13 Dec 2008 20:07:01 +0000</pubDate>
				<category><![CDATA[视觉设计]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Photoshop]]></category>
		<guid isPermaLink="false">http://wwl3.com/?p=121</guid>

					<description><![CDATA[2，3年前做的LOGO了，电子科技大学微软技术俱乐部的哈。 当时PS出了个smart object，哇，好东西，就狂用了…… 现在看起来那东西很嫩呢， 放图(PNG,IE6下头不正常，闲麻烦，不管他了)，下载：[download#5] Technorati : design, logo, photoshop Del.icio.us : design, logo, photoshop Zooomr : design, logo, photoshop Flickr : design, logo, photoshop]]></description>
										<content:encoded><![CDATA[<p>2，3年前做的LOGO了，电子科技大学微软技术俱乐部的哈。</p>
<p>当时PS出了个smart object，哇，好东西，就狂用了……</p>
<p>现在看起来那东西很嫩呢，</p>
<p>放图(PNG,IE6下头不正常，闲麻烦，不管他了)，下载：[download#5]</p>
<p><img loading="lazy" decoding="async" src="https://wwl3.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></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Logo Design for Raina</title>
		<link>https://wwl3.com/2008/12/logo-design-for-raina-2/</link>
		
		<dc:creator><![CDATA[不一样的蚊子]]></dc:creator>
		<pubDate>Sun, 07 Dec 2008 19:37:25 +0000</pubDate>
				<category><![CDATA[视觉设计]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Photoshop]]></category>
		<guid isPermaLink="false">http://wwl3.com/?p=112</guid>

					<description><![CDATA[给小辛做的Logo哈， 描述：绿色，植物，女性，技术，专业，高雅，简洁。 脑图： Logo: Download Here [download#4] Technorati : design, logo, photoshop Del.icio.us : design, logo, photoshop Zooomr : design, logo, photoshop Flickr : design, logo, photoshop]]></description>
										<content:encoded><![CDATA[<p>给<a href="http://www.rainaxin.com/" target="_blank">小辛</a>做的Logo哈，</p>
<p>描述：绿色，植物，女性，技术，专业，高雅，简洁。</p>
<h3>脑图：</h3>
<figure id="attachment_105" aria-describedby="caption-attachment-105" style="width: 300px" class="wp-caption alignnone"><a href="https://wwl3.com/wp-content/uploads/2008/12/20081208.jpg"><img loading="lazy" decoding="async" class="size-medium wp-image-105" title="20081208.jpg" src="https://wwl3.com/wp-content/uploads/2008/12/20081208-300x225.jpg" alt="小辛LOGO的脑图" width="300" height="225" srcset="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2008/12/20081208-300x225.jpg 300w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2008/12/20081208.jpg 600w" sizes="(max-width: 300px) 100vw, 300px" /></a><figcaption id="caption-attachment-105" class="wp-caption-text">小辛LOGO的脑图</figcaption></figure>
<h3>Logo:</h3>
<p><img loading="lazy" decoding="async" src="https://wwl3.com/wp-content/uploads/2008/12/raina-600.jpg" alt="Raina-600.jpg" width="600" height="512" /></p>
<h3>Download Here</h3>
<p>[download#4]</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></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Setup My Team&#8217;s Adobe Version Cue</title>
		<link>https://wwl3.com/2008/12/setup-my-teams-adobe-version-cue/</link>
		
		<dc:creator><![CDATA[不一样的蚊子]]></dc:creator>
		<pubDate>Fri, 05 Dec 2008 06:08:40 +0000</pubDate>
				<category><![CDATA[Retweeted]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[team]]></category>
		<category><![CDATA[Version Cue]]></category>
		<category><![CDATA[视觉设计]]></category>
		<guid isPermaLink="false">http://wwl3.com/?p=104</guid>

					<description><![CDATA[Have a research in team work about the Adobe Version Cue, show out some experence on it. The first problem I meet is that: Can not find Version Cue icon in the system tray or the Adobe Version Cue in the control panel does not work. Description: I installed Version Cue CS3 on windows 2003 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>Have a research in team work about the Adobe Version Cue, show out some experence on it.</p>
<p>The first problem I meet is that:</p>
<h3>Can not find Version Cue icon in the system tray or the Adobe Version Cue in the control panel does not work.</h3>
<p><strong>Description:</strong></p>
<p>I installed Version Cue CS3 on windows 2003 server 64 bit. After install, restart and starting the version cue server there is no version cue icon in the system tray. If i double click the &#8220;Adobe Version Cue CS3&#8221; item in the Control Panel i still don&#8217;t get the Version Cue Preferences where i can set RAM, data folders, etc.</p>
<p>And it comes out while running XP Pro 32bit.</p>
<p><strong>Solution:</strong></p>
<p>double-clicking this file directly: C:\Program Files\Common Files\Adobe\Adobe Version Cue CS3\Server\bin\VersionCueCS3.cpl<!--end msg--></p>
<h3>Where is the View Logs located?</h3>
<p><strong>Solution:</strong></p>
<p>Log files are located here: C:\Program Files\Common Files\Adobe\Adobe Version Cue CS3\Server\logs</p>
<h3>How to Start Version Cue Services with system?</h3>
<p><strong>Description:</strong></p>
<p>System: Windows Server 2003, Mysql, Apache</p>
<p>Version Cue cannot start with the system whether you have set the service Adobe Version Cue Automatic. Once you set Automatic start, service status option the services manager is disable.</p>
<p>However, if you choose manul, every time start the services manully, it works well.</p>
<p><strong>Solution:</strong></p>
<p>Viewed the log files, find that</p>
<pre class="code">
java.lang.IllegalStateException: DataXtend initialization failed: com.persistence.ddc.bootstrap.StartupException: Error encountered during DataXtend service startup: com.persistence.container.ContainerException: ContainerException = name: DATASOURCE_ERR, description: ODBC Data Source Error: HYT00 -- 
 Message: [MySQL][ODBC 3.51 Driver]Unknown MySQL server host 'localhost' (11004), category: 10320, code: 12001, database code: 0, index: 0.
</pre>
<p>So problem come out of the conflict between mysql and Version Cue as Version is using Mysql too.</p>
<h3>Update Versioncue CS3 to CS4</h3>
<p><strong>Description:</strong></p>
<p>Firstly, I wanner use Adobe Drive connect to my Version Cue CS3 dedicate server. Unfortunately, it turns out that Adobe Drive can ONLY connect to Version Cue CS4 right now. So I have to update my server.</p>
<p>Project is on the way&#8230; So I have to setup a teamworkable environment immediately. Evryone install both bridge CS3 and CS4, work with bridge cs3&#8230;</p>
<p>To Be Continue&#8230;</p>
<p xmlns="" 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 href="http://www.technorati.com/tag/Design" class="ztag" rel="tag">Design</a>, <a href="http://www.technorati.com/tag/Photoshop" class="ztag" rel="tag">Photoshop</a>, <a href="http://www.technorati.com/tag/Team" class="ztag" rel="tag">Team</a>, <a href="http://www.technorati.com/tag/Version+Cue" class="ztag" rel="tag">Version Cue</a></span>  <br /> <span class="ztags"><span class="ztagspace">Del.icio.us</span> : <a href="http://del.icio.us/tag/Design" class="ztag" rel="tag">Design</a>, <a href="http://del.icio.us/tag/Photoshop" class="ztag" rel="tag">Photoshop</a>, <a href="http://del.icio.us/tag/Team" class="ztag" rel="tag">Team</a>, <a href="http://del.icio.us/tag/Version%20Cue" class="ztag" rel="tag">Version Cue</a></span>  <br /> <span class="ztags"><span class="ztagspace">Zooomr</span> : <a href="http://www.zooomr.com/search/photos/?q=Design" class="ztag" rel="tag">Design</a>, <a href="http://www.zooomr.com/search/photos/?q=Photoshop" class="ztag" rel="tag">Photoshop</a>, <a href="http://www.zooomr.com/search/photos/?q=Team" class="ztag" rel="tag">Team</a>, <a href="http://www.zooomr.com/search/photos/?q=Version%20Cue" class="ztag" rel="tag">Version Cue</a></span>  <br /> <span class="ztags"><span class="ztagspace">Flickr</span> : <a href="http://www.flickr.com/photos/tags/Design" class="ztag" rel="tag">Design</a>, <a href="http://www.flickr.com/photos/tags/Photoshop" class="ztag" rel="tag">Photoshop</a>, <a href="http://www.flickr.com/photos/tags/Team" class="ztag" rel="tag">Team</a>, <a href="http://www.flickr.com/photos/tags/Version%20Cue" class="ztag" rel="tag">Version Cue</a></span> </p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>发一帮朋友做的LOGO</title>
		<link>https://wwl3.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>
		
		<dc:creator><![CDATA[不一样的蚊子]]></dc:creator>
		<pubDate>Tue, 25 Nov 2008 17:43:01 +0000</pubDate>
				<category><![CDATA[视觉设计]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Photoshop]]></category>
		<guid isPermaLink="false">http://wwl3.com/?p=88</guid>

					<description><![CDATA[聚类搜索， Query Diversity and Cluster Based Aggregated search 地球中的橙色：&#8221;S&#8221;earch the world. 下载地址：[download#2] Technorati : design, logo, photoshop Del.icio.us : design, logo, photoshop Zooomr : design, logo, photoshop Flickr : design, logo, photoshop]]></description>
										<content:encoded><![CDATA[<p>聚类搜索，</p>
<p>Query Diversity and Cluster Based Aggregated search</p>
<p>地球中的橙色：&#8221;S&#8221;earch the world.</p>
<p>下载地址：[download#2]</p>
<p><img loading="lazy" decoding="async" src="https://wwl3.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></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>梦飞工作室招新海报2008.09.11</title>
		<link>https://wwl3.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>
		
		<dc:creator><![CDATA[不一样的蚊子]]></dc:creator>
		<pubDate>Wed, 19 Nov 2008 06:18:45 +0000</pubDate>
				<category><![CDATA[视觉设计]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[showbill]]></category>
		<category><![CDATA[海报]]></category>
		<guid isPermaLink="false">http://wwl3.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, 海报]]></description>
										<content:encoded><![CDATA[<p>工作室招新时做的海报～</p>
<h3>团体照一张</h3>
<figure id="attachment_77" aria-describedby="caption-attachment-77" style="width: 220px" class="wp-caption alignnone"><a href="https://wwl3.com/wp-content/uploads/2008/11/poster-zhaoxin-all.jpg"><img loading="lazy" decoding="async" class="size-medium wp-image-77" title="poster-zhaoxin-all.jpg" src="https://wwl3.com/wp-content/uploads/2008/11/poster-zhaoxin-all-220x300.jpg" alt="团队照片" width="220" height="300" srcset="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2008/11/poster-zhaoxin-all-220x300.jpg 220w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2008/11/poster-zhaoxin-all.jpg 800w" sizes="(max-width: 220px) 100vw, 220px" /></a><figcaption id="caption-attachment-77" class="wp-caption-text">团队照片</figcaption></figure>
<h3>视觉侠Visual Designer</h3>
<ol>
<li>热爱设计，热爱并执着于平面设计、网页设计、艺术设计。有着宽广的设计观和国际化的设计眼光；</li>
<li>能独立担当设计工作。适应高强度的工作，并保持乐观精神，善于团队合作；</li>
<li>良好的设计表现力和设计沟通能力，请提供作品证明。</li>
</ol>
<figure id="attachment_78" aria-describedby="caption-attachment-78" style="width: 220px" class="wp-caption alignnone"><a href="https://wwl3.com/wp-content/uploads/2008/11/poster-zhaoxin-3.jpg"><img loading="lazy" decoding="async" class="size-medium wp-image-78" title="poster-zhaoxin-3.jpg" src="https://wwl3.com/wp-content/uploads/2008/11/poster-zhaoxin-3-220x300.jpg" alt="视觉侠" width="220" height="300" srcset="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2008/11/poster-zhaoxin-3-220x300.jpg 220w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2008/11/poster-zhaoxin-3.jpg 800w" sizes="(max-width: 220px) 100vw, 220px" /></a><figcaption id="caption-attachment-78" class="wp-caption-text">视觉侠</figcaption></figure>
<h3>前端侠 Web Developer</h3>
<ol>
<li>热爱计算机、热爱编程；</li>
<li>对Web前端技术有一定认识，包括XHTML/CSS/Javascript等；</li>
<li>对Web标准、可用性、可访问性等相关知识有所认识；</li>
<li>了解一门非Web前端脚本的语言（如Java/PHP）；</li>
<li>个性乐观开朗，逻辑性强，善于与人合作。</li>
</ol>
<figure id="attachment_79" aria-describedby="caption-attachment-79" style="width: 220px" class="wp-caption alignnone"><a href="https://wwl3.com/wp-content/uploads/2008/11/poster-zhaoxin-2.jpg"><img loading="lazy" decoding="async" class="size-medium wp-image-79" title="poster-zhaoxin-2.jpg" src="https://wwl3.com/wp-content/uploads/2008/11/poster-zhaoxin-2-220x300.jpg" alt="前端侠" width="220" height="300" srcset="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2008/11/poster-zhaoxin-2-220x300.jpg 220w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2008/11/poster-zhaoxin-2.jpg 800w" sizes="(max-width: 220px) 100vw, 220px" /></a><figcaption id="caption-attachment-79" class="wp-caption-text">前端侠</figcaption></figure>
<h3>后端侠 Back-end Developer</h3>
<ol>
<li>具有较强的责任心和工作热情，工作认真，踏实肯干，适应高强度的工作；</li>
<li>对数据库、Java或者PHP有一定认识；</li>
<li>有良好语言表达能力，有良好的团队合作精神及钻研精神。</li>
</ol>
<figure id="attachment_102" aria-describedby="caption-attachment-102" style="width: 220px" class="wp-caption alignnone"><a href="https://wwl3.com/wp-content/uploads/2008/12/poster-zhaoxin-1.jpg"><img loading="lazy" decoding="async" class="size-medium wp-image-102" title="poster-zhaoxin-1" src="https://wwl3.com/wp-content/uploads/2008/12/poster-zhaoxin-1-220x300.jpg" alt="后端侠" width="220" height="300" srcset="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2008/12/poster-zhaoxin-1-220x300.jpg 220w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2008/12/poster-zhaoxin-1.jpg 800w" sizes="(max-width: 220px) 100vw, 220px" /></a><figcaption id="caption-attachment-102" class="wp-caption-text">后端侠</figcaption></figure>
<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></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>关于配色的一点点知识</title>
		<link>https://wwl3.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>
		
		<dc:creator><![CDATA[不一样的蚊子]]></dc:creator>
		<pubDate>Sun, 09 Nov 2008 18:22:15 +0000</pubDate>
				<category><![CDATA[视觉设计]]></category>
		<category><![CDATA[color]]></category>
		<category><![CDATA[配色]]></category>
		<guid isPermaLink="false">http://wwl3.com/?p=51</guid>

					<description><![CDATA[Color Theory View SlideShare presentation or Upload your own. (tags: color theory) Color Theory色彩原理 大二时做的讲座，讲了一些色彩的基本知识。 色环&#8211;色环，三原色，次混合色，补色，过渡色，灰色。 明暗度 配色方案&#8211;相同色相，补色，类似色，冷暖色 色盘]]></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>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
