<?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>The Design Gene Blog &#187; best interactive websites</title>
	<atom:link href="http://thedesigngene.com/blog/design-blog-tag/best-interactive-websites/feed/" rel="self" type="application/rss+xml" />
	<link>http://thedesigngene.com/blog</link>
	<description></description>
	<lastBuildDate>Wed, 12 Aug 2009 02:59:25 +0000</lastBuildDate>
	
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>The Best Of &#8211; Interactive Designs</title>
		<link>http://thedesigngene.com/blog/design-blog-2009/07/the-best-of-interactive-designs3/</link>
		<comments>http://thedesigngene.com/blog/design-blog-2009/07/the-best-of-interactive-designs3/#comments</comments>
		<pubDate>Wed, 22 Jul 2009 06:11:40 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[The Best Of]]></category>
		<category><![CDATA[best interactive websites]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[favorite interactive websites]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[the best designs]]></category>

		<guid isPermaLink="false">http://thedesigngene.com/blog/?p=60</guid>
		<description><![CDATA[This is the first "Best Of" post, of many to come. Inspired by the amazing <a href="http://www.wechoosethemoon.org/ " target="_blank">We Choose the Moon</a>, I'll start with The Best Interactive Websites that have been featured on The Design Gene. These range from mild interaction, to blow your mind functionality in both CSS and Flash format. Enjoy!


No related posts.]]></description>
			<content:encoded><![CDATA[<p>This is the first &#8220;Best Of&#8221; post, of many to come. Inspired by the amazing <a href="http://www.wechoosethemoon.org/ " target="_blank">We Choose the Moon</a>, I&#8217;ll start with The Best Interactive Websites that have been featured on The Design Gene. These range from mild interaction, to blow your mind functionality in both CSS and Flash format. Enjoy!</p>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="195"><img src="http://thedesigngene.com/images/473.jpg" alt="Your Playground" width="181" height="103" hspace="5" border="0" /></td>
<td><a href="http://www.wechoosethemoon.org/ " target="_blank"><strong>We Choose the Moon</strong></a> (Flash) &#8211; Simply amazing recreation of the first Apollo 11 mission, in 1969. The mix of actual transmissions, graphic interpretation, educational content, videos and interactivity make this one of my all-time favorite websites.</td>
</tr>
<tr>
<td width="195">&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td width="195"><img src="http://thedesigngene.com/images/474.jpg" alt="Your Playground" width="181" height="103" hspace="5" border="0" /></td>
<td><a href="http://toriseye.quodis.com/" target="_blank"><strong>Tori&#8217;s Eye</strong></a> (CSS) &#8211; At first I thought this was a nice, cute portfolio site, but after opening the link I discovered it is actually a really cool Twitter Visualization Tool. The heavy use of illustration and graphic art make it unique, as does the experimental nature of the Twitter little origami birds. It&#8217;s fun and useful!</td>
</tr>
<tr>
<td width="195">&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td width="195"><img src="http://thedesigngene.com/images/448.jpg" alt="Your Playground" width="181" height="103" hspace="5" border="0" /></td>
<td><a href="http://www.xperiment.ca/" target="_blank"><strong>XPERIMENT</strong></a> (Flash) &#8211; This is a fun and sort of disturbing website where you get to feed different illegal drugs to a floating eyeball. Flawless animations and effects. </td>
</tr>
<tr>
<td width="195">&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td width="195"><img src="http://thedesigngene.com/images/396.jpg" alt="Your Playground" width="181" height="103" hspace="5" border="0" /></td>
<td><a href="http://designspasm.net" target="_blank"><strong>Designspasm</strong></a> (CSS) &#8211; Web design portfolio of Sean Geng, using JQuery to slide across a large panel of &quot;sections&quot;. Creative, illustrated design with cool sliding effect.</td>
</tr>
<tr>
<td width="195">&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td width="195"><img src="http://thedesigngene.com/images/354.jpg" alt="Your Playground" width="181" height="103" hspace="5" border="0" /></td>
<td><a href="http://ericj.se/" target="_blank"><strong>Eric Johansson</strong></a> (CSS) &#8211; Another CSS and JQuery gem. This creative site uses a little slider at the bottom of the page to navigate a large panel, with a fun little dude on a moped that follows the motion of the scroller. Great illustration and creative use of interactivity.</td>
</tr>
<tr>
<td width="195">&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td width="195"><img src="http://thedesigngene.com/images/284.jpg" alt="Your Playground" width="181" height="103" hspace="5" border="0" /></td>
<td><a href="http://www.mcq.org/momies/" target="_blank"><strong>Egyptian Mummies</strong></a> (Flash) &#8211; Educational and fun website about Egyptian Mummies. Lots of animation and educational games.</td>
</tr>
<tr>
<td width="195">&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td width="195"><img src="http://thedesigngene.com/images/222.jpg" alt="Your Playground" width="181" height="103" hspace="5" border="0" /></td>
<td><a href="http://soytuaire.labuat.com/" target="_blank"><strong>Labuat</strong></a> (Flash) &#8211; Minimal, yet stunning and artistic website of the Spanish band, Labuat. The site features something of a brush stroke traveling across the screen, controlled by your mouse, with sporatic animations.</td>
</tr>
<tr>
<td width="195">&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td width="195"><img src="http://thedesigngene.com/images/26.jpg" alt="Your Playground" width="181" height="103" hspace="5" border="0" /></td>
<td><a href="http://www.rulethestars.com/" target="_blank"><strong>Rule the Stars</strong></a> (Flash) &#8211; Promotional website that allows you to create your own designs &quot;in the stars&quot; and send them to your friends.</td>
</tr>
<tr>
<td width="195">&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td width="195"><img src="http://thedesigngene.com/images/32.jpg" alt="Your Playground" width="181" height="100" hspace="5" border="0" /></td>
<td><a href="http://www.yourplayground.org/" target="_blank"><strong>Your Playground</strong></a> (Flash) &#8211; US Olypmpics promotional website by Allstate where you create your own playground, then add your creation to a gallery where it can be voted on. </td>
</tr>
<tr>
<td width="195">&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>


<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://thedesigngene.com/blog/design-blog-2009/07/the-best-of-interactive-designs3/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

