<?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>Interactive Llama : Stephen M. James : Indianapolis &#187; Blog</title>
	<atom:link href="http://www.interactivellama.com/blog/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.interactivellama.com</link>
	<description>Portfolio, tutorials, and inspiration for web design</description>
	<lastBuildDate>Mon, 14 May 2012 02:25:45 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>Subtle Patterns</title>
		<link>http://www.interactivellama.com/blog/archives/subtle-patterns-free-textures-for-your-next-web-project/</link>
		<comments>http://www.interactivellama.com/blog/archives/subtle-patterns-free-textures-for-your-next-web-project/#comments</comments>
		<pubDate>Mon, 14 May 2012 02:23:55 +0000</pubDate>
		<dc:creator>Stephen James</dc:creator>
				<category><![CDATA[Pins]]></category>

		<guid isPermaLink="false">http://www.interactivellama.com/?p=612</guid>
		<description><![CDATA[Subtle Patterns &#8220;Nice subtle backgrounds for your next web project&#8221;]]></description>
			<content:encoded><![CDATA[<p><a href="http://subtlepatterns.com/"><img title="Screen-shot-2012-05-13-at-10.22.35-PM" src="http://www.interactivellama.com/wp-content/uploads/2012/05/Screen-shot-2012-05-13-at-10.22.35-PM.jpg" alt="" width="401" height="271" /></a></p>
<p><a href="http://subtlepatterns.com/"> Subtle Patterns</a></p>
<p><em>&#8220;Nice subtle backgrounds for your next web project&#8221;</em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.interactivellama.com/blog/archives/subtle-patterns-free-textures-for-your-next-web-project/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>NounProject</title>
		<link>http://www.interactivellama.com/blog/archives/nounproject/</link>
		<comments>http://www.interactivellama.com/blog/archives/nounproject/#comments</comments>
		<pubDate>Thu, 03 May 2012 01:55:37 +0000</pubDate>
		<dc:creator>Stephen James</dc:creator>
				<category><![CDATA[Pins]]></category>

		<guid isPermaLink="false">http://www.interactivellama.com/?p=605</guid>
		<description><![CDATA[NounProject &#8220;The Noun Project is a crowd-sourced collection of icons that can be downloaded as SVG files.&#8221;]]></description>
			<content:encoded><![CDATA[<p><a href="http://thenounproject.com/"><img class="alignnone size-full wp-image-610" title="Screen shot 2012-05-02 at 9.54.45 PM" src="http://www.interactivellama.com/wp-content/uploads/2012/05/Screen-shot-2012-05-02-at-9.54.45-PM.jpg" alt="" width="481" height="405" /></a></p>
<p><a href="http://thenounproject.com/">NounProject</a></p>
<p><em>&#8220;The Noun Project is a crowd-sourced collection of icons that can be downloaded as SVG files.&#8221;</em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.interactivellama.com/blog/archives/nounproject/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The design of a signage typeface</title>
		<link>http://www.interactivellama.com/blog/archives/the-design-of-a-signage-typeface/</link>
		<comments>http://www.interactivellama.com/blog/archives/the-design-of-a-signage-typeface/#comments</comments>
		<pubDate>Mon, 23 Apr 2012 15:38:12 +0000</pubDate>
		<dc:creator>Stephen James</dc:creator>
				<category><![CDATA[Pins]]></category>

		<guid isPermaLink="false">http://www.interactivellama.com/?p=599</guid>
		<description><![CDATA[The design of a signage typeface &#8220;The design process itself was also very different to that of designing a typeface for print. Usually a type designer first sketches out the outlines of certain letters. But naturally, this focuses on the final design and its stylistic details. However, these very details will be the first to &#8230; <a href="http://www.interactivellama.com/blog/archives/the-design-of-a-signage-typeface/">Continue reading <span class="meta-nav">&#187;</span></a>]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://ilovetypography.com/2012/04/19/the-design-of-a-signage-typeface/"><img src='http://www.interactivellama.com/wp-content/uploads/2012/04/letters3.jpg' alt='' /></a></p>
<p><a href="http://ilovetypography.com/2012/04/19/the-design-of-a-signage-typeface/">The design of a signage typeface<br />
</a></p>
<p><em>&#8220;The design process itself was also very different to that of designing a typeface for print. Usually a type designer first sketches out the outlines of certain letters. But naturally, this focuses on the final design and its stylistic details. However, these very details will be the first to disappear when the text is read from a distance. What matters here is the skeleton of the letterforms.&#8221;</em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.interactivellama.com/blog/archives/the-design-of-a-signage-typeface/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML5 element flowchart</title>
		<link>http://www.interactivellama.com/blog/archives/html5-element-flowchart/</link>
		<comments>http://www.interactivellama.com/blog/archives/html5-element-flowchart/#comments</comments>
		<pubDate>Mon, 23 Apr 2012 14:15:30 +0000</pubDate>
		<dc:creator>Stephen James</dc:creator>
				<category><![CDATA[Pins]]></category>

		<guid isPermaLink="false">http://www.interactivellama.com/?p=593</guid>
		<description><![CDATA[&#160; HTML5 element flowchart Try to decide which HTML5 elment to use?]]></description>
			<content:encoded><![CDATA[<p>&nbsp;</p>
<p style="text-align: center;"><a href="http://html5doctor.com/downloads/h5d-sectioning-flowchart.png"><img src='http://www.interactivellama.com/wp-content/uploads/2012/04/h5d-sectioning-flowchart.png' alt='' /></a></p>
<p><a href="http://html5doctor.com/lets-talk-about-semantics/">HTML5 element flowchart</a></p>
<p><em>Try to decide which HTML5 elment to use?<a href="http://html5doctor.com/lets-talk-about-semantics/"><br />
</a></em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.interactivellama.com/blog/archives/html5-element-flowchart/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CreateJS</title>
		<link>http://www.interactivellama.com/blog/archives/createjs/</link>
		<comments>http://www.interactivellama.com/blog/archives/createjs/#comments</comments>
		<pubDate>Mon, 23 Apr 2012 14:02:06 +0000</pubDate>
		<dc:creator>Stephen James</dc:creator>
				<category><![CDATA[Pins]]></category>

		<guid isPermaLink="false">http://www.interactivellama.com/?p=586</guid>
		<description><![CDATA[CreateJS: A suite of Javascript libraries and tools designed for working with HTML5 Includes: Library for working with the HTML5 Canvas Tweening and animating HTML5 and Javascript properties Provides an API working with audio Manage and co-ordinate the loading of assets Stand alone tool for exporting SWF animations as EaselJS sprite sheets that can be &#8230; <a href="http://www.interactivellama.com/blog/archives/createjs/">Continue reading <span class="meta-nav">&#187;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.interactivellama.com/wp-content/uploads/2012/04/product-icons-large-copy.jpg"><img class="alignnone size-full wp-image-591" title="product-icons-large copy" src="http://www.interactivellama.com/wp-content/uploads/2012/04/product-icons-large-copy.jpg" alt="" width="230" height="250" /></a></p>
<p><a href="http://createjs.com/#!/CreateJS">CreateJS: A suite of Javascript libraries and tools designed for working with HTML5</a></p>
<p>Includes:</p>
<ul>
<li>Library for working with the HTML5 Canvas</li>
<li>Tweening and animating HTML5 and Javascript properties</li>
<li>Provides an API working with audio</li>
<li>Manage and co-ordinate the loading of assets</li>
<li>Stand alone tool for exporting SWF animations as EaselJS sprite sheets that can be used in Canvas and CSS</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.interactivellama.com/blog/archives/createjs/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Making the Transition from Development to Design</title>
		<link>http://www.interactivellama.com/blog/archives/making-the-transition-from-development-to-design/</link>
		<comments>http://www.interactivellama.com/blog/archives/making-the-transition-from-development-to-design/#comments</comments>
		<pubDate>Mon, 23 Apr 2012 02:24:37 +0000</pubDate>
		<dc:creator>Stephen James</dc:creator>
				<category><![CDATA[Pins]]></category>

		<guid isPermaLink="false">http://www.interactivellama.com/?p=580</guid>
		<description><![CDATA[&#160; Making the Transition from Development to Design &#8220;Designers who understand and can work with code are becoming the prototype. Your transition is not going to happen overnight and a lot of your thinking will need to bend. However, I think you will be surprised by how much of your thinking will not.&#8221; Don’t stop &#8230; <a href="http://www.interactivellama.com/blog/archives/making-the-transition-from-development-to-design/">Continue reading <span class="meta-nav">&#187;</span></a>]]></description>
			<content:encoded><![CDATA[<p>&nbsp;</p>
<p style="text-align: center;"><a href="http://somerandomdude.com/2012/01/10/transition-from-development-to-design/"><img src='http://www.interactivellama.com/wp-content/uploads/2012/04/design-hierarchy.png' alt='' /></a></p>
<p><a href="http://somerandomdude.com/2012/01/10/transition-from-development-to-design/">Making the Transition from Development to Design</a></p>
<p><em>&#8220;Designers who understand and can work with code are becoming the prototype. Your transition is not going to happen overnight and a lot of your thinking will need to bend. However, I think you will be surprised by how much of your thinking will not.&#8221;</em></p>
<ul>
<li>Don’t stop building things</li>
<li>Learn design in order of dependency</li>
<li>Design everything you do</li>
<li>Care about your audience</li>
<li>Talk about design and listen even more</li>
<li>Learn from the time-tested—and emulate it</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.interactivellama.com/blog/archives/making-the-transition-from-development-to-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Information Surfacing: Communicating through Design</title>
		<link>http://www.interactivellama.com/blog/archives/information-surfacing-communicating-through-design/</link>
		<comments>http://www.interactivellama.com/blog/archives/information-surfacing-communicating-through-design/#comments</comments>
		<pubDate>Wed, 18 Apr 2012 14:43:26 +0000</pubDate>
		<dc:creator>Stephen James</dc:creator>
				<category><![CDATA[Pins]]></category>

		<guid isPermaLink="false">http://www.interactivellama.com/?p=574</guid>
		<description><![CDATA[Information Surfacing: Communicating through Design &#8220;Conceptual models are nothing new, but often become unintentionally obfuscated during the design processes. &#8220;]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://www.uxbooth.com/blog/information-surfacing-communicating-through-design/"><img src='http://www.interactivellama.com/wp-content/uploads/2012/04/02.png' alt='' /></a></p>
<p><a href="http://www.uxbooth.com/blog/information-surfacing-communicating-through-design/">Information Surfacing: Communicating through Design</a></p>
<p><em>&#8220;Conceptual models are nothing new, but often become unintentionally obfuscated during the design processes. &#8220;</em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.interactivellama.com/blog/archives/information-surfacing-communicating-through-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flat Icons &amp; Icon Fonts for Media Queries</title>
		<link>http://www.interactivellama.com/blog/archives/flat-icons-icon-fonts-for-media-queries/</link>
		<comments>http://www.interactivellama.com/blog/archives/flat-icons-icon-fonts-for-media-queries/#comments</comments>
		<pubDate>Tue, 17 Apr 2012 16:19:45 +0000</pubDate>
		<dc:creator>Stephen James</dc:creator>
				<category><![CDATA[Pins]]></category>

		<guid isPermaLink="false">http://www.interactivellama.com/?p=568</guid>
		<description><![CDATA[Flat Icons &#38; Icon Fonts]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://css-tricks.com/flat-icons-icon-fonts/"><img src='http://www.interactivellama.com/wp-content/uploads/2012/04/set-fico.png' alt='' /></a></p>
<p><a href="http://css-tricks.com/flat-icons-icon-fonts/">Flat Icons &amp; Icon Fonts<br />
</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.interactivellama.com/blog/archives/flat-icons-icon-fonts-for-media-queries/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Best Browser is the One You Have with You</title>
		<link>http://www.interactivellama.com/blog/archives/the-best-browser-is-the-one-you-have-with-you/</link>
		<comments>http://www.interactivellama.com/blog/archives/the-best-browser-is-the-one-you-have-with-you/#comments</comments>
		<pubDate>Wed, 11 Apr 2012 15:59:56 +0000</pubDate>
		<dc:creator>Stephen James</dc:creator>
				<category><![CDATA[Asides]]></category>

		<guid isPermaLink="false">http://www.interactivellama.com/?p=566</guid>
		<description><![CDATA[The Best Browser is the One You Have with You The Best Browser is the One You Have with You]]></description>
			<content:encoded><![CDATA[<p>The Best Browser is the One You Have with You</p>
<p><a href="http://www.alistapart.com/articles/the-best-browser-is-the-one-you-have-with-you">The Best Browser is the One You Have with You</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.interactivellama.com/blog/archives/the-best-browser-is-the-one-you-have-with-you/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Direction-Aware Hover with CSS3 and jQuery</title>
		<link>http://www.interactivellama.com/blog/archives/direction-aware-hover-with-css3-and-jquery/</link>
		<comments>http://www.interactivellama.com/blog/archives/direction-aware-hover-with-css3-and-jquery/#comments</comments>
		<pubDate>Tue, 10 Apr 2012 18:47:13 +0000</pubDate>
		<dc:creator>Stephen James</dc:creator>
				<category><![CDATA[Pins]]></category>

		<guid isPermaLink="false">http://www.interactivellama.com/?p=560</guid>
		<description><![CDATA[&#160; Direction-Aware Hover with CSS3 and jQuery]]></description>
			<content:encoded><![CDATA[<p>&nbsp;</p>
<p style="text-align: center;"><a href="http://tympanus.net/codrops/2012/04/09/direction-aware-hover-effect-with-css3-and-jquery/"><img src='http://www.interactivellama.com/wp-content/uploads/2012/04/DirectionAwareHover.jpg' alt='' /></a></p>
<p><a href="http://tympanus.net/codrops/2012/04/09/direction-aware-hover-effect-with-css3-and-jquery/">Direction-Aware Hover with CSS3 and jQuery</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.interactivellama.com/blog/archives/direction-aware-hover-with-css3-and-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

