<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>IDArchive | Interactive Design Archive</title>
	
	<link>http://idarchive.com</link>
	<description>The Best of Interactive Art and Design</description>
	<lastBuildDate>Thu, 22 Mar 2012 00:27:38 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=400</generator>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/interactivedesignarchive" /><feedburner:info uri="interactivedesignarchive" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item>
		<title>Starry Night (Interactive Animation)</title>
		<link>http://feedproxy.google.com/~r/interactivedesignarchive/~3/ffuSvyhXfg4/</link>
		<comments>http://idarchive.com/other/starry-night-interactive-animation/#comments</comments>
		<pubDate>Fri, 24 Feb 2012 16:00:00 +0000</pubDate>
		<dc:creator>ryanr</dc:creator>
				<category><![CDATA[openFrameworks]]></category>
		<category><![CDATA[Other]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[flow]]></category>
		<category><![CDATA[music]]></category>
		<category><![CDATA[sound]]></category>
		<category><![CDATA[touch painting]]></category>
		<category><![CDATA[vincent van gogh]]></category>

		<guid isPermaLink="false">http://www.idarchive.com/?p=2925</guid>
		<description><![CDATA[<img width="300" height="170" src="http://idarchive.com/cms/wp-content/uploads/2012/02/interactive_starry_night-300x170.jpg" class="attachment-thumbnail wp-post-image" alt="interactive_starry_night" title="interactive_starry_night" style="float:left; margin:0 15px 15px 0;" />This is a beautiful attempt to visualize the flow of the famous painting &#8220;Starry Night&#8221; of Vincent Van Gogh by Petros Vrellis. The user can interact with the animation and influence the sound via touch and motion. This coupled with such intriguing and wondrous music makes for a magnificent treat to the senses. From the [...]<p>From the <a href="http://www.idarchive.com/">Interactive Design Archive</a><br/>
<br/>
---------------------------------<br/>
Support The ID Archive by checking out my advertisers (if you please) <br/>
<a href="https://visualadvance.freshbooks.com/refer/www" style="background-color: transparent;"><img src="http://www.freshbooks.com/images/banners/fb200x200-pro.png" width="200" height="200" border="0" alt="FreshBooks" /></a></p>
]]></description>
			<content:encoded><![CDATA[<img width="300" height="170" src="http://idarchive.com/cms/wp-content/uploads/2012/02/interactive_starry_night-300x170.jpg" class="attachment-thumbnail wp-post-image" alt="interactive_starry_night" title="interactive_starry_night" style="float:left; margin:0 15px 15px 0;" /><p>This is a beautiful attempt to visualize the flow of the famous painting &#8220;Starry Night&#8221; of Vincent Van Gogh by Petros Vrellis. The user can interact with the animation and influence the sound via touch and motion. This coupled with such intriguing and wondrous music makes for a magnificent treat to the senses.</p>
<p>From the <a href="http://www.idarchive.com/">Interactive Design Archive</a><br/>
<br/>
---------------------------------<br/>
Support The ID Archive by checking out my advertisers (if you please) <br/>
<a href="https://visualadvance.freshbooks.com/refer/www" style="background-color: transparent;"><img src="http://www.freshbooks.com/images/banners/fb200x200-pro.png" width="200" height="200" border="0" alt="FreshBooks" /></a></p>
<img src="http://feeds.feedburner.com/~r/interactivedesignarchive/~4/ffuSvyhXfg4" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://idarchive.com/other/starry-night-interactive-animation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://idarchive.com/other/starry-night-interactive-animation/</feedburner:origLink></item>
		<item>
		<title>One Hour Per Second</title>
		<link>http://feedproxy.google.com/~r/interactivedesignarchive/~3/LTl5I407GDc/</link>
		<comments>http://idarchive.com/other/one-hour-per-second/#comments</comments>
		<pubDate>Mon, 20 Feb 2012 16:00:00 +0000</pubDate>
		<dc:creator>ryanr</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Other]]></category>
		<category><![CDATA[hour]]></category>
		<category><![CDATA[parallaxing]]></category>
		<category><![CDATA[per]]></category>
		<category><![CDATA[second]]></category>
		<category><![CDATA[time]]></category>
		<category><![CDATA[tube]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[you]]></category>
		<category><![CDATA[youtube]]></category>

		<guid isPermaLink="false">http://www.idarchive.com/?p=2919</guid>
		<description><![CDATA[<img width="300" height="170" src="http://idarchive.com/cms/wp-content/uploads/2012/02/Screen-Shot-2012-02-19-at-2.08-300x170.jpg" class="attachment-thumbnail wp-post-image" alt="Screen-Shot-2012-02-19-at-2.08" title="Screen-Shot-2012-02-19-at-2.08" style="float:left; margin:0 15px 15px 0;" />Every second, one hour of video is uploaded to YouTube. This is just one of many statistics featured on onehourpersecond.com. You can let the site transition to each stat on its own, or use your arrow keys to scroll through at your own pace. Enjoy the fun artwork paired with stellar sound effects. (You will [...]<p>From the <a href="http://www.idarchive.com/">Interactive Design Archive</a><br/>
<br/>
---------------------------------<br/>
Support The ID Archive by checking out my advertisers (if you please) <br/>
<a href="https://visualadvance.freshbooks.com/refer/www" style="background-color: transparent;"><img src="http://www.freshbooks.com/images/banners/fb200x200-pro.png" width="200" height="200" border="0" alt="FreshBooks" /></a></p>
]]></description>
			<content:encoded><![CDATA[<img width="300" height="170" src="http://idarchive.com/cms/wp-content/uploads/2012/02/Screen-Shot-2012-02-19-at-2.08-300x170.jpg" class="attachment-thumbnail wp-post-image" alt="Screen-Shot-2012-02-19-at-2.08" title="Screen-Shot-2012-02-19-at-2.08" style="float:left; margin:0 15px 15px 0;" /><p>Every second, one hour of video is uploaded to YouTube. This is just one of many statistics featured on onehourpersecond.com. You can let the site transition to each stat on its own, or use your arrow keys to scroll through at your own pace. Enjoy the fun artwork paired with stellar sound effects. (You will see how that is a joke, shortly)</p>
<p>From the <a href="http://www.idarchive.com/">Interactive Design Archive</a><br/>
<br/>
---------------------------------<br/>
Support The ID Archive by checking out my advertisers (if you please) <br/>
<a href="https://visualadvance.freshbooks.com/refer/www" style="background-color: transparent;"><img src="http://www.freshbooks.com/images/banners/fb200x200-pro.png" width="200" height="200" border="0" alt="FreshBooks" /></a></p>
<img src="http://feeds.feedburner.com/~r/interactivedesignarchive/~4/LTl5I407GDc" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://idarchive.com/other/one-hour-per-second/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://idarchive.com/other/one-hour-per-second/</feedburner:origLink></item>
		<item>
		<title>21st Century Beetle – Rock ‘n’ Scroll</title>
		<link>http://feedproxy.google.com/~r/interactivedesignarchive/~3/VDYlQxwimVc/</link>
		<comments>http://idarchive.com/other/21st-century-beetle-rock-n-scroll/#comments</comments>
		<pubDate>Fri, 10 Feb 2012 16:00:00 +0000</pubDate>
		<dc:creator>ryanr</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Other]]></category>
		<category><![CDATA[beetle]]></category>
		<category><![CDATA[beetle.com]]></category>
		<category><![CDATA[bug]]></category>
		<category><![CDATA[car]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[parallax]]></category>
		<category><![CDATA[parallaxing]]></category>
		<category><![CDATA[scrolling]]></category>
		<category><![CDATA[vehicle]]></category>
		<category><![CDATA[volkswagon]]></category>
		<category><![CDATA[vw]]></category>

		<guid isPermaLink="false">http://www.idarchive.com/?p=2865</guid>
		<description><![CDATA[<img width="300" height="170" src="http://idarchive.com/cms/wp-content/uploads/2012/02/newbeetle_scroll_website-300x170.jpg" class="attachment-thumbnail wp-post-image" alt="newbeetle_scroll_website" title="newbeetle_scroll_website" style="float:left; margin:0 15px 15px 0;" />beetle.com is set on an HTML 5 framework including websocket connections and multiple device responsive design that staged the ATL campaign within a narrative scrolling experience that even includes a sales platform. From the Interactive Design Archive --------------------------------- Support The ID Archive by checking out my advertisers (if you please)<p>From the <a href="http://www.idarchive.com/">Interactive Design Archive</a><br/>
<br/>
---------------------------------<br/>
Support The ID Archive by checking out my advertisers (if you please) <br/>
<a href="https://visualadvance.freshbooks.com/refer/www" style="background-color: transparent;"><img src="http://www.freshbooks.com/images/banners/fb200x200-pro.png" width="200" height="200" border="0" alt="FreshBooks" /></a></p>
]]></description>
			<content:encoded><![CDATA[<img width="300" height="170" src="http://idarchive.com/cms/wp-content/uploads/2012/02/newbeetle_scroll_website-300x170.jpg" class="attachment-thumbnail wp-post-image" alt="newbeetle_scroll_website" title="newbeetle_scroll_website" style="float:left; margin:0 15px 15px 0;" /><p>beetle.com is set on an HTML 5 framework including websocket connections and multiple device responsive design that staged the ATL campaign within a narrative scrolling experience that even includes a sales platform.</p>
<p>From the <a href="http://www.idarchive.com/">Interactive Design Archive</a><br/>
<br/>
---------------------------------<br/>
Support The ID Archive by checking out my advertisers (if you please) <br/>
<a href="https://visualadvance.freshbooks.com/refer/www" style="background-color: transparent;"><img src="http://www.freshbooks.com/images/banners/fb200x200-pro.png" width="200" height="200" border="0" alt="FreshBooks" /></a></p>
<img src="http://feeds.feedburner.com/~r/interactivedesignarchive/~4/VDYlQxwimVc" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://idarchive.com/other/21st-century-beetle-rock-n-scroll/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://idarchive.com/other/21st-century-beetle-rock-n-scroll/</feedburner:origLink></item>
		<item>
		<title>THE CREATORS || Audio-reactive touch application</title>
		<link>http://feedproxy.google.com/~r/interactivedesignarchive/~3/f5LvtrFLuDI/</link>
		<comments>http://idarchive.com/processing/the-creators-audio-reactive-touch-application/#comments</comments>
		<pubDate>Thu, 09 Feb 2012 16:00:00 +0000</pubDate>
		<dc:creator>ryanr</dc:creator>
				<category><![CDATA[Exhibits]]></category>
		<category><![CDATA[Processing]]></category>
		<category><![CDATA[audio-reactive]]></category>
		<category><![CDATA[gl graphics]]></category>
		<category><![CDATA[kineme]]></category>
		<category><![CDATA[pq labs]]></category>
		<category><![CDATA[processing]]></category>
		<category><![CDATA[quartz composer]]></category>
		<category><![CDATA[the creators]]></category>
		<category><![CDATA[touch app]]></category>
		<category><![CDATA[touch application]]></category>

		<guid isPermaLink="false">http://www.idarchive.com/?p=2864</guid>
		<description><![CDATA[<img width="300" height="170" src="http://idarchive.com/cms/wp-content/uploads/2012/02/the_creators-300x170.jpg" class="attachment-thumbnail wp-post-image" alt="the_creators" title="the_creators" style="float:left; margin:0 15px 15px 0;" />The Creators  is an interactive, audio-reactive multitouch installation realized by  Constanza Casas, Mark C Mitchell and Pieter Steyaert. Made in Processing with GL graphics / OpenGL, Toxic Libs, Proscene, OSCP5, Tuio and a lot of passion. Audio Handling done in Quartz Composer with kineme&#8217;s audio tools. Created for a G3 42&#8243;; touch-tablet (PQLabs) From the [...]<p>From the <a href="http://www.idarchive.com/">Interactive Design Archive</a><br/>
<br/>
---------------------------------<br/>
Support The ID Archive by checking out my advertisers (if you please) <br/>
<a href="https://visualadvance.freshbooks.com/refer/www" style="background-color: transparent;"><img src="http://www.freshbooks.com/images/banners/fb200x200-pro.png" width="200" height="200" border="0" alt="FreshBooks" /></a></p>
]]></description>
			<content:encoded><![CDATA[<img width="300" height="170" src="http://idarchive.com/cms/wp-content/uploads/2012/02/the_creators-300x170.jpg" class="attachment-thumbnail wp-post-image" alt="the_creators" title="the_creators" style="float:left; margin:0 15px 15px 0;" /><p>The Creators  is an interactive, audio-reactive multitouch installation realized by  Constanza Casas, Mark C Mitchell and Pieter Steyaert. Made in Processing with GL graphics / OpenGL, Toxic Libs, Proscene, OSCP5, Tuio and a lot of passion.<br />
Audio Handling done in Quartz Composer with kineme&#8217;s audio tools. Created for a G3 42&#8243;; touch-tablet (PQLabs)</p>
<p>From the <a href="http://www.idarchive.com/">Interactive Design Archive</a><br/>
<br/>
---------------------------------<br/>
Support The ID Archive by checking out my advertisers (if you please) <br/>
<a href="https://visualadvance.freshbooks.com/refer/www" style="background-color: transparent;"><img src="http://www.freshbooks.com/images/banners/fb200x200-pro.png" width="200" height="200" border="0" alt="FreshBooks" /></a></p>
<img src="http://feeds.feedburner.com/~r/interactivedesignarchive/~4/f5LvtrFLuDI" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://idarchive.com/processing/the-creators-audio-reactive-touch-application/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://idarchive.com/processing/the-creators-audio-reactive-touch-application/</feedburner:origLink></item>
		<item>
		<title>NY Times’ Kinect-Assisted Mirror</title>
		<link>http://feedproxy.google.com/~r/interactivedesignarchive/~3/m-_a6l4wIn4/</link>
		<comments>http://idarchive.com/other/ny-times-kinect-assisted-mirror/#comments</comments>
		<pubDate>Wed, 08 Feb 2012 16:00:00 +0000</pubDate>
		<dc:creator>ryanr</dc:creator>
				<category><![CDATA[Other]]></category>
		<category><![CDATA[brian house]]></category>
		<category><![CDATA[gray lady]]></category>
		<category><![CDATA[interactive mirror]]></category>
		<category><![CDATA[kinect]]></category>
		<category><![CDATA[magic mirror]]></category>
		<category><![CDATA[microsoft]]></category>
		<category><![CDATA[mirror]]></category>
		<category><![CDATA[new your times]]></category>
		<category><![CDATA[nieman lab]]></category>

		<guid isPermaLink="false">http://www.idarchive.com/?p=2863</guid>
		<description><![CDATA[<img width="300" height="170" src="http://idarchive.com/cms/wp-content/uploads/2012/02/new_york_times_magicmirror-300x170.jpg" class="attachment-thumbnail wp-post-image" alt="new_york_times_magicmirror" title="new_york_times_magicmirror" style="float:left; margin:0 15px 15px 0;" />The New York Times Co., parent company of the Gray Lady, About.com and other publications, has its own research and development lab aimed at devising new ways to share media with readers. This latest invention takes that a step further, connecting you to much more than just the news. Through the looking glass, you could [...]<p>From the <a href="http://www.idarchive.com/">Interactive Design Archive</a><br/>
<br/>
---------------------------------<br/>
Support The ID Archive by checking out my advertisers (if you please) <br/>
<a href="https://visualadvance.freshbooks.com/refer/www" style="background-color: transparent;"><img src="http://www.freshbooks.com/images/banners/fb200x200-pro.png" width="200" height="200" border="0" alt="FreshBooks" /></a></p>
]]></description>
			<content:encoded><![CDATA[<img width="300" height="170" src="http://idarchive.com/cms/wp-content/uploads/2012/02/new_york_times_magicmirror-300x170.jpg" class="attachment-thumbnail wp-post-image" alt="new_york_times_magicmirror" title="new_york_times_magicmirror" style="float:left; margin:0 15px 15px 0;" /><p>The New York Times Co., parent company of the Gray Lady, About.com and other publications, has its own research and development lab aimed at devising new ways to share media with readers. This latest invention takes that a step further, connecting you to much more than just the news. Through the looking glass, you could read the headlines while brushing your teeth or fixing your hair; refill a prescription or learn about your medicine by scanning an RFID tag on the bottle; and exchange messages with coworkers or other members of your household. It actually reminds us a little of this winner of our 2011 Invention Awards, though much more in-depth and consumer-focused.</p>
<p>The mirror uses Microsoft’s Kinect motion sensor to read physical signals from the person standing in front of it, according to a demo of the device over at Harvard’s Nieman Journalism Lab. The Times Co. has two versions, one of which would offer prescription information and coupons, and another with an online retail experience that lets you try things on, and suggests new outfits, based on what you wear in front of it. Click through to the Nieman Lab for demo videos with Brian House, The Times Co.’s creative technologist.</p>
<p>From the <a href="http://www.idarchive.com/">Interactive Design Archive</a><br/>
<br/>
---------------------------------<br/>
Support The ID Archive by checking out my advertisers (if you please) <br/>
<a href="https://visualadvance.freshbooks.com/refer/www" style="background-color: transparent;"><img src="http://www.freshbooks.com/images/banners/fb200x200-pro.png" width="200" height="200" border="0" alt="FreshBooks" /></a></p>
<img src="http://feeds.feedburner.com/~r/interactivedesignarchive/~4/m-_a6l4wIn4" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://idarchive.com/other/ny-times-kinect-assisted-mirror/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://idarchive.com/other/ny-times-kinect-assisted-mirror/</feedburner:origLink></item>
		<item>
		<title>HTML5 YouTube Masthead “Envolez-vous”</title>
		<link>http://feedproxy.google.com/~r/interactivedesignarchive/~3/sVbAl7-gq1s/</link>
		<comments>http://idarchive.com/html/html5-youtube-masthead-envolez-vous/#comments</comments>
		<pubDate>Tue, 07 Feb 2012 16:00:00 +0000</pubDate>
		<dc:creator>ryanr</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[advertisement]]></category>
		<category><![CDATA[air travel]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[envolez vous]]></category>
		<category><![CDATA[envolez vous masthead]]></category>
		<category><![CDATA[france]]></category>
		<category><![CDATA[hot air balloon]]></category>
		<category><![CDATA[hot air baloon]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[interactive ad]]></category>
		<category><![CDATA[sky]]></category>
		<category><![CDATA[travel]]></category>
		<category><![CDATA[wind]]></category>
		<category><![CDATA[wind travel]]></category>
		<category><![CDATA[you tube]]></category>
		<category><![CDATA[youtube]]></category>

		<guid isPermaLink="false">http://www.idarchive.com/?p=2862</guid>
		<description><![CDATA[<img width="300" height="170" src="http://idarchive.com/cms/wp-content/uploads/2012/02/envolez_vous_masthead-300x170.jpg" class="attachment-thumbnail wp-post-image" alt="envolez_vous_masthead" title="envolez_vous_masthead" style="float:left; margin:0 15px 15px 0;" />This HTML 5 Masthead engages users with an entertaining and playable ad creation based on the theme of discovering and traveling. They can fly over France by hot air balloon and discover from the sky various famous places. From the Interactive Design Archive --------------------------------- Support The ID Archive by checking out my advertisers (if you [...]<p>From the <a href="http://www.idarchive.com/">Interactive Design Archive</a><br/>
<br/>
---------------------------------<br/>
Support The ID Archive by checking out my advertisers (if you please) <br/>
<a href="https://visualadvance.freshbooks.com/refer/www" style="background-color: transparent;"><img src="http://www.freshbooks.com/images/banners/fb200x200-pro.png" width="200" height="200" border="0" alt="FreshBooks" /></a></p>
]]></description>
			<content:encoded><![CDATA[<img width="300" height="170" src="http://idarchive.com/cms/wp-content/uploads/2012/02/envolez_vous_masthead-300x170.jpg" class="attachment-thumbnail wp-post-image" alt="envolez_vous_masthead" title="envolez_vous_masthead" style="float:left; margin:0 15px 15px 0;" /><p>This HTML 5 Masthead engages users with an entertaining and playable ad creation based on the theme of discovering and traveling. They can fly over France by hot air balloon and discover from the sky various famous places.</p>
<p>From the <a href="http://www.idarchive.com/">Interactive Design Archive</a><br/>
<br/>
---------------------------------<br/>
Support The ID Archive by checking out my advertisers (if you please) <br/>
<a href="https://visualadvance.freshbooks.com/refer/www" style="background-color: transparent;"><img src="http://www.freshbooks.com/images/banners/fb200x200-pro.png" width="200" height="200" border="0" alt="FreshBooks" /></a></p>
<img src="http://feeds.feedburner.com/~r/interactivedesignarchive/~4/sVbAl7-gq1s" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://idarchive.com/html/html5-youtube-masthead-envolez-vous/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://idarchive.com/html/html5-youtube-masthead-envolez-vous/</feedburner:origLink></item>
		<item>
		<title>Vivas Comunicação</title>
		<link>http://feedproxy.google.com/~r/interactivedesignarchive/~3/6ooUz37KpJM/</link>
		<comments>http://idarchive.com/other/vivas-comunicacao/#comments</comments>
		<pubDate>Mon, 06 Feb 2012 16:00:00 +0000</pubDate>
		<dc:creator>ryanr</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Other]]></category>
		<category><![CDATA[colorful paint website]]></category>
		<category><![CDATA[comunicacao]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[paint]]></category>
		<category><![CDATA[parallax]]></category>
		<category><![CDATA[spanish]]></category>
		<category><![CDATA[vivas]]></category>

		<guid isPermaLink="false">http://www.idarchive.com/?p=2861</guid>
		<description><![CDATA[<img width="300" height="170" src="http://idarchive.com/cms/wp-content/uploads/2012/02/vivas_comunicacao_html5site-300x170.jpg" class="attachment-thumbnail wp-post-image" alt="vivas_comunicacao_html5site" title="vivas_comunicacao_html5site" style="float:left; margin:0 15px 15px 0;" />Vivas Comunicação (The Live Communications) is a creative agency out of Curitiba, Brazil, that is always in search of the best creative strategy. Viewing their website, it is clear that creativity is certainly present. Utilizing HTML5 and CSS3, this website&#8217;s sleek and attractive atmosphere is able to function and transition beautifully between content. Specifically, the [...]<p>From the <a href="http://www.idarchive.com/">Interactive Design Archive</a><br/>
<br/>
---------------------------------<br/>
Support The ID Archive by checking out my advertisers (if you please) <br/>
<a href="https://visualadvance.freshbooks.com/refer/www" style="background-color: transparent;"><img src="http://www.freshbooks.com/images/banners/fb200x200-pro.png" width="200" height="200" border="0" alt="FreshBooks" /></a></p>
]]></description>
			<content:encoded><![CDATA[<img width="300" height="170" src="http://idarchive.com/cms/wp-content/uploads/2012/02/vivas_comunicacao_html5site-300x170.jpg" class="attachment-thumbnail wp-post-image" alt="vivas_comunicacao_html5site" title="vivas_comunicacao_html5site" style="float:left; margin:0 15px 15px 0;" /><p>Vivas Comunicação (The Live Communications) is a creative agency out of Curitiba, Brazil, that is always in search of the best creative strategy. Viewing their website, it is clear that creativity is certainly present. Utilizing HTML5 and CSS3, this website&#8217;s sleek and attractive atmosphere is able to function and transition beautifully between content. Specifically, the parallaxing compliment between background images and foreground content. </p>
<p>From the <a href="http://www.idarchive.com/">Interactive Design Archive</a><br/>
<br/>
---------------------------------<br/>
Support The ID Archive by checking out my advertisers (if you please) <br/>
<a href="https://visualadvance.freshbooks.com/refer/www" style="background-color: transparent;"><img src="http://www.freshbooks.com/images/banners/fb200x200-pro.png" width="200" height="200" border="0" alt="FreshBooks" /></a></p>
<img src="http://feeds.feedburner.com/~r/interactivedesignarchive/~4/6ooUz37KpJM" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://idarchive.com/other/vivas-comunicacao/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://idarchive.com/other/vivas-comunicacao/</feedburner:origLink></item>
		<item>
		<title>Multi-Touch Visualization</title>
		<link>http://feedproxy.google.com/~r/interactivedesignarchive/~3/fMi8lj78utQ/</link>
		<comments>http://idarchive.com/processing/multi-touch-visualization/#comments</comments>
		<pubDate>Wed, 01 Feb 2012 16:00:00 +0000</pubDate>
		<dc:creator>ryanr</dc:creator>
				<category><![CDATA[Exhibits]]></category>
		<category><![CDATA[Processing]]></category>
		<category><![CDATA[17 nobel]]></category>
		<category><![CDATA[christopher warnow]]></category>
		<category><![CDATA[constellations]]></category>
		<category><![CDATA[max]]></category>
		<category><![CDATA[max planck institute]]></category>
		<category><![CDATA[moritz stefaner]]></category>
		<category><![CDATA[multi-touch]]></category>
		<category><![CDATA[nasa]]></category>
		<category><![CDATA[processing]]></category>
		<category><![CDATA[space]]></category>
		<category><![CDATA[stars]]></category>
		<category><![CDATA[touch screen]]></category>

		<guid isPermaLink="false">http://www.idarchive.com/?p=2858</guid>
		<description><![CDATA[<img width="300" height="170" src="http://idarchive.com/cms/wp-content/uploads/2012/02/max_planck_research_networks-300x170.jpg" class="attachment-thumbnail wp-post-image" alt="max_planck_research_networks" title="max_planck_research_networks" style="float:left; margin:0 15px 15px 0;" />The Max Planck Institute is one of Germany&#8217;s most successful research organizations, having produced about 17 Nobel laureates and 13,000 yearly academic publications since its foundation in 1948. The Max Planck Research Networks [max-planck-research-networks.net] visualization application in turn is showing off the institution&#8217;s international collaborations with other organizations in the world. Developed by Moritz Stefaner [...]<p>From the <a href="http://www.idarchive.com/">Interactive Design Archive</a><br/>
<br/>
---------------------------------<br/>
Support The ID Archive by checking out my advertisers (if you please) <br/>
<a href="https://visualadvance.freshbooks.com/refer/www" style="background-color: transparent;"><img src="http://www.freshbooks.com/images/banners/fb200x200-pro.png" width="200" height="200" border="0" alt="FreshBooks" /></a></p>
]]></description>
			<content:encoded><![CDATA[<img width="300" height="170" src="http://idarchive.com/cms/wp-content/uploads/2012/02/max_planck_research_networks-300x170.jpg" class="attachment-thumbnail wp-post-image" alt="max_planck_research_networks" title="max_planck_research_networks" style="float:left; margin:0 15px 15px 0;" /><p>The Max Planck Institute is one of Germany&#8217;s most successful research organizations, having produced about 17 Nobel laureates and 13,000 yearly academic publications since its foundation in 1948. The Max Planck Research Networks [max-planck-research-networks.net] visualization application in turn is showing off the institution&#8217;s international collaborations with other organizations in the world.</p>
<p>Developed by Moritz Stefaner and Christopher Warnow, the application runs on a semi-public multi-touch screen, which displays a network graph of the relationships between all relevant organizations, an accompanying world map, plus various bar graphs that reveal other facts and important statistics. The data is gathered from analyzing the co-authorship connections detected in the 94,000 publications that were produced over the last 10 years.</p>
<p>For the network graph, the relative size of an institute&#8217;s icon represents the number of scientific publications, and the width of the connecting lines reflects the number of jointly published papers between 2 separate institutes.</p>
<p>From the <a href="http://www.idarchive.com/">Interactive Design Archive</a><br/>
<br/>
---------------------------------<br/>
Support The ID Archive by checking out my advertisers (if you please) <br/>
<a href="https://visualadvance.freshbooks.com/refer/www" style="background-color: transparent;"><img src="http://www.freshbooks.com/images/banners/fb200x200-pro.png" width="200" height="200" border="0" alt="FreshBooks" /></a></p>
<img src="http://feeds.feedburner.com/~r/interactivedesignarchive/~4/fMi8lj78utQ" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://idarchive.com/processing/multi-touch-visualization/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://idarchive.com/processing/multi-touch-visualization/</feedburner:origLink></item>
		<item>
		<title>Adobe Museum of Digital Media</title>
		<link>http://feedproxy.google.com/~r/interactivedesignarchive/~3/JhYr4J3hKX8/</link>
		<comments>http://idarchive.com/other/adobe-museum-of-digital-media/#comments</comments>
		<pubDate>Tue, 31 Jan 2012 16:00:00 +0000</pubDate>
		<dc:creator>ryanr</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Other]]></category>
		<category><![CDATA[adobe museum]]></category>
		<category><![CDATA[digital]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[media]]></category>
		<category><![CDATA[virtual museum]]></category>
		<category><![CDATA[visual]]></category>

		<guid isPermaLink="false">http://www.idarchive.com/?p=2857</guid>
		<description><![CDATA[<img width="300" height="170" src="http://idarchive.com/cms/wp-content/uploads/2012/01/adobe_digital_museum-300x170.jpg" class="attachment-thumbnail wp-post-image" alt="adobe_digital_museum" title="adobe_digital_museum" style="float:left; margin:0 15px 15px 0;" />This exhibit celebrates a new generation of visual pioneers—part graphic designers, part statisticians, part artists—who have a faculty for turning data into meaning, often with beauty and urgency unexpected from data. In this exhibit, they turn their talents to help us see what we do when we log on. Strictly speaking, these are simply visual [...]<p>From the <a href="http://www.idarchive.com/">Interactive Design Archive</a><br/>
<br/>
---------------------------------<br/>
Support The ID Archive by checking out my advertisers (if you please) <br/>
<a href="https://visualadvance.freshbooks.com/refer/www" style="background-color: transparent;"><img src="http://www.freshbooks.com/images/banners/fb200x200-pro.png" width="200" height="200" border="0" alt="FreshBooks" /></a></p>
]]></description>
			<content:encoded><![CDATA[<img width="300" height="170" src="http://idarchive.com/cms/wp-content/uploads/2012/01/adobe_digital_museum-300x170.jpg" class="attachment-thumbnail wp-post-image" alt="adobe_digital_museum" title="adobe_digital_museum" style="float:left; margin:0 15px 15px 0;" /><p>This exhibit celebrates a new generation of visual pioneers—part graphic designers, part statisticians, part artists—who have a faculty for turning data into meaning, often with beauty and urgency unexpected from data. </p>
<p>In this exhibit, they turn their talents to help us see what we do when we log on. Strictly speaking, these are simply visual displays of quantitative information. But in their beauty, clarity, and urgency, these visualizations don’t just tell us about our world, on- and off-line; they tell us about ourselves, through and through.</p>
<p>From the <a href="http://www.idarchive.com/">Interactive Design Archive</a><br/>
<br/>
---------------------------------<br/>
Support The ID Archive by checking out my advertisers (if you please) <br/>
<a href="https://visualadvance.freshbooks.com/refer/www" style="background-color: transparent;"><img src="http://www.freshbooks.com/images/banners/fb200x200-pro.png" width="200" height="200" border="0" alt="FreshBooks" /></a></p>
<img src="http://feeds.feedburner.com/~r/interactivedesignarchive/~4/JhYr4J3hKX8" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://idarchive.com/other/adobe-museum-of-digital-media/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://idarchive.com/other/adobe-museum-of-digital-media/</feedburner:origLink></item>
		<item>
		<title>Quintetto</title>
		<link>http://feedproxy.google.com/~r/interactivedesignarchive/~3/e5mYCv6eFkU/</link>
		<comments>http://idarchive.com/exhibits/blank/#comments</comments>
		<pubDate>Mon, 30 Jan 2012 16:00:00 +0000</pubDate>
		<dc:creator>ryanr</dc:creator>
				<category><![CDATA[Exhibits]]></category>
		<category><![CDATA[5 fishes]]></category>
		<category><![CDATA[aesop studio]]></category>
		<category><![CDATA[aquarium]]></category>
		<category><![CDATA[concert]]></category>
		<category><![CDATA[fish music]]></category>
		<category><![CDATA[goldfish]]></category>
		<category><![CDATA[quintetto]]></category>

		<guid isPermaLink="false">http://www.idarchive.com/?p=2823</guid>
		<description><![CDATA[<img width="300" height="170" src="http://idarchive.com/cms/wp-content/uploads/2012/01/quintetto-300x170.jpg" class="attachment-thumbnail wp-post-image" alt="quintetto" title="quintetto" style="float:left; margin:0 15px 15px 0;" />Quintetto is an installation based on the study of casual movement of objects or living creatures used as input for the production of sounds. The basic concept is to reveal what is calle &#8220;invisible concerts&#8221; of everyday life.  The vertical movements of the 5 fish in the acquariums is captured by a videocamera, that translates [...]<p>From the <a href="http://www.idarchive.com/">Interactive Design Archive</a><br/>
<br/>
---------------------------------<br/>
Support The ID Archive by checking out my advertisers (if you please) <br/>
<a href="https://visualadvance.freshbooks.com/refer/www" style="background-color: transparent;"><img src="http://www.freshbooks.com/images/banners/fb200x200-pro.png" width="200" height="200" border="0" alt="FreshBooks" /></a></p>
]]></description>
			<content:encoded><![CDATA[<img width="300" height="170" src="http://idarchive.com/cms/wp-content/uploads/2012/01/quintetto-300x170.jpg" class="attachment-thumbnail wp-post-image" alt="quintetto" title="quintetto" style="float:left; margin:0 15px 15px 0;" /><p>Quintetto is an installation based on the study of casual movement of objects or living creatures used as input for the production of sounds. The basic concept is to reveal what is calle &#8220;invisible concerts&#8221; of everyday life.  </p>
<p>The vertical movements of the 5 fish in the acquariums is captured by a videocamera, that translates via computer software, their movements in digital sound signals.  There are 5 different musical instruments creating a totally unexpected live concert. The installation was born with the collaboration of the Aesop studio .</p>
<p>From the <a href="http://www.idarchive.com/">Interactive Design Archive</a><br/>
<br/>
---------------------------------<br/>
Support The ID Archive by checking out my advertisers (if you please) <br/>
<a href="https://visualadvance.freshbooks.com/refer/www" style="background-color: transparent;"><img src="http://www.freshbooks.com/images/banners/fb200x200-pro.png" width="200" height="200" border="0" alt="FreshBooks" /></a></p>
<img src="http://feeds.feedburner.com/~r/interactivedesignarchive/~4/e5mYCv6eFkU" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://idarchive.com/exhibits/blank/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://idarchive.com/exhibits/blank/</feedburner:origLink></item>
		<item>
		<title>BioDigital Human</title>
		<link>http://feedproxy.google.com/~r/interactivedesignarchive/~3/gpFpQRWytOk/</link>
		<comments>http://idarchive.com/html/biodigital-human/#comments</comments>
		<pubDate>Fri, 27 Jan 2012 16:00:00 +0000</pubDate>
		<dc:creator>ryanr</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[3d human body]]></category>
		<category><![CDATA[bio]]></category>
		<category><![CDATA[biodigtial human]]></category>
		<category><![CDATA[biology interactive]]></category>
		<category><![CDATA[human]]></category>
		<category><![CDATA[human body]]></category>
		<category><![CDATA[tools]]></category>

		<guid isPermaLink="false">http://www.idarchive.com/?p=2825</guid>
		<description><![CDATA[<img width="300" height="170" src="http://idarchive.com/cms/wp-content/uploads/2012/01/biodigitalhuman-300x170.jpg" class="attachment-thumbnail wp-post-image" alt="biodigitalhuman" title="biodigitalhuman" style="float:left; margin:0 15px 15px 0;" />BioDigital Human is an impressive 3D human body explorer with many interactive options and utilities to learn about your body. Tools for exploring, dissecting, and sharing custom views, combined with detailed medical descriptions provide a new visual format to patients, students and medical professionals. Check out the video below, especially for those with compatibility issues [...]<p>From the <a href="http://www.idarchive.com/">Interactive Design Archive</a><br/>
<br/>
---------------------------------<br/>
Support The ID Archive by checking out my advertisers (if you please) <br/>
<a href="https://visualadvance.freshbooks.com/refer/www" style="background-color: transparent;"><img src="http://www.freshbooks.com/images/banners/fb200x200-pro.png" width="200" height="200" border="0" alt="FreshBooks" /></a></p>
]]></description>
			<content:encoded><![CDATA[<img width="300" height="170" src="http://idarchive.com/cms/wp-content/uploads/2012/01/biodigitalhuman-300x170.jpg" class="attachment-thumbnail wp-post-image" alt="biodigitalhuman" title="biodigitalhuman" style="float:left; margin:0 15px 15px 0;" /><p>BioDigital Human is an impressive 3D human body explorer with many interactive options and utilities to learn about your body. Tools for exploring, dissecting, and sharing custom views, combined with detailed medical descriptions provide a new visual format to patients, students and medical professionals. Check out the video below, especially for those with compatibility issues or slow connections.</p>
<p>From the <a href="http://www.idarchive.com/">Interactive Design Archive</a><br/>
<br/>
---------------------------------<br/>
Support The ID Archive by checking out my advertisers (if you please) <br/>
<a href="https://visualadvance.freshbooks.com/refer/www" style="background-color: transparent;"><img src="http://www.freshbooks.com/images/banners/fb200x200-pro.png" width="200" height="200" border="0" alt="FreshBooks" /></a></p>
<img src="http://feeds.feedburner.com/~r/interactivedesignarchive/~4/gpFpQRWytOk" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://idarchive.com/html/biodigital-human/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://idarchive.com/html/biodigital-human/</feedburner:origLink></item>
	</channel>
</rss>

