Tumblr (3.0; @interactivitydesign)http://interactivity.ysdn.ca/<a href="http://www.smashingmagazine.com/2011/03/29/designing-for-the-future-web/">Designing For The Future Web - Smashing Magazine</a>http://interactivity.ysdn.ca/post/4525085798http://interactivity.ysdn.ca/post/4525085798Mon, 11 Apr 2011 08:51:26 -0400<a href="http://www.css-101.org/">CSS 101: interactive tutorial</a>http://interactivity.ysdn.ca/post/3353152539http://interactivity.ysdn.ca/post/3353152539Thu, 17 Feb 2011 19:32:02 -0500<img src="http://24.media.tumblr.com/tumblr_lgseoxJ2xU1qegkzso1_250.jpg"/><br/><br/><p><h2><a href="http://weavesilk.com/">Silk</a></h2></p>http://interactivity.ysdn.ca/post/3353102631http://interactivity.ysdn.ca/post/3353102631Thu, 17 Feb 2011 19:29:20 -0500<img src="http://24.media.tumblr.com/tumblr_lger31VpV61qegkzso1_500.jpg"/><br/><br/><h2><a href="http://www.fastcodesign.com/1663199/a-master-of-sci-fi-movie-gadgets-moves-over-to-the-real-world?partner=co_newsletter">A Master of Sci-Fi Movie Gadgets Moves Over to the Real World</a></h2> <p>A fantastic interview with movie UI designed Mark Coleran. View the article for a video demo reel of Mark’s work. </p>http://interactivity.ysdn.ca/post/3216857730http://interactivity.ysdn.ca/post/3216857730Thu, 10 Feb 2011 10:30:36 -0500UIDesignerInterview<img src="http://25.media.tumblr.com/tumblr_lfur4tq5LN1qegkzso1_500.png"/><br/><br/><h2><a href="http://www.maxkiesler.com/2007/11/13/visualization-programming-languages-software-and-toolkits/">Visualization Programming Languages, Software, and Toolkits</a></h2> <p><em>If you’ve seen websites such as, <a title="Digg Big Spy" target="_blank" href="http://labs.digg.com/bigspy/">Digg Big Spy</a>, <a title="We Feel Fine" target="_blank" href="http://www.wefeelfine.org/">We Feel Fine</a>, or <a title="Gapminder" target="_blank" href="http://gapminder.org/">Gapminder</a>. and you’re a web surfer you are probably amazed. If however, you’re a web designer or programmer you may be wondering how to accomplish these dramatic visualizations. Below you’ll find a list of visualization software, toolkits and programming languages to get you started.</em></p> <p><em>Also, if you want to see or learn more about data visualizations please visit<a title="DesignDemo" href="http://www.maxkiesler.com/index.php/designdemo/">DesignDemo</a> and <a title="VizLIst" href="http://www.maxkiesler.com/index.php/vizlist//">VizLIst </a>. I post visualizations on a daily basis in both of these sections.</em></p>http://interactivity.ysdn.ca/post/3017129298http://interactivity.ysdn.ca/post/3017129298Sun, 30 Jan 2011 15:19:40 -0500Tools<img src="http://25.media.tumblr.com/tumblr_lf5kyoGwYL1qegkzso1_500.jpg"/><br/><br/><p><a href="http://www.matthiasdittrich.com/projekte/narratives/visualisation/index.html">Matthias Dittrich |interaction design portfolio | Narratives 2.0</a></p>http://interactivity.ysdn.ca/post/2790962956http://interactivity.ysdn.ca/post/2790962956Mon, 17 Jan 2011 01:06:23 -0500Processing<img src="http://24.media.tumblr.com/tumblr_lf5f4lwSNn1qegkzso1_500.png"/><br/><br/><p><a href="http://www.makeuseof.com/tag/internet-works-infographic/">How The INTERNET Works</a></p>http://interactivity.ysdn.ca/post/2789155514http://interactivity.ysdn.ca/post/2789155514Sun, 16 Jan 2011 23:00:20 -0500<iframe width="400" height="240" src="http://www.youtube.com/embed/4mUp5YJolHc?wmode=transparent&autohide=1&egm=0&hd=1&iv_load_policy=3&modestbranding=1&rel=0&showinfo=0&showsearch=0" frameborder="0" allowfullscreen></iframe><br/><br/><p><a href="http://www.informationarchitects.jp/en/news-on-ipad-the-obvious-way/">Information Architects – News on iPad, the Obvious Way</a></p>http://interactivity.ysdn.ca/post/2680093705http://interactivity.ysdn.ca/post/2680093705Mon, 10 Jan 2011 00:04:48 -0500<img src="http://24.media.tumblr.com/tumblr_legpg4IGHi1qegkzso1_500.jpg"/><br/><br/><p><a href="http://www.fastcodesign.com/1662959/12-of-the-years-brightest-ideas-in-interface-design-slideshow">12 of the Year’s Best Ideas in Interface Design</a></p>http://interactivity.ysdn.ca/post/2584419605http://interactivity.ysdn.ca/post/2584419605Mon, 03 Jan 2011 14:43:15 -0500<object id="__sse6434258" width="400" height="334"><param name="movie" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=lecturedesignscriptsleurs2010-110103055235-phpapp02&stripped_title=design-scripts&userName=Leursism" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><embed name="__sse6434258" src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=lecturedesignscriptsleurs2010-110103055235-phpapp02&stripped_title=design-scripts&userName=Leursism" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="400" height="334"></embed></object><br/><br/><p><strong><a title="Design Scripts: Designing (inter)action with intent " href="http://www.slideshare.net/Leursism/design-scripts">Design Scripts: Designing (inter)action with intent</a></strong> <script src="http://b.scorecardresearch.com/beacon.js?c1=7&c2=7400849&c3=1&c4=&c5=&c6="></script></p>http://interactivity.ysdn.ca/post/2584413471http://interactivity.ysdn.ca/post/2584413471Mon, 03 Jan 2011 14:42:41 -0500<a href="http://flexperiential.com/2010/11/22/flash-is-dead-long-live-flash/">Flash is Dead, Long Live Flash</a>http://interactivity.ysdn.ca/post/2581633224http://interactivity.ysdn.ca/post/2581633224Mon, 03 Jan 2011 09:16:23 -0500<img src="http://24.media.tumblr.com/tumblr_leartllqw31qegkzso1_500.jpg"/><br/><br/><p>4 Predictions for Web Design in 2011 (via <a href="http://mashable.com/2010/12/30/web-design-predictions/">4 Predictions for Web Design in 2011</a>)</p>http://interactivity.ysdn.ca/post/2542209359http://interactivity.ysdn.ca/post/2542209359Fri, 31 Dec 2010 09:48:57 -0500<object id="__sse2019028" width="400" height="334"><param name="movie" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=designinginterestingmoments-090918130401-phpapp01&stripped_title=designing-interesting-moments&userName=billwscott" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><embed name="__sse2019028" src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=designinginterestingmoments-090918130401-phpapp01&stripped_title=designing-interesting-moments&userName=billwscott" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="400" height="334"></embed></object><br/><br/><p><strong><a title="Designing for Interesting Moments" href="http://www.slideshare.net/billwscott/designing-interesting-moments">Designing for Interesting Moments</a></strong> <script src="http://b.scorecardresearch.com/beacon.js?c1=7&c2=7400849&c3=1&c4=&c5=&c6="></script></p>http://interactivity.ysdn.ca/post/2531910458http://interactivity.ysdn.ca/post/2531910458Thu, 30 Dec 2010 16:29:14 -0500<img src="http://25.media.tumblr.com/tumblr_le914mhAeB1qegkzso1_500.jpg"/><br/><br/><p><a href="http://www.fastcodesign.com/1662959/12-of-the-years-best-ideas-in-interface-design-slideshow?partner=co_newsletter#6">12 of the Year’s Best Ideas in Interface Design [Slideshow] | Co.Design</a></p>http://interactivity.ysdn.ca/post/2528358449http://interactivity.ysdn.ca/post/2528358449Thu, 30 Dec 2010 11:14:44 -0500<a href="http://www.theuxbookmark.com/2010/08/interaction-design/a-monster-list-of-ui-guidelines-style-guides">A huge list of Style Guides and UI Guidelines » The UX Bookmark</a>http://interactivity.ysdn.ca/post/2527544681http://interactivity.ysdn.ca/post/2527544681Thu, 30 Dec 2010 09:38:05 -0500<img src="http://25.media.tumblr.com/tumblr_le4eej9MR31qegkzso1_500.jpg"/><br/><br/><p><a href="http://www.useit.com/alertbox/kinect-gesture-ux.html">Kinect Gestural UI: First Impressions (Jakob Nielsen’s Alertbox)</a></p>http://interactivity.ysdn.ca/post/2492354882http://interactivity.ysdn.ca/post/2492354882Mon, 27 Dec 2010 23:13:30 -0500<a href="http://hackety-hack.com/">Hackety Hack!</a>http://interactivity.ysdn.ca/post/2475087498http://interactivity.ysdn.ca/post/2475087498Sun, 26 Dec 2010 19:34:11 -0500<a href="http://www.smashingmagazine.com/2010/11/29/persuasion-triggers-in-web-design/">Persuasion Triggers in Web Design - Smashing Magazine</a>http://interactivity.ysdn.ca/post/2438965319http://interactivity.ysdn.ca/post/2438965319Thu, 23 Dec 2010 20:58:31 -0500<a href="http://www.businessinsider.com/100-things-you-should-know-about-people-2010-11#1--you-have-inattention-blindness-1">47 Mind-Blowing Psychology-Proven Facts You Should Know About Yourself</a>http://interactivity.ysdn.ca/post/2174885085http://interactivity.ysdn.ca/post/2174885085Sat, 11 Dec 2010 10:22:52 -0500<img src="http://24.media.tumblr.com/tumblr_ld65h2eyh21qegkzso1_400.gif"/><br/><br/><p><h2><a href="http://www.gifexplode.com/hhn">The Evolution of Facebook Profile page</a></h2></p>http://interactivity.ysdn.ca/post/2157566474http://interactivity.ysdn.ca/post/2157566474Thu, 09 Dec 2010 16:13:10 -0500