<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
		>
<channel>
	<title>Comments on: Patterns Resources</title>
	<atom:link href="http://jamesmelzer.com/interaction-design/patterns-resources/feed" rel="self" type="application/rss+xml" />
	<link>http://jamesmelzer.com/interaction-design/patterns-resources</link>
	<description>James Melzer's blog on information architecture &#38; interaction design</description>
	<lastBuildDate>Mon, 08 Feb 2010 21:16:06 -0800</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
	<item>
		<title>By: jamesmelzer</title>
		<link>http://jamesmelzer.com/interaction-design/patterns-resources/comment-page-1#comment-389</link>
		<dc:creator>jamesmelzer</dc:creator>
		<pubDate>Thu, 18 Jun 2009 16:55:30 +0000</pubDate>
		<guid isPermaLink="false">http://jamesmelzer.com/?p=111#comment-389</guid>
		<description>Smashing Magazine pulled together their own collection of interaction design galleries and patterns resources: http://www.smashingmagazine.com/2009/06/15/40-helpful-resources-on-user-interface-design-patterns/</description>
		<content:encoded><![CDATA[<p>Smashing Magazine pulled together their own collection of interaction design galleries and patterns resources: <a href="http://www.smashingmagazine.com/2009/06/15/40-helpful-resources-on-user-interface-design-patterns/" rel="nofollow">http://www.smashingmagazine.com/2009/06/15/40-helpful-resources-on-user-interface-design-patterns/</a></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Dilini</title>
		<link>http://jamesmelzer.com/interaction-design/patterns-resources/comment-page-1#comment-387</link>
		<dc:creator>Dilini</dc:creator>
		<pubDate>Wed, 13 May 2009 16:57:35 +0000</pubDate>
		<guid isPermaLink="false">http://jamesmelzer.com/?p=111#comment-387</guid>
		<description>Hi James,
I did a lot of research on pattern libraries myself when I first started working on one for my company. It&#039;s far from being complete. We haven&#039;t even publicized it for use within the company yet. Getting everyone to buy in to the idea should be interesting.
Your delicious bookmarks on the subject seem very extensive, I will surely browse through to see if there is anything I might have missed during my research. I will also let you know if you are missing any that I think is helpful.
Your project seems broader than mine but I hope to keep checking your blog to see your progress.

Best,
Dilini</description>
		<content:encoded><![CDATA[<p>Hi James,<br />
I did a lot of research on pattern libraries myself when I first started working on one for my company. It&#8217;s far from being complete. We haven&#8217;t even publicized it for use within the company yet. Getting everyone to buy in to the idea should be interesting.<br />
Your delicious bookmarks on the subject seem very extensive, I will surely browse through to see if there is anything I might have missed during my research. I will also let you know if you are missing any that I think is helpful.<br />
Your project seems broader than mine but I hope to keep checking your blog to see your progress.</p>
<p>Best,<br />
Dilini</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: jamesmelzer</title>
		<link>http://jamesmelzer.com/interaction-design/patterns-resources/comment-page-1#comment-331</link>
		<dc:creator>jamesmelzer</dc:creator>
		<pubDate>Wed, 08 Apr 2009 14:49:37 +0000</pubDate>
		<guid isPermaLink="false">http://jamesmelzer.com/?p=111#comment-331</guid>
		<description>another screenshot collection that is similar to PatternTap is http://ui-patterns.com/</description>
		<content:encoded><![CDATA[<p>another screenshot collection that is similar to PatternTap is <a href="http://ui-patterns.com/" rel="nofollow">http://ui-patterns.com/</a></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: jamesmelzer</title>
		<link>http://jamesmelzer.com/interaction-design/patterns-resources/comment-page-1#comment-300</link>
		<dc:creator>jamesmelzer</dc:creator>
		<pubDate>Wed, 25 Mar 2009 16:02:38 +0000</pubDate>
		<guid isPermaLink="false">http://jamesmelzer.com/?p=111#comment-300</guid>
		<description>If you have Silverlight, there is also Quince, a pattern library with several examples of each pattern. 
http://quince.infragistics.com/#/</description>
		<content:encoded><![CDATA[<p>If you have Silverlight, there is also Quince, a pattern library with several examples of each pattern.<br />
<a href="http://quince.infragistics.com/#/" rel="nofollow">http://quince.infragistics.com/#/</a></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: jamesmelzer</title>
		<link>http://jamesmelzer.com/interaction-design/patterns-resources/comment-page-1#comment-282</link>
		<dc:creator>jamesmelzer</dc:creator>
		<pubDate>Thu, 12 Mar 2009 13:59:22 +0000</pubDate>
		<guid isPermaLink="false">http://jamesmelzer.com/?p=111#comment-282</guid>
		<description>Oh, and I almost forgot social patterns: http://designingsocialinterfaces.com/patterns.wiki/index.php?title=Main_Page

Better just check the whole bibliography at http://delicious.com/jamesmelzer/pattern_language</description>
		<content:encoded><![CDATA[<p>Oh, and I almost forgot social patterns: <a href="http://designingsocialinterfaces.com/patterns.wiki/index.php?title=Main_Page" rel="nofollow">http://designingsocialinterfaces.com/patterns.wiki/index.php?title=Main_Page</a></p>
<p>Better just check the whole bibliography at <a href="http://delicious.com/jamesmelzer/pattern_language" rel="nofollow">http://delicious.com/jamesmelzer/pattern_language</a></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: jamesmelzer</title>
		<link>http://jamesmelzer.com/interaction-design/patterns-resources/comment-page-1#comment-281</link>
		<dc:creator>jamesmelzer</dc:creator>
		<pubDate>Thu, 12 Mar 2009 12:53:32 +0000</pubDate>
		<guid isPermaLink="false">http://jamesmelzer.com/?p=111#comment-281</guid>
		<description>A great case study from Oracle: 
http://www.uigarden.net/english/the-bulls-eye-a-framework-for-web-application-user-interface-design-guidelines and don&#039;t forget to click through to part 2.</description>
		<content:encoded><![CDATA[<p>A great case study from Oracle:<br />
<a href="http://www.uigarden.net/english/the-bulls-eye-a-framework-for-web-application-user-interface-design-guidelines" rel="nofollow">http://www.uigarden.net/english/the-bulls-eye-a-framework-for-web-application-user-interface-design-guidelines</a> and don&#8217;t forget to click through to part 2.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: jamesmelzer</title>
		<link>http://jamesmelzer.com/interaction-design/patterns-resources/comment-page-1#comment-266</link>
		<dc:creator>jamesmelzer</dc:creator>
		<pubDate>Mon, 02 Mar 2009 20:28:16 +0000</pubDate>
		<guid isPermaLink="false">http://jamesmelzer.com/?p=111#comment-266</guid>
		<description>&lt;strong&gt;Namespaces in Sun&#039;s pattern library&lt;/strong&gt;

&lt;ul&gt;&lt;li&gt;All the components have an id, which is a 1-3 character mnemonic prefix plus a two-digit counter starting at 01. &lt;/li&gt;
	&lt;li&gt;All component ids can have variations, with the default case being v0. The name of a variation takes the form: nam01v0.&lt;/li&gt;
	&lt;li&gt;Component variations can be described in the library with multiple examples. The first example is implied x0 with subsequent examples named x1, x2 and so on. The full namespace for an example is nam01v0x0.&lt;/li&gt;&lt;/ul&gt;

For many components, the component id (with variation id) is used as the container class name in the HTML code. This is not always the case, although the reason is unclear. I recommend always using the component id as the container class name. This will make components in the field easier to find and maintain. 

In a few cases, both the generic component id (nam01) and the id with variation (nam01v3) are used on nested containers, or as separate class calls on the same container. This dual-classing is done when most of the basic layout is handed by the parent, and the variation merely enhances these basics. For example: http://www.sun.com/webdesign/components/pc00.html . In cases where the structure of each variation is entirely different, simply use the variation id as the only class. For example: http://www.sun.com/webdesign/components/g03.html .

All components are categorized by where they occur on the page and where they occur in Sun&#039;s web properties. The categories are used for displaying groups of components, either as an index or as a filter. </description>
		<content:encoded><![CDATA[<p><strong>Namespaces in Sun&#8217;s pattern library</strong></p>
<ul>
<li>All the components have an id, which is a 1-3 character mnemonic prefix plus a two-digit counter starting at 01. </li>
<li>All component ids can have variations, with the default case being v0. The name of a variation takes the form: nam01v0.</li>
<li>Component variations can be described in the library with multiple examples. The first example is implied x0 with subsequent examples named x1, x2 and so on. The full namespace for an example is nam01v0x0.</li>
</ul>
<p>For many components, the component id (with variation id) is used as the container class name in the HTML code. This is not always the case, although the reason is unclear. I recommend always using the component id as the container class name. This will make components in the field easier to find and maintain. </p>
<p>In a few cases, both the generic component id (nam01) and the id with variation (nam01v3) are used on nested containers, or as separate class calls on the same container. This dual-classing is done when most of the basic layout is handed by the parent, and the variation merely enhances these basics. For example: <a href="http://www.sun.com/webdesign/components/pc00.html" rel="nofollow">http://www.sun.com/webdesign/components/pc00.html</a> . In cases where the structure of each variation is entirely different, simply use the variation id as the only class. For example: <a href="http://www.sun.com/webdesign/components/g03.html" rel="nofollow">http://www.sun.com/webdesign/components/g03.html</a> .</p>
<p>All components are categorized by where they occur on the page and where they occur in Sun&#8217;s web properties. The categories are used for displaying groups of components, either as an index or as a filter.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: jamesmelzer</title>
		<link>http://jamesmelzer.com/interaction-design/patterns-resources/comment-page-1#comment-259</link>
		<dc:creator>jamesmelzer</dc:creator>
		<pubDate>Mon, 23 Feb 2009 01:58:25 +0000</pubDate>
		<guid isPermaLink="false">http://jamesmelzer.com/?p=111#comment-259</guid>
		<description>even more UI screenshot collections
http://www.flickr.com/photos/designingwebinterfaces/sets/
http://www.flickr.com/photos/morville/collections/72157603785835882/
http://www.flickr.com/photos/guspim/sets/72057594051302852/
http://www.flickr.com/photos/guspim/collections/72157600047307884/
http://www.flickr.com/photos/factoryjoe/collections/72157600001823120/
http://designsnips.com/ (mostly visual design)</description>
		<content:encoded><![CDATA[<p>even more UI screenshot collections<br />
<a href="http://www.flickr.com/photos/designingwebinterfaces/sets/" rel="nofollow">http://www.flickr.com/photos/designingwebinterfaces/sets/</a><br />
<a href="http://www.flickr.com/photos/morville/collections/72157603785835882/" rel="nofollow">http://www.flickr.com/photos/morville/collections/72157603785835882/</a><br />
<a href="http://www.flickr.com/photos/guspim/sets/72057594051302852/" rel="nofollow">http://www.flickr.com/photos/guspim/sets/72057594051302852/</a><br />
<a href="http://www.flickr.com/photos/guspim/collections/72157600047307884/" rel="nofollow">http://www.flickr.com/photos/guspim/collections/72157600047307884/</a><br />
<a href="http://www.flickr.com/photos/factoryjoe/collections/72157600001823120/" rel="nofollow">http://www.flickr.com/photos/factoryjoe/collections/72157600001823120/</a><br />
<a href="http://designsnips.com/" rel="nofollow">http://designsnips.com/</a> (mostly visual design)</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: jamesmelzer</title>
		<link>http://jamesmelzer.com/interaction-design/patterns-resources/comment-page-1#comment-255</link>
		<dc:creator>jamesmelzer</dc:creator>
		<pubDate>Tue, 10 Feb 2009 18:06:54 +0000</pubDate>
		<guid isPermaLink="false">http://jamesmelzer.com/?p=111#comment-255</guid>
		<description>Matthew,
I&#039;ve been enjoying Pattern Tap a lot. I am considering it as a tool for us to research and share examples, since that seems to be its strength. The bulk of our work is going to be &#039;behind the firewall,&#039; so I can&#039;t use Pattern Tap for the patterns and standards themselves. </description>
		<content:encoded><![CDATA[<p>Matthew,<br />
I&#8217;ve been enjoying Pattern Tap a lot. I am considering it as a tool for us to research and share examples, since that seems to be its strength. The bulk of our work is going to be &#8216;behind the firewall,&#8217; so I can&#8217;t use Pattern Tap for the patterns and standards themselves.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Matthew Smith</title>
		<link>http://jamesmelzer.com/interaction-design/patterns-resources/comment-page-1#comment-254</link>
		<dc:creator>Matthew Smith</dc:creator>
		<pubDate>Tue, 10 Feb 2009 15:34:51 +0000</pubDate>
		<guid isPermaLink="false">http://jamesmelzer.com/?p=111#comment-254</guid>
		<description>Hi James,
I&#039;m glad to see you find Pattern Tap worthy to be mentioned among such a strong list of pattern libraries. Of course, as you mentioned, Pattern Tap is indeed unique and focuses on design inspiration more than a focused analysis of interface patterns.

Having said that, if it would be helpful to utilize the framework for Pattern Tap for your collection, with some amendments that would help detail each pattern, then let me know, I&#039;d be interested to work with you on something like that.</description>
		<content:encoded><![CDATA[<p>Hi James,<br />
I&#8217;m glad to see you find Pattern Tap worthy to be mentioned among such a strong list of pattern libraries. Of course, as you mentioned, Pattern Tap is indeed unique and focuses on design inspiration more than a focused analysis of interface patterns.</p>
<p>Having said that, if it would be helpful to utilize the framework for Pattern Tap for your collection, with some amendments that would help detail each pattern, then let me know, I&#8217;d be interested to work with you on something like that.</p>
]]></content:encoded>
	</item>
</channel>
</rss>
