<?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>Jeff Boulet &#187; Interaction Design</title>
	<atom:link href="http://www.properslang.com/category/interaction-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.properslang.com</link>
	<description>- Web and Mobile UI/UX Designer and Developer</description>
	<lastBuildDate>Wed, 24 Aug 2011 15:02:04 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
		<item>
		<title>Upstage App Beta Launch</title>
		<link>http://www.properslang.com/computers/upstage-app-beta-launch/</link>
		<comments>http://www.properslang.com/computers/upstage-app-beta-launch/#comments</comments>
		<pubDate>Sat, 26 Feb 2011 23:12:22 +0000</pubDate>
		<dc:creator>Jeff Boulet</dc:creator>
				<category><![CDATA[Computers]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[iPhone]]></category>

		<guid isPermaLink="false">http://www.properslang.com/?p=186</guid>
		<description><![CDATA[Scott Taylor and I have been working evenings and weekends on Upstage App. It&#8217;s been a fun experience working on a project outside of work that belongs to us. I love working for clients and I like my job but there&#8217;s nothing like the experience of having something that&#8217;s all your own. If you&#8217;re a designer or developer working on iPhone or iPad, you should checkout Upstage App. We&#8217;re currenlty working to implement better sharing functionality but even as it stands now, it&#8217;s a very useful tool that I use daily in my workflow.]]></description>
			<content:encoded><![CDATA[<p><a href="http://upstageapp.com" rel="external" class="borders"><img src="http://properslang.com/wp-content/upstage_logo.png" alt="Upstage App Logo" /></a>
<p><a href="http://railsnewbie.com">Scott Taylor</a> and I have been working evenings and weekends on <a href="http://upstageapp.com" title="Checkout Upstage App: iOS design sharing tool">Upstage App</a>. It&#8217;s been a fun experience working on a project outside of work that belongs to us. I love working for clients and I like my job but there&#8217;s nothing like the experience of having something that&#8217;s all your own.</p>
<p>If you&#8217;re a designer or developer working on iPhone or iPad, you should checkout <a href="http://upstageapp.com" title="Checkout Upstage App: iOS design sharing tool">Upstage App</a>. We&#8217;re currenlty working to implement better sharing functionality but even as it stands now, it&#8217;s a very useful tool that I use daily in my workflow. </p>
]]></content:encoded>
			<wfw:commentRss>http://www.properslang.com/computers/upstage-app-beta-launch/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Multiple Galleries with NyroModal</title>
		<link>http://www.properslang.com/interaction-design/multiple-galleries-with-nyromodal/</link>
		<comments>http://www.properslang.com/interaction-design/multiple-galleries-with-nyromodal/#comments</comments>
		<pubDate>Sat, 31 Jul 2010 23:52:48 +0000</pubDate>
		<dc:creator>Jeff Boulet</dc:creator>
				<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://www.properslang.com/?p=76</guid>
		<description><![CDATA[NyroModal is a robust jQuery &#8220;lightbox&#8221; that&#8217;s been giving us a lot of love for a couple years now and we&#8217;re always finding something new with it. It supports multiple galleries on the same page. I knew it did but couldn&#8217;t remember how to do it. It&#8217;s not well documented on the site so here&#8217;s how you do it. Example Galleries Gal1 &#8211; Media 1 Gal1 &#8211; Media 2 Gal1 &#8211; Media 3 Gal1 &#8211; Media 4 Gal2 &#8211; Media 1 Gal2 &#8211; Media 2 Gal2 &#8211; Media 3 Gal2 &#8211; Media 4 Gallery 1 Markup Gal1 - Media 1 Gal1 - Media 2 Gal1 - Media 3 Gal1 - Media 4 Gallery 2 Markup Gal2 - Media 1 Gal2 - Media 2 Gal2 - Media 3 Gal2 - Media 4]]></description>
			<content:encoded><![CDATA[<p><a href="http://nyromodal.nyrodev.com/" class="nyroModal">NyroModal</a> is a robust jQuery &#8220;lightbox&#8221; that&#8217;s been giving us a lot of love for a couple years now and we&#8217;re always finding something new with it. It supports multiple galleries on the same page. I knew it did but couldn&#8217;t remember how to do it. It&#8217;s not well documented on the site so here&#8217;s how you do it.</p>
<div class="example">
<h2>Example Galleries</h2>
<ul style="display: inline-block; width: 200px!important; margin-right: 100px">
<li>
      <a href="http://farm5.static.flickr.com/4069/4579395973_c69306a61a_z.jpg" title="first" class="nyroModal" rel="gal1">Gal1 &#8211; Media 1</a>
    </li>
<li>
      <a href="http://farm5.static.flickr.com/4027/4528266805_b509471331_z.jpg" title="second" class="nyroModal" rel="gal1">Gal1 &#8211; Media 2</a>
    </li>
<li>
      <a href="http://farm5.static.flickr.com/4017/4528893510_5e619ea040_z.jpg" title="third" class="nyroModal" rel="gal1">Gal1 &#8211; Media 3</a>
    </li>
<li>
      <a href="http://farm5.static.flickr.com/4003/4528887782_3601cd5027_z.jpg" title="fourth" class="nyroModal" rel="gal1">Gal1 &#8211; Media 4</a>
    </li>
</ul>
<ul style="display: inline-block; width: 200px!important; margin-right: 100px">
<li>
      <a href="http://farm5.static.flickr.com/4021/4528248555_b80a9feddb_z.jpg" title="first" class="nyroModal" rel="gal2">Gal2 &#8211; Media 1</a>
    </li>
<li>
      <a href="http://farm5.static.flickr.com/4062/4394087686_8ed8840e90_z.jpg" title="second" class="nyroModal" rel="gal2">Gal2 &#8211; Media 2</a>
    </li>
<li>
      <a href="http://farm5.static.flickr.com/4050/4394087180_89b724c0dd_z.jpg" title="third" class="nyroModal" rel="gal2">Gal2 &#8211; Media 3</a>
    </li>
<li>
      <a href="http://farm5.static.flickr.com/4002/4373519043_ace2ba0936_z.jpg" title="fourth" class="nyroModal" rel="gal2">Gal2 &#8211; Media 4</a>
    </li>
</ul>
</div>
<h3>Gallery 1 Markup</h3>
<pre class="brush: xml;">
<ul style="display: inline-block; width: 200px!important; margin-right: 100px">
<li>
<a href="http://farm5.static.flickr.com/4069/4579395973_c69306a61a_z.jpg" title="first" class="nyroModal" rel="gal1">Gal1 - Media 1</a>
</li>
<li>
<a href="http://farm5.static.flickr.com/4027/4528266805_b509471331_z.jpg" title="second" class="nyroModal" rel="gal1">Gal1 - Media 2</a>
</li>
<li>
<a href="http://farm5.static.flickr.com/4017/4528893510_5e619ea040_z.jpg" title="third" class="nyroModal" rel="gal1">Gal1 - Media 3</a>
</li>
<li>
<a href="http://farm5.static.flickr.com/4003/4528887782_3601cd5027_z.jpg" title="fourth" class="nyroModal" rel="gal1">Gal1 - Media 4</a>
</li>
</ul>
</pre>
<h3>Gallery 2 Markup</h3>
<pre class="brush: xml;">
<ul style="display: inline-block; width: 200px!important; margin-right: 100px">
<li>
<a href="http://farm5.static.flickr.com/4021/4528248555_b80a9feddb_z.jpg" title="first" class="nyroModal" rel="gal2">Gal2 - Media 1</a>
</li>
<li>
<a href="http://farm5.static.flickr.com/4062/4394087686_8ed8840e90_z.jpg" title="second" class="nyroModal" rel="gal2">Gal2 - Media 2</a>
</li>
<li>
<a href="http://farm5.static.flickr.com/4050/4394087180_89b724c0dd_z.jpg" title="third" class="nyroModal" rel="gal2">Gal2 - Media 3</a>
</li>
<li>
<a href="http://farm5.static.flickr.com/4002/4373519043_ace2ba0936_z.jpg" title="fourth" class="nyroModal" rel="gal2">Gal2 - Media 4</a>
</li>
</ul>
</pre>
]]></content:encoded>
			<wfw:commentRss>http://www.properslang.com/interaction-design/multiple-galleries-with-nyromodal/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Right Way to Wireframe</title>
		<link>http://www.properslang.com/interaction-design/the-right-way-to-wireframe/</link>
		<comments>http://www.properslang.com/interaction-design/the-right-way-to-wireframe/#comments</comments>
		<pubDate>Mon, 08 Feb 2010 23:08:07 +0000</pubDate>
		<dc:creator>Jeff Boulet</dc:creator>
				<category><![CDATA[Interaction Design]]></category>

		<guid isPermaLink="false">http://www.properslang.com/?p=65</guid>
		<description><![CDATA[Thanks @russu.]]></description>
			<content:encoded><![CDATA[<p>Thanks <a href="http://twitter.com/russu">@russu</a>.</p>
<p><object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/RjIDHTyY1zM&#038;hl=en_US&#038;fs=1&#038;color1=0x006699&#038;color2=0x54abd6"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/RjIDHTyY1zM&#038;hl=en_US&#038;fs=1&#038;color1=0x006699&#038;color2=0x54abd6" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.properslang.com/interaction-design/the-right-way-to-wireframe/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Users are People Too</title>
		<link>http://www.properslang.com/interaction-design/users-are-people-too/</link>
		<comments>http://www.properslang.com/interaction-design/users-are-people-too/#comments</comments>
		<pubDate>Mon, 08 Feb 2010 23:04:33 +0000</pubDate>
		<dc:creator>Jeff Boulet</dc:creator>
				<category><![CDATA[Interaction Design]]></category>

		<guid isPermaLink="false">http://www.properslang.com/?p=56</guid>
		<description><![CDATA[Summarizing Chris Fahey: a user is not the sum of the actions you wish them to take.]]></description>
			<content:encoded><![CDATA[<p>Summarizing <a href="http://behaviordesign.com/" title="behavior design">Chris Fahey</a>: a user is not the sum of the actions you wish them to take.<a href="http://www.properslang.com/wp-content/users.png"></p>
<p><img src="http://www.properslang.com/wp-content/users.png" alt="" title="users" width="700" height="537" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.properslang.com/interaction-design/users-are-people-too/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

