<?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>Crystal's Adventures in Webdev Land &#187; Sites I&#8217;ve done</title>
	<atom:link href="http://crysodenkirk.com/blog/category/web-design/sites-ive-done/feed/" rel="self" type="application/rss+xml" />
	<link>http://crysodenkirk.com/blog</link>
	<description>Luck smiles on me often. Usually, it's with derision.</description>
	<lastBuildDate>Sun, 11 Jul 2010 20:30:44 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Resume &#8211; Paul Lathrop</title>
		<link>http://crysodenkirk.com/blog/2010/05/resume-paul-lathrop/</link>
		<comments>http://crysodenkirk.com/blog/2010/05/resume-paul-lathrop/#comments</comments>
		<pubDate>Wed, 05 May 2010 19:28:11 +0000</pubDate>
		<dc:creator>Crys</dc:creator>
				<category><![CDATA[Sites I've done]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://crysodenkirk.com/blog/?p=396</guid>
		<description><![CDATA[Visit Site: Paul&#8217;s Resume Related posts:Laughing Buddha Acupuncture Keepers of Stromgarde Keyclothes


Related posts:<ol><li><a href='http://crysodenkirk.com/blog/2009/05/laughing-buddha-acupuncture/' rel='bookmark' title='Permanent Link: Laughing Buddha Acupuncture'>Laughing Buddha Acupuncture</a></li>
<li><a href='http://crysodenkirk.com/blog/2008/08/keepers-of-stromgarde/' rel='bookmark' title='Permanent Link: Keepers of Stromgarde'>Keepers of Stromgarde</a></li>
<li><a href='http://crysodenkirk.com/blog/2009/05/keyclothes/' rel='bookmark' title='Permanent Link: Keyclothes'>Keyclothes</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><a href="http://plathrop.tertiusfamily.net/" target="_blank"><img src="http://crysodenkirk.com/blog/wp-content/uploads/2010/07/paul_lathrop_resume.jpg" alt="Paul Lathrop&#039;s Resume" title="Paul Lathrop&#039;s Resume" width="400" class="aligncenter size-full wp-image-1395" /></a><br />Visit Site: <a href="http://plathrop.tertiusfamily.net/" target="_blank">Paul&#8217;s Resume</a></p>
<img src="http://crysodenkirk.com/blog/?ak_action=api_record_view&id=396&type=feed" alt="" />

<p>Related posts:<ol><li><a href='http://crysodenkirk.com/blog/2009/05/laughing-buddha-acupuncture/' rel='bookmark' title='Permanent Link: Laughing Buddha Acupuncture'>Laughing Buddha Acupuncture</a></li>
<li><a href='http://crysodenkirk.com/blog/2008/08/keepers-of-stromgarde/' rel='bookmark' title='Permanent Link: Keepers of Stromgarde'>Keepers of Stromgarde</a></li>
<li><a href='http://crysodenkirk.com/blog/2009/05/keyclothes/' rel='bookmark' title='Permanent Link: Keyclothes'>Keyclothes</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://crysodenkirk.com/blog/2010/05/resume-paul-lathrop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Protected: design</title>
		<link>http://crysodenkirk.com/blog/2009/12/design/</link>
		<comments>http://crysodenkirk.com/blog/2009/12/design/#comments</comments>
		<pubDate>Thu, 24 Dec 2009 00:02:39 +0000</pubDate>
		<dc:creator>Crys</dc:creator>
				<category><![CDATA[Sites I've done]]></category>
		<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://crysodenkirk.com/blog/?p=984</guid>
		<description><![CDATA[There is no excerpt because this is a protected post.


No related posts.]]></description>
			<content:encoded><![CDATA[<form action="http://crysodenkirk.com/blog/wp-pass.php" method="post">
<p>This post is password protected. To view it please enter your password below:</p>
<p><label for="pwbox-984">Password:<br />
<input name="post_password" id="pwbox-984" type="password" size="20" /></label><br />
<input type="submit" name="Submit" value="Submit" /></p></form>
<img src="http://crysodenkirk.com/blog/?ak_action=api_record_view&id=984&type=feed" alt="" />

<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://crysodenkirk.com/blog/2009/12/design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Laughing Buddha Acupuncture</title>
		<link>http://crysodenkirk.com/blog/2009/05/laughing-buddha-acupuncture/</link>
		<comments>http://crysodenkirk.com/blog/2009/05/laughing-buddha-acupuncture/#comments</comments>
		<pubDate>Fri, 15 May 2009 02:12:53 +0000</pubDate>
		<dc:creator>Crys</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Sites I've done]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://crysodenkirk.com/blog/?p=237</guid>
		<description><![CDATA[[caption id="attachment_238" align="aligncenter" width="300" caption="Laughing Buddha Acupuncture"]<a href="http://crysodenkirk.com/blog/wp-content/uploads/2009/05/lba.png"><img src="http://crysodenkirk.com/blog/wp-content/uploads/2009/05/lba-300x197.png" alt="Laughing Buddha Acupuncture" title="Laughing Buddha Acupuncture" width="300" height="197" class="size-medium wp-image-238" /></a>[/caption]


Related posts:<ol><li><a href='http://crysodenkirk.com/blog/2008/08/keepers-of-stromgarde/' rel='bookmark' title='Permanent Link: Keepers of Stromgarde'>Keepers of Stromgarde</a></li>
<li><a href='http://crysodenkirk.com/blog/2010/05/resume-paul-lathrop/' rel='bookmark' title='Permanent Link: Resume &#8211; Paul Lathrop'>Resume &#8211; Paul Lathrop</a></li>
<li><a href='http://crysodenkirk.com/blog/2007/01/precision-screw-thread-corp/' rel='bookmark' title='Permanent Link: Precision Screw Thread Corp.'>Precision Screw Thread Corp.</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>My friend Aly Condon has opened her own acupuncture clinic. If you&#8217;re considering it, I definitely recommend her!</p>
<div id="attachment_238" class="wp-caption aligncenter" style="width: 410px"><a href="http://crysodenkirk.com/blog/wp-content/uploads/2009/05/lba.png"><img src="http://crysodenkirk.com/blog/wp-content/uploads/2009/05/lba.png" alt="Laughing Buddha Acupuncture" title="Laughing Buddha Acupuncture" width="400" class="size-full wp-image-238" /></a><br />Visit site: <a href=http://www.laughingbuddhaacupuncture.com target=_blank>Laughing Buddha Acupuncture &#8211; Acupuncture and East Asian Medicine clinic in Oakland, California</a><p class="wp-caption-text">Laughing Buddha Acupuncture</p></div>
<p>And here&#8217;s a link to the illustrator who did her logo:<br />
<a href=http://jakemix.com/index.php?/ilustration/laughing-buddha/ target=_blank>Jake Mix: Illustrator for Hire</a></p>
<img src="http://crysodenkirk.com/blog/?ak_action=api_record_view&id=237&type=feed" alt="" />

<p>Related posts:<ol><li><a href='http://crysodenkirk.com/blog/2008/08/keepers-of-stromgarde/' rel='bookmark' title='Permanent Link: Keepers of Stromgarde'>Keepers of Stromgarde</a></li>
<li><a href='http://crysodenkirk.com/blog/2010/05/resume-paul-lathrop/' rel='bookmark' title='Permanent Link: Resume &#8211; Paul Lathrop'>Resume &#8211; Paul Lathrop</a></li>
<li><a href='http://crysodenkirk.com/blog/2007/01/precision-screw-thread-corp/' rel='bookmark' title='Permanent Link: Precision Screw Thread Corp.'>Precision Screw Thread Corp.</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://crysodenkirk.com/blog/2009/05/laughing-buddha-acupuncture/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Keyclothes</title>
		<link>http://crysodenkirk.com/blog/2009/05/keyclothes/</link>
		<comments>http://crysodenkirk.com/blog/2009/05/keyclothes/#comments</comments>
		<pubDate>Wed, 13 May 2009 03:29:19 +0000</pubDate>
		<dc:creator>Crys</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Sites I've done]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[logo]]></category>

		<guid isPermaLink="false">http://crysodenkirk.com/blog/?p=184</guid>
		<description><![CDATA[[caption id="attachment_189" align="aligncenter" width="300" caption="Keyclothes"]<a href="http://crysodenkirk.com/blog/wp-content/uploads/2009/05/keyproto.png"><img src="http://crysodenkirk.com/blog/wp-content/uploads/2009/05/keyproto-300x263.png" alt="Keyclothes" title="Keyclothes" width="300" height="263" class="size-medium wp-image-189" /></a>[/caption]


Related posts:<ol><li><a href='http://crysodenkirk.com/blog/2005/10/lithograhicscom/' rel='bookmark' title='Permanent Link: Lithograhics.com'>Lithograhics.com</a></li>
<li><a href='http://crysodenkirk.com/blog/2007/01/precision-screw-thread-corp/' rel='bookmark' title='Permanent Link: Precision Screw Thread Corp.'>Precision Screw Thread Corp.</a></li>
<li><a href='http://crysodenkirk.com/blog/2007/04/schroeder-bros-construction-inc/' rel='bookmark' title='Permanent Link: Schroeder Bros. Construction, Inc.'>Schroeder Bros. Construction, Inc.</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>This is a design I did a couple years ago but couldn&#8217;t post because there&#8217;d been a delay in the site itself. Now it looks like they&#8217;ve finally got the site up and running, though some of the design implementation is different (notably in the left navigation treatment).</p>
<p>However, 99% of the design elements are retained and I&#8217;m really happy with how it turned out. I also did the two main logos; I did not do the banner ads on this site, unlike most of the other sites I&#8217;ve posted/will post.</p>
<p><a href="http://www.keyclothes.com" target="_blank">Keyclothes.com by Workhorse Outfitters &#8212; Outerwear for Work or Sport</a></p>
<p>Here&#8217;s a screenshot I took of my prototype:<br />
<a href="http://crysodenkirk.com/blog/wp-content/uploads/2009/05/keyproto.png"><img src="http://crysodenkirk.com/blog/wp-content/uploads/2009/05/keyproto-300x263.png" alt="Keyclothes.com prototype" title="Keyclothes.com prototype" width="300" height="263" class="alignnone size-medium wp-image-189" /></a></p>
<img src="http://crysodenkirk.com/blog/?ak_action=api_record_view&id=184&type=feed" alt="" />

<p>Related posts:<ol><li><a href='http://crysodenkirk.com/blog/2005/10/lithograhicscom/' rel='bookmark' title='Permanent Link: Lithograhics.com'>Lithograhics.com</a></li>
<li><a href='http://crysodenkirk.com/blog/2007/01/precision-screw-thread-corp/' rel='bookmark' title='Permanent Link: Precision Screw Thread Corp.'>Precision Screw Thread Corp.</a></li>
<li><a href='http://crysodenkirk.com/blog/2007/04/schroeder-bros-construction-inc/' rel='bookmark' title='Permanent Link: Schroeder Bros. Construction, Inc.'>Schroeder Bros. Construction, Inc.</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://crysodenkirk.com/blog/2009/05/keyclothes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Keepers of Stromgarde</title>
		<link>http://crysodenkirk.com/blog/2008/08/keepers-of-stromgarde/</link>
		<comments>http://crysodenkirk.com/blog/2008/08/keepers-of-stromgarde/#comments</comments>
		<pubDate>Fri, 22 Aug 2008 00:11:18 +0000</pubDate>
		<dc:creator>Crys</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Sites I've done]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[digital art]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[roleplaying games]]></category>

		<guid isPermaLink="false">http://crysodenkirk.com/blog/?p=234</guid>
		<description><![CDATA[This one is dear to my heart. I designed and maintain the website for my World of Warcraft guild: the Keepers of Stromgarde It&#8217;s gone through two iterations of design now, marked mainly by the difference in the tools that were available to me for personal use. The old one was done entirely with gimp, [...]


Related posts:<ol><li><a href='http://crysodenkirk.com/blog/2009/05/laughing-buddha-acupuncture/' rel='bookmark' title='Permanent Link: Laughing Buddha Acupuncture'>Laughing Buddha Acupuncture</a></li>
<li><a href='http://crysodenkirk.com/blog/2009/07/wuten-wallpaper/' rel='bookmark' title='Permanent Link: Wuten wallpaper'>Wuten wallpaper</a></li>
<li><a href='http://crysodenkirk.com/blog/2009/09/pere-marquette-park-milwaukees-riverfront/' rel='bookmark' title='Permanent Link: Pere Marquette Park, Milwaukee&#8217;s Riverfront'>Pere Marquette Park, Milwaukee&#8217;s Riverfront</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>This one is dear to my heart. I designed and maintain the website for my World of Warcraft guild:</p>
<p><a href=http://www.thekeepersofstromgarde.net/ target=_blank>the Keepers of Stromgarde</a></p>
<p>It&#8217;s gone through two iterations of design now, marked mainly by the difference in the tools that were available to me for personal use. The old one was done entirely with gimp, the new after I bought my own copy of Photoshop.</p>
<div id="attachment_235" class="wp-caption aligncenter" style="width: 410px"><a href="http://crysodenkirk.com/blog/wp-content/uploads/2009/05/kos.png"><img src="http://crysodenkirk.com/blog/wp-content/uploads/2009/05/kos.png" alt="Old Keepers site" title="Keepers of Stromgarde" width="400" class="size-full wp-image-235" /></a><p class="wp-caption-text">Old Keepers of Stromgarde site</p></div>
<div id="attachment_952" class="wp-caption aligncenter" style="width: 410px"><a href="http://crysodenkirk.com/blog/wp-content/uploads/2008/08/Picture-4.png"><img src="http://crysodenkirk.com/blog/wp-content/uploads/2008/08/Picture-4.png" alt="New Keepers of Stromgarde Site as of July 2009" title="New Keepers of Stromgarde Site" width="400" class="size-full wp-image-952" /></a><p class="wp-caption-text">New Keepers of Stromgarde Site as of July 2009</p></div>
<img src="http://crysodenkirk.com/blog/?ak_action=api_record_view&id=234&type=feed" alt="" />

<p>Related posts:<ol><li><a href='http://crysodenkirk.com/blog/2009/05/laughing-buddha-acupuncture/' rel='bookmark' title='Permanent Link: Laughing Buddha Acupuncture'>Laughing Buddha Acupuncture</a></li>
<li><a href='http://crysodenkirk.com/blog/2009/07/wuten-wallpaper/' rel='bookmark' title='Permanent Link: Wuten wallpaper'>Wuten wallpaper</a></li>
<li><a href='http://crysodenkirk.com/blog/2009/09/pere-marquette-park-milwaukees-riverfront/' rel='bookmark' title='Permanent Link: Pere Marquette Park, Milwaukee&#8217;s Riverfront'>Pere Marquette Park, Milwaukee&#8217;s Riverfront</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://crysodenkirk.com/blog/2008/08/keepers-of-stromgarde/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Schroeder Bros. Construction, Inc.</title>
		<link>http://crysodenkirk.com/blog/2007/04/schroeder-bros-construction-inc/</link>
		<comments>http://crysodenkirk.com/blog/2007/04/schroeder-bros-construction-inc/#comments</comments>
		<pubDate>Fri, 13 Apr 2007 17:06:17 +0000</pubDate>
		<dc:creator>Crys</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Sites I've done]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[advertising]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[php]]></category>

		<guid isPermaLink="false">http://crysodenkirk.com/blog/?p=215</guid>
		<description><![CDATA[This one might just be the best design I&#8217;ve ever done. It&#8217;s certainly one of the top ones. And they made it really easy to make the site for them. They do amazing work and gave me excellent photos to work from. If I was building a house, I&#8217;d want them to do it. And [...]


Related posts:<ol><li><a href='http://crysodenkirk.com/blog/2005/10/lithograhicscom/' rel='bookmark' title='Permanent Link: Lithograhics.com'>Lithograhics.com</a></li>
<li><a href='http://crysodenkirk.com/blog/2003/09/twilight-games/' rel='bookmark' title='Permanent Link: Twilight Games'>Twilight Games</a></li>
<li><a href='http://crysodenkirk.com/blog/2007/01/precision-screw-thread-corp/' rel='bookmark' title='Permanent Link: Precision Screw Thread Corp.'>Precision Screw Thread Corp.</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>  <a href="/images/gallery_new/schroederbrosscreen.png" title="Click here to see the Schroeder Bros. screenshot full size" target="_blank"><img src="/images/gallery_new/schroederbrosscreen.png" alt="Schroeder Bros. Construction Inc, screenshot" width=460></a></p>
<p>This one might just be the best design I&#8217;ve ever done. It&#8217;s certainly one of the top ones. And they made it really easy to make the site for them. They do amazing work and gave me excellent photos to work from. If I was building a house, I&#8217;d want them to do it. And I&#8217;m not just saying that because they were clients. Go take a look at some of the gorgeous woodwork in the gallery.</p>
<p><strong>Website:</strong> <a href="http://www.schroederbrothers.com" target="_blank" title="Open a new window and go to schroederbrothers.com">Custom Homes and Condos &#8211; Schroeder Bros. Construction, Inc of Pewaukee, WI</a></p>
<p><strong>Details:</strong> Fixed width site with repeating background. All of the textures used in the site are sampled from client-supplied photos from their homes, including the background /bracketing texture. Summer of &#8217;2007. </p>
<p>Banners:<br />
<img src="http://crysodenkirk.com/blog/wp-content/uploads/2007/04/schroederbrothers.gif" alt="schroederbrothers" title="schroederbrothers" width="468" height="60" class="alignnone size-full wp-image-217" /></p>
<p><img src="http://crysodenkirk.com/blog/wp-content/uploads/2007/04/schroederbrothers468x60static-300x38.gif" alt="schroederbrothers468x60static" title="schroederbrothers468x60static" width="300" height="38" class="alignnone size-medium wp-image-219" /></p>
<p><img src="http://crysodenkirk.com/blog/wp-content/uploads/2007/04/schroederbrothers120x90static.gif" alt="schroederbrothers120x90static" title="schroederbrothers120x90static" width="120" height="90" class="alignnone size-full wp-image-218" /></p>
<img src="http://crysodenkirk.com/blog/?ak_action=api_record_view&id=215&type=feed" alt="" />

<p>Related posts:<ol><li><a href='http://crysodenkirk.com/blog/2005/10/lithograhicscom/' rel='bookmark' title='Permanent Link: Lithograhics.com'>Lithograhics.com</a></li>
<li><a href='http://crysodenkirk.com/blog/2003/09/twilight-games/' rel='bookmark' title='Permanent Link: Twilight Games'>Twilight Games</a></li>
<li><a href='http://crysodenkirk.com/blog/2007/01/precision-screw-thread-corp/' rel='bookmark' title='Permanent Link: Precision Screw Thread Corp.'>Precision Screw Thread Corp.</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://crysodenkirk.com/blog/2007/04/schroeder-bros-construction-inc/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Precision Screw Thread Corp.</title>
		<link>http://crysodenkirk.com/blog/2007/01/precision-screw-thread-corp/</link>
		<comments>http://crysodenkirk.com/blog/2007/01/precision-screw-thread-corp/#comments</comments>
		<pubDate>Fri, 12 Jan 2007 18:18:34 +0000</pubDate>
		<dc:creator>Crys</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Sites I've done]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[photo manipulation]]></category>
		<category><![CDATA[php]]></category>

		<guid isPermaLink="false">http://crysodenkirk.com/blog/?p=228</guid>
		<description><![CDATA[I&#8217;ve done a lot of industrial and manufacturing sites. Most of them are very cut and dried, get it done as fast as you can, we want it to look as plain as you can and still get our information across. That&#8217;s not a value judgment, just a constraint that you usually have to work [...]


Related posts:<ol><li><a href='http://crysodenkirk.com/blog/2009/10/yes-its-pretty-but-its-not-a-great-web-presence/' rel='bookmark' title='Permanent Link: Yes, it&#8217;s pretty but it&#8217;s not a great web presence'>Yes, it&#8217;s pretty but it&#8217;s not a great web presence</a></li>
<li><a href='http://crysodenkirk.com/blog/2005/10/lithograhicscom/' rel='bookmark' title='Permanent Link: Lithograhics.com'>Lithograhics.com</a></li>
<li><a href='http://crysodenkirk.com/blog/2009/05/keyclothes/' rel='bookmark' title='Permanent Link: Keyclothes'>Keyclothes</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve done a lot of industrial and manufacturing sites. Most of them are very cut and dried, get it done as fast as you can, we want it to look as plain as you can and still get our information across. That&#8217;s not a value judgment, just a constraint that you usually have to work under with certain industries.</p>
<p>Precision Screw Thread stands out from their industry for their recognition that &#8220;functional&#8221; does not have to equal &#8220;ugly&#8221;. I had a lot of fun putting this one together.</p>
<p><a href="http://www.precisionscrewthread.com" target=_blank>Precision Screw Thread, Inc.</a></p>
<p>The initial landing page for the site was conceived as an abstracted display panel from one of the threading machines and evolved into what you see on the page now. We wanted to showcase the short movie but avoid the typical &#8220;trash splash&#8221; intro that trips up a lot of sites. This display panel instead brings together the site&#8217;s navigation and news from the company blog to make it easy for users to get where they want to go on the site (I was outvoted on making the movie start playing immediately. Sorry visitors, you&#8217;ll have to hit stop instead of start).</p>
<p><a href="http://crysodenkirk.com/blog/wp-content/uploads/2009/05/precision_splash.png"><img src="http://crysodenkirk.com/blog/wp-content/uploads/2009/05/precision_splash-300x199.png" alt="precision_splash" title="precision_splash" width="300" height="199" class="alignnone size-medium wp-image-229" /></a></p>
<p>The internal pages carry through the theme and the navigation from the intro page. We wanted to add a little motion so I animated the starburst behind the logo in the upper left so that it glows and rotates on mouseover.</p>
<p><a href="http://crysodenkirk.com/blog/wp-content/uploads/2009/05/pst_internal.png"><img src="http://crysodenkirk.com/blog/wp-content/uploads/2009/05/pst_internal-295x300.png" alt="pst_internal" title="pst_internal" width="295" height="300" class="alignnone size-medium wp-image-230" /></a></p>
<img src="http://crysodenkirk.com/blog/?ak_action=api_record_view&id=228&type=feed" alt="" />

<p>Related posts:<ol><li><a href='http://crysodenkirk.com/blog/2009/10/yes-its-pretty-but-its-not-a-great-web-presence/' rel='bookmark' title='Permanent Link: Yes, it&#8217;s pretty but it&#8217;s not a great web presence'>Yes, it&#8217;s pretty but it&#8217;s not a great web presence</a></li>
<li><a href='http://crysodenkirk.com/blog/2005/10/lithograhicscom/' rel='bookmark' title='Permanent Link: Lithograhics.com'>Lithograhics.com</a></li>
<li><a href='http://crysodenkirk.com/blog/2009/05/keyclothes/' rel='bookmark' title='Permanent Link: Keyclothes'>Keyclothes</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://crysodenkirk.com/blog/2007/01/precision-screw-thread-corp/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>RHH Foam Systems</title>
		<link>http://crysodenkirk.com/blog/2006/04/rhh-foam-systems/</link>
		<comments>http://crysodenkirk.com/blog/2006/04/rhh-foam-systems/#comments</comments>
		<pubDate>Tue, 11 Apr 2006 17:54:56 +0000</pubDate>
		<dc:creator>Crys</dc:creator>
				<category><![CDATA[Sites I've done]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[photo manipulation]]></category>

		<guid isPermaLink="false">http://crysodenkirk.com/blog/?p=225</guid>
		<description><![CDATA[Here&#8217;s a fun one. RHH Foam Systems &#8211; spray foam insulation The spray nozzle at the top of this site is animated, but on a long delay to avoid annoying users. I created the animation using frame-by-frame cel-style techniques in Photoshop and ImageReady entirely through photo manipulation. The spray foam behind the navigation is entirely [...]


Related posts:<ol><li><a href='http://crysodenkirk.com/blog/2005/10/lithograhicscom/' rel='bookmark' title='Permanent Link: Lithograhics.com'>Lithograhics.com</a></li>
<li><a href='http://crysodenkirk.com/blog/2010/06/milwaukee-city-hall/' rel='bookmark' title='Permanent Link: Milwaukee City Hall'>Milwaukee City Hall</a></li>
<li><a href='http://crysodenkirk.com/blog/2005/08/code3co-animated-banners/' rel='bookmark' title='Permanent Link: Code3Co Animated Banners'>Code3Co Animated Banners</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Here&#8217;s a fun one.<br />
<a href="http://crysodenkirk.com/blog/wp-content/uploads/2009/05/rhhfoam.png"><img src="http://crysodenkirk.com/blog/wp-content/uploads/2009/05/rhhfoam-300x265.png" alt="RHH Foam Systems" title="RHH Foam Systems" width="300" height="265" class="alignnone size-medium wp-image-226" /></a></p>
<p><a href=http://www.rhhfoamsystems.com/ target=_blank>RHH Foam Systems &#8211; spray foam insulation</a></p>
<p>The spray nozzle at the top of this site is animated, but on a long delay to avoid annoying users. I created the animation using frame-by-frame cel-style techniques in Photoshop and ImageReady entirely through photo manipulation. The spray foam behind the navigation is entirely a digital creation with a photo used only to enhance the texture.</p>
<img src="http://crysodenkirk.com/blog/?ak_action=api_record_view&id=225&type=feed" alt="" />

<p>Related posts:<ol><li><a href='http://crysodenkirk.com/blog/2005/10/lithograhicscom/' rel='bookmark' title='Permanent Link: Lithograhics.com'>Lithograhics.com</a></li>
<li><a href='http://crysodenkirk.com/blog/2010/06/milwaukee-city-hall/' rel='bookmark' title='Permanent Link: Milwaukee City Hall'>Milwaukee City Hall</a></li>
<li><a href='http://crysodenkirk.com/blog/2005/08/code3co-animated-banners/' rel='bookmark' title='Permanent Link: Code3Co Animated Banners'>Code3Co Animated Banners</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://crysodenkirk.com/blog/2006/04/rhh-foam-systems/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Associated Surgical &amp; Medical Specialists, LLC</title>
		<link>http://crysodenkirk.com/blog/2006/04/associated-surgical-medical-specialists-llc/</link>
		<comments>http://crysodenkirk.com/blog/2006/04/associated-surgical-medical-specialists-llc/#comments</comments>
		<pubDate>Fri, 07 Apr 2006 17:40:33 +0000</pubDate>
		<dc:creator>Crys</dc:creator>
				<category><![CDATA[Sites I've done]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[php]]></category>

		<guid isPermaLink="false">http://crysodenkirk.com/blog/?p=223</guid>
		<description><![CDATA[Associated Surgical &#38; Medical Specialists, LLC Liquid layout, javascript enhancement, dynamically generated menu items Related posts:View Javascript-Generated Code in Internet Explorer Form Usability and Design


Related posts:<ol><li><a href='http://crysodenkirk.com/blog/2009/05/view-javascript-generated-code-in-internet-explorer/' rel='bookmark' title='Permanent Link: View Javascript-Generated Code in Internet Explorer'>View Javascript-Generated Code in Internet Explorer</a></li>
<li><a href='http://crysodenkirk.com/blog/2009/05/form-usability-and-design/' rel='bookmark' title='Permanent Link: Form Usability and Design'>Form Usability and Design</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><a href=http://www.asmsdocs.com/ target=_blank>Associated Surgical &amp; Medical Specialists, LLC</a></p>
<p>Liquid layout, javascript enhancement, dynamically generated menu items</p>
<img src="http://crysodenkirk.com/blog/?ak_action=api_record_view&id=223&type=feed" alt="" />

<p>Related posts:<ol><li><a href='http://crysodenkirk.com/blog/2009/05/view-javascript-generated-code-in-internet-explorer/' rel='bookmark' title='Permanent Link: View Javascript-Generated Code in Internet Explorer'>View Javascript-Generated Code in Internet Explorer</a></li>
<li><a href='http://crysodenkirk.com/blog/2009/05/form-usability-and-design/' rel='bookmark' title='Permanent Link: Form Usability and Design'>Form Usability and Design</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://crysodenkirk.com/blog/2006/04/associated-surgical-medical-specialists-llc/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Lithograhics.com</title>
		<link>http://crysodenkirk.com/blog/2005/10/lithograhicscom/</link>
		<comments>http://crysodenkirk.com/blog/2005/10/lithograhicscom/#comments</comments>
		<pubDate>Fri, 28 Oct 2005 13:50:45 +0000</pubDate>
		<dc:creator>Crys</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Sites I've done]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[advertising]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[php]]></category>

		<guid isPermaLink="false">http://crysodenkirk.com/blog/?p=191</guid>
		<description><![CDATA[This is a site worth visiting. I&#8217;m pretty happy with how it turned out. The brief for Lithographics included a small book that they print and use for promotions and my task was to keep the website in line with that book while still giving them a dynamic &#8212; in both design and technical terms [...]


Related posts:<ol><li><a href='http://crysodenkirk.com/blog/2006/04/rhh-foam-systems/' rel='bookmark' title='Permanent Link: RHH Foam Systems'>RHH Foam Systems</a></li>
<li><a href='http://crysodenkirk.com/blog/2007/04/schroeder-bros-construction-inc/' rel='bookmark' title='Permanent Link: Schroeder Bros. Construction, Inc.'>Schroeder Bros. Construction, Inc.</a></li>
<li><a href='http://crysodenkirk.com/blog/2007/01/precision-screw-thread-corp/' rel='bookmark' title='Permanent Link: Precision Screw Thread Corp.'>Precision Screw Thread Corp.</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><a href="http://crysodenkirk.com/blog/wp-content/uploads/2009/05/lithographics.png"><img src="http://crysodenkirk.com/blog/wp-content/uploads/2009/05/lithographics-300x225.png" alt="lithographics" title="lithographics" width="300" height="225" class="alignnone size-medium wp-image-188" /></a></p>
<p>This is a site worth visiting. I&#8217;m pretty happy with how it turned out. The brief for Lithographics included a small book that they print and use for promotions and my task was to keep the website in line with that book while still giving them a dynamic &#8212; in both design and technical terms &#8212; site that would stand out from the competition and convey the quality of their print work despite being a non-print medium.</p>
<p>I wrote all the code and markup for this site, with the exception of the reference desk, which I heavily modified from an application written in-house by another programmer at the company, and I created all the banner ads using single-frame cel animation techniques in Photoshop and ImageReady. I also converted all the photos from press-ready to web-ready with an eye to making them look the way they looked after coming off the press, rather than just making them look like digital photos. (I was very successful at that, if that tells you anything about the exceptional quality of the print-work that Lithographics does).</p>
<p><a href=http://www.lithographics.com target=_blank>Lithographics, Inc. &#8211; Quality Printing, Superior Production</a></p>
<p>When I did the site in 2005 it had a different look for each of the sections; looks like they liked the lightbulb so much they had the agency that hosts the site change all the sections to match that. Here are mockups of two of those other two sections:</p>
<p><a href="http://crysodenkirk.com/blog/wp-content/uploads/2009/05/prepress.jpg"><img src="http://crysodenkirk.com/blog/wp-content/uploads/2009/05/prepress-150x150.jpg" alt="Digital Pre-Press" title="Digital Pre-Press" width="150" height="150" class="alignnone size-thumbnail wp-image-193" /></a>&nbsp;<a href="http://crysodenkirk.com/blog/wp-content/uploads/2009/05/refdesk2.jpg"><img src="http://crysodenkirk.com/blog/wp-content/uploads/2009/05/refdesk2-150x150.jpg" alt="Reference Desk" title="Reference Desk" width="150" height="150" class="alignnone size-thumbnail wp-image-192" /></a></p>
<p>Banners:</p>
<p><img src="http://crysodenkirk.com/blog/wp-content/uploads/2005/10/lithographics468x60static.gif" alt="lithographics468x60static" title="lithographics468x60static" width="468" height="60" class="alignnone size-full wp-image-213" /></p>
<p><img src="http://crysodenkirk.com/blog/wp-content/uploads/2005/10/lithographics.gif" alt="lithographics" title="lithographics" width="468" height="60" class="alignnone size-full wp-image-211" /></p>
<p><img src="http://crysodenkirk.com/blog/wp-content/uploads/2005/10/lithographics120x90static.gif" alt="lithographics120x90static" title="lithographics120x90static" width="120" height="90" class="alignnone size-full wp-image-212" /></p>
<img src="http://crysodenkirk.com/blog/?ak_action=api_record_view&id=191&type=feed" alt="" />

<p>Related posts:<ol><li><a href='http://crysodenkirk.com/blog/2006/04/rhh-foam-systems/' rel='bookmark' title='Permanent Link: RHH Foam Systems'>RHH Foam Systems</a></li>
<li><a href='http://crysodenkirk.com/blog/2007/04/schroeder-bros-construction-inc/' rel='bookmark' title='Permanent Link: Schroeder Bros. Construction, Inc.'>Schroeder Bros. Construction, Inc.</a></li>
<li><a href='http://crysodenkirk.com/blog/2007/01/precision-screw-thread-corp/' rel='bookmark' title='Permanent Link: Precision Screw Thread Corp.'>Precision Screw Thread Corp.</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://crysodenkirk.com/blog/2005/10/lithograhicscom/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
