CINXE.COM

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"> <head profile="http://purl.org/uF/2008/03/ http://purl.org/uF/hAtom/0.1/"><script type="text/javascript" src="https://web-static.archive.org/_static/js/bundle-playback.js?v=7YQSqjSh" charset="utf-8"></script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("http://binarybonsai.com/2010/09/29/newtwitter/","20101213180400","https://web.archive.org/","web","https://web-static.archive.org/_static/", "1292263440"); </script> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/banner-styles.css?v=p7PEIJWi" /> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/iconochive.css?v=3PDvdIFv" />  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="template" content="K2 1.0b"/> <title>#NewTwitter « Binary Bonsai</title> <link rel="stylesheet" type="text/css" media="screen" href="https://web.archive.org/web/20101213180400cs_/http://binarybonsai.com/wp-content/themes/k2/style.css"/> <link rel="alternate" type="application/rss+xml" title="Binary Bonsai RSS Feed" href="https://web.archive.org/web/20101213180400/http://binarybonsai.com/feed/"/> <link rel="alternate" type="application/atom+xml" title="Binary Bonsai Atom Feed" href="https://web.archive.org/web/20101213180400/http://binarybonsai.com/feed/atom/"/> <link rel="pingback" href="http://binarybonsai.com/xmlrpc.php"/> <link rel="stylesheet" id="newtwitter.css-css" href="https://web.archive.org/web/20101213180400cs_/http://binarybonsai.com/artdirection/newtwitter/newtwitter.css?ver=3.0.1" type="text/css" media="all"/> <script type="text/javascript" src="https://web.archive.org/web/20101213180400js_/http://binarybonsai.com/wp-includes/js/jquery/jquery.js?ver=1.4.2"></script> <script type="text/javascript" src="https://web.archive.org/web/20101213180400js_/http://binarybonsai.com/wp-content/themes/k2/js/k2.functions.js?ver=1.0b"></script> <script type="text/javascript" src="https://web.archive.org/web/20101213180400js_/http://binarybonsai.com/wp-includes/js/comment-reply.js?ver=20090102"></script> <script type="text/javascript" src="https://web.archive.org/web/20101213180400js_/http://binarybonsai.com/wp-content/plugins/google-analyticator/external-tracking.min.js?ver=6.1.1"></script> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://binarybonsai.com/xmlrpc.php?rsd"/> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://binarybonsai.com/wp-includes/wlwmanifest.xml"/> <link rel="index" title="Binary Bonsai" href="http://binarybonsai.com/"/> <link rel="start" title="First Post!" href="http://binarybonsai.com/2002/05/31/first-post/"/> <link rel="prev" title="Lessons from the Chewbacca Incident" href="https://web.archive.org/web/20101213180400/http://binarybonsai.com/2010/09/27/chewie-stats/"/> <link rel="next" title="Chewie on The Talk Show" href="https://web.archive.org/web/20101213180400/http://binarybonsai.com/2010/10/07/chewie-on-the-talk-show/"/> <meta name="generator" content="WordPress 3.0.1"/> <link rel="canonical" href="https://web.archive.org/web/20101213180400/http://binarybonsai.com/2010/09/29/newtwitter/"/> <link rel="shortlink" href="https://web.archive.org/web/20101213180400/http://binarybonsai.com/?p=4745"/> <script type="text/javascript">var _sf_startpt=(new Date()).getTime()</script> <link href="https://web.archive.org/web/20101213180400cs_/http://binarybonsai.com/wp-content/plugins/google_code_prettify/prettify.css" type="text/css" rel="stylesheet"/> <script type="text/javascript" src="https://web.archive.org/web/20101213180400js_/http://binarybonsai.com/wp-content/plugins/google_code_prettify/prettify.js"></script> <style type="text/css"> ol.footnotes li {list-style-type:decimal;} ol.footnotes{font-size:0.8em; color:#666666;} </style> <style type="text/css"> sup { vertical-align: 60%; font-size: 75%; line-height: 100%; } sub { vertical-align: -10%; font-size: 75%; line-height: 100%; } .amp { font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", "Warnock Pro", serif; font-weight: normal; font-style: italic; font-size: 1.1em; line-height: 1em; } .caps { font-size: 90%; } .dquo { margin-left:-.40em; } .quo { margin-left:-.2em; } /* because formatting .numbers should consider your current font settings, we will not style it here */ </style> <link rel="stylesheet" type="text/css" href="https://web.archive.org/web/20101213180400cs_/http://binarybonsai.com/wp-content/themes/k2/styles/bonsai08/bonsai08.css"/> <style type="text/css"> #header .blog-title a, #header .description { color: #ffffff; } </style>  <script type="text/javascript"> var analyticsFileTypes = ['']; var analyticsEventTracking = 'enabled'; </script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-2546036-2']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://web.archive.org/web/20101213180400/https://ssl' : 'https://web.archive.org/web/20101213180400/http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <link rel="archives" title="November 2010" href="http://binarybonsai.com/2010/11/"/> <link rel="archives" title="October 2010" href="http://binarybonsai.com/2010/10/"/> <link rel="archives" title="September 2010" href="http://binarybonsai.com/2010/09/"/> <link rel="archives" title="July 2010" href="http://binarybonsai.com/2010/07/"/> <link rel="archives" title="June 2010" href="http://binarybonsai.com/2010/06/"/> <link rel="archives" title="May 2010" href="http://binarybonsai.com/2010/05/"/> <link rel="archives" title="April 2010" href="http://binarybonsai.com/2010/04/"/> <link rel="archives" title="March 2010" href="http://binarybonsai.com/2010/03/"/> <link rel="archives" title="February 2010" href="http://binarybonsai.com/2010/02/"/> <link rel="archives" title="January 2010" href="http://binarybonsai.com/2010/01/"/> <link rel="archives" title="December 2009" href="http://binarybonsai.com/2009/12/"/> <link rel="archives" title="November 2009" href="http://binarybonsai.com/2009/11/"/> <link rel="archives" title="October 2009" href="http://binarybonsai.com/2009/10/"/> <link rel="archives" title="September 2009" href="http://binarybonsai.com/2009/09/"/> <link rel="archives" title="August 2009" href="http://binarybonsai.com/2009/08/"/> <link rel="archives" title="July 2009" href="http://binarybonsai.com/2009/07/"/> <link rel="archives" title="June 2009" href="http://binarybonsai.com/2009/06/"/> <link rel="archives" title="May 2009" href="http://binarybonsai.com/2009/05/"/> <link rel="archives" title="April 2009" href="http://binarybonsai.com/2009/04/"/> <link rel="archives" title="March 2009" href="http://binarybonsai.com/2009/03/"/> <link rel="archives" title="February 2009" href="http://binarybonsai.com/2009/02/"/> <link rel="archives" title="January 2009" href="http://binarybonsai.com/2009/01/"/> <link rel="archives" title="December 2008" href="http://binarybonsai.com/2008/12/"/> <link rel="archives" title="November 2008" href="http://binarybonsai.com/2008/11/"/> <link rel="archives" title="October 2008" href="http://binarybonsai.com/2008/10/"/> <link rel="archives" title="September 2008" href="http://binarybonsai.com/2008/09/"/> <link rel="archives" title="August 2008" href="http://binarybonsai.com/2008/08/"/> <link rel="archives" title="July 2008" href="http://binarybonsai.com/2008/07/"/> <link rel="archives" title="June 2008" href="http://binarybonsai.com/2008/06/"/> <link rel="archives" title="May 2008" href="http://binarybonsai.com/2008/05/"/> <link rel="archives" title="April 2008" href="http://binarybonsai.com/2008/04/"/> <link rel="archives" title="March 2008" href="http://binarybonsai.com/2008/03/"/> <link rel="archives" title="February 2008" href="http://binarybonsai.com/2008/02/"/> <link rel="archives" title="January 2008" href="http://binarybonsai.com/2008/01/"/> <link rel="archives" title="December 2007" href="http://binarybonsai.com/2007/12/"/> <link rel="archives" title="November 2007" href="http://binarybonsai.com/2007/11/"/> <link rel="archives" title="October 2007" href="http://binarybonsai.com/2007/10/"/> <link rel="archives" title="September 2007" href="http://binarybonsai.com/2007/09/"/> <link rel="archives" title="August 2007" href="http://binarybonsai.com/2007/08/"/> <link rel="archives" title="July 2007" href="http://binarybonsai.com/2007/07/"/> <link rel="archives" title="June 2007" href="http://binarybonsai.com/2007/06/"/> <link rel="archives" title="May 2007" href="http://binarybonsai.com/2007/05/"/> <link rel="archives" title="April 2007" href="http://binarybonsai.com/2007/04/"/> <link rel="archives" title="March 2007" href="http://binarybonsai.com/2007/03/"/> <link rel="archives" title="February 2007" href="http://binarybonsai.com/2007/02/"/> <link rel="archives" title="January 2007" href="http://binarybonsai.com/2007/01/"/> <link rel="archives" title="October 2006" href="http://binarybonsai.com/2006/10/"/> <link rel="archives" title="August 2006" href="http://binarybonsai.com/2006/08/"/> <link rel="archives" title="July 2006" href="http://binarybonsai.com/2006/07/"/> <link rel="archives" title="June 2006" href="http://binarybonsai.com/2006/06/"/> <link rel="archives" title="May 2006" href="http://binarybonsai.com/2006/05/"/> <link rel="archives" title="March 2006" href="http://binarybonsai.com/2006/03/"/> <link rel="archives" title="February 2006" href="http://binarybonsai.com/2006/02/"/> <link rel="archives" title="January 2006" href="http://binarybonsai.com/2006/01/"/> <link rel="archives" title="December 2005" href="http://binarybonsai.com/2005/12/"/> <link rel="archives" title="November 2005" href="http://binarybonsai.com/2005/11/"/> <link rel="archives" title="September 2005" href="http://binarybonsai.com/2005/09/"/> <link rel="archives" title="August 2005" href="http://binarybonsai.com/2005/08/"/> <link rel="archives" title="July 2005" href="http://binarybonsai.com/2005/07/"/> <link rel="archives" title="June 2005" href="http://binarybonsai.com/2005/06/"/> <link rel="archives" title="May 2005" href="http://binarybonsai.com/2005/05/"/> <link rel="archives" title="April 2005" href="http://binarybonsai.com/2005/04/"/> <link rel="archives" title="March 2005" href="http://binarybonsai.com/2005/03/"/> <link rel="archives" title="February 2005" href="http://binarybonsai.com/2005/02/"/> <link rel="archives" title="January 2005" href="http://binarybonsai.com/2005/01/"/> <link rel="archives" title="December 2004" href="http://binarybonsai.com/2004/12/"/> <link rel="archives" title="November 2004" href="http://binarybonsai.com/2004/11/"/> <link rel="archives" title="October 2004" href="http://binarybonsai.com/2004/10/"/> <link rel="archives" title="September 2004" href="http://binarybonsai.com/2004/09/"/> <link rel="archives" title="August 2004" href="http://binarybonsai.com/2004/08/"/> <link rel="archives" title="July 2004" href="http://binarybonsai.com/2004/07/"/> <link rel="archives" title="June 2004" href="http://binarybonsai.com/2004/06/"/> <link rel="archives" title="May 2004" href="http://binarybonsai.com/2004/05/"/> <link rel="archives" title="March 2004" href="http://binarybonsai.com/2004/03/"/> <link rel="archives" title="February 2004" href="http://binarybonsai.com/2004/02/"/> <link rel="archives" title="January 2004" href="http://binarybonsai.com/2004/01/"/> <link rel="archives" title="November 2003" href="http://binarybonsai.com/2003/11/"/> <link rel="archives" title="October 2003" href="http://binarybonsai.com/2003/10/"/> <link rel="archives" title="September 2003" href="http://binarybonsai.com/2003/09/"/> <link rel="archives" title="May 2003" href="http://binarybonsai.com/2003/05/"/> <link rel="archives" title="April 2003" href="http://binarybonsai.com/2003/04/"/> <link rel="archives" title="March 2003" href="http://binarybonsai.com/2003/03/"/> <link rel="archives" title="September 2002" href="http://binarybonsai.com/2002/09/"/> <link rel="archives" title="August 2002" href="http://binarybonsai.com/2002/08/"/> <link rel="archives" title="July 2002" href="http://binarybonsai.com/2002/07/"/> <link rel="archives" title="May 2002" href="http://binarybonsai.com/2002/05/"/> </head> <body class="wordpress k2 y2010 m12 d13 h18 rollingarchives animations single postid-4745 s-slug-newtwitter s-y2010 s-m09 s-d29 s-h17 s-category-journal s-tag-interface-design s-tag-twitter s-tag-usability s-author-michael columns-one lang-en wpmu-1"> <div id="page"> <div id="header"> <div class="blog-title"> <a href="https://web.archive.org/web/20101213180400/http://binarybonsai.com/" accesskey="1">Binary Bonsai</a> </div> <p class="description">Halb Mensch. Halb Ding.</p> <ul class="menu"> <li class="page_item blogtab"> <a href="https://web.archive.org/web/20101213180400/http://binarybonsai.com/" title="Blog"> Blog </a> </li> <li class="page_item page-item-2861"><a href="https://web.archive.org/web/20101213180400/http://binarybonsai.com/archivepage/" title="Archives">Archives</a></li> <li class="page_item page-item-1509"><a href="https://web.archive.org/web/20101213180400/http://binarybonsai.com/about/" title="About">About</a></li> <li class="page_item page-item-1630"><a href="https://web.archive.org/web/20101213180400/http://binarybonsai.com/wordpress/" title="Projects">Projects</a></li> </ul> </div>  <hr/> <div class="content"> <div id="primary-wrapper"> <div id="primary"> <div id="notices"></div> <a name="startcontent" id="startcontent"></a> <div id="current-content" class="hfeed"> <div id="nav-above" class="navigation"> <div class="nav-previous"><a href="https://web.archive.org/web/20101213180400/http://binarybonsai.com/2010/09/27/chewie-stats/" rel="prev"><span class="meta-nav">«</span> Lessons from the Chewbacca Incident</a></div> <div class="nav-next"><a href="https://web.archive.org/web/20101213180400/http://binarybonsai.com/2010/10/07/chewie-on-the-talk-show/" rel="next">Chewie on The Talk Show <span class="meta-nav">»</span></a></div> <div class="clear"></div> </div> <div id="post-4745" class="post-4745 post type-post hentry category-journal tag-interface-design tag-twitter tag-usability p1 y2010 m09 d29 h17"> <div class="entry-head"> <h1 class="entry-title"> <a href="https://web.archive.org/web/20101213180400/http://binarybonsai.com/2010/09/29/newtwitter/" rel="bookmark" title="Permanent Link to #NewTwitter">#NewTwitter</a> </h1> <div class="entry-meta"> <abbr class="published entry-date" title="2010-09-29T16:21:35+0000">Sep 29, '10</abbr> · <span class="entry-comments"><span class="commentslink"><span>Closed</span></span></span> <span class="entry-tags"><span>Tags:</span> <a href="https://web.archive.org/web/20101213180400/http://binarybonsai.com/tag/interface-design/" rel="tag">interface design</a>, <a href="https://web.archive.org/web/20101213180400/http://binarybonsai.com/tag/twitter/" rel="tag">twitter</a>, <a href="https://web.archive.org/web/20101213180400/http://binarybonsai.com/tag/usability/" rel="tag">usability</a>.</span> </div>  </div> <div class="entry-content"> <p class="intro">Yes, it <em>is</em> a step up for power users, but I imagine it must be intimidating to n00bz and is a little too crowded for my tastes. But having finally spent some time with #NewTwitter, deeper problems make me think it got kicked out of the nest before its wings were fully formed.</p> <p><span id="more-4745"></span> <div class="section hotkeys"> <h3 id="hotkeys">Hotkeys</h3> <p> <video width="960" height="640" controls><br/> <source src="https://web.archive.org/web/20101213180400im_/http://binarybonsai.com/files/twitterhotkeys.mp4" type="video/mp4"><br/> <source src="https://web.archive.org/web/20101213180400im_/http://binarybonsai.com/files/twitterhotkeys.ogv" type="video/ogg"><br/> </video></p> <div class="columns"> <p>NewTwitter has shortcut keys for navigating the stream with <em>j</em> and <em>k</em>, as popularized by Google, but with two major problems. First of all, the selection background, <span style="background: #f4f4f4">#f4f4f4 on white</span>… All but invisible on less than perfectly-contrasted displays.</p> <p>But more importantly, the tweet you navigate to is <em>not</em> the same as the tweet you’ve selected! And other shortcut keys, like <em>f</em> for ‘favorite’, affect the <em>actually</em> selected tweet, rather than the one you’ve navigated to. Confused? You should be! There’s a reason <em>nobody</em> does it like this!</p> <p>Aside from being confusing, it’s a hassle to use. While pruning my favorites, I often ended up unfavoriting tweets outside my browser frame, possibly losing favorites I would have preferred to keep. And for every tweet I wanted to interact with, I had to first press <em>Enter</em>, which feels absolutely counterintuitive when you come in from for instance Gmail or Google Reader.</p> <p>Personally, I would yank the shortcut key support immediately and rebuild it from scratch.</p> </p></div> </div> <div class="section newtweets"> <h3 id="new_tweets">New Tweets</h3> <p> <video width="960" height="640" controls><br/> <source src="https://web.archive.org/web/20101213180400im_/http://binarybonsai.com/files/twitternewtweets.mp4" type="video/mp4"><br/> <source src="https://web.archive.org/web/20101213180400im_/http://binarybonsai.com/files/twitternewtweets.ogv" type="video/ogg"> <br/> </video></p> <div class="columns"> <p>The much neglected, yet still undefeated champion of Twitter on OS X, Tweetie for Mac, has an option, I believe it’s default, where new tweets are stacked on top of your current position. It’s fantastic as it allows you to leave Tweetie alone, and work your way up at your own convenience, never missing a tweet. You can also choose to auto-scroll, which is a great way of monitoring your stream as it’s happening.</p> <p>When the ‘X New Tweets’ box appears, you click it and the tweets appear, pushing down existing ones. But they aren’t highlighted. So for anything above a handful, you have no way of knowing which are new. When possible, I like reading everything that comes through my stream, but when you come back to the client and the counter is well above a hundred; good luck finding where you left off.</p> <p>PS: One way to circumvent this problem, is to click the first tweet in your stream, before loading in new ones, as a marker of your progress.</p> </p></div> </div> <div class="section mentions"> <h3 id="mentions"><code>@</code>Mentions</h3> <div class="columns"> <p>It’s a fundamental problem to the basic tenant that has elevated Twitter from obscure plaything to one of the primary communications channels of our lives, that all replies can’t be treated equally by the user.</p> <p>Twitter is a two-way communications medium. That’s why it’s successful. You broadcast, they reply. Simple. But in actual fact, the way it goes is: you broadcast, the people you follow reply. And then someone else might also reply, but in Twitter-world, as decreed by the web and iOS app interfaces, replies <em>do not</em> mingle. They’re either from people you follow, showing up in your timeline, or not, showing up only under the <em><code>@</code>Mentions</em> tab.</p> <p>This makes sense if you’re more popular than you have time for, grumpy and/or very focussed, but if you turn it around and instead think of the timeline as <em>your twitter timeline</em>, then it only makes sense to allow for <code>@</code>mentions from people you don’t follow.</p> <p>Aggravating the issue, the <code>@</code>Mentions tab in the web app doesn’t highlight when new mentions roll in, which I guesstimate converts into the majority of people using only the web app, not seeing any replies from people they don’t follow.</p> <p>That cute guy/gal you met at <span class="caps">SXSW</span>, casually trying to get in touch through Twitter? Forget about it. The tweet from someone notifying you of a grievous error in your latest column? Won’t see it. Or more relevant, if you happen to publish a blog post that becomes very popular and people write to you on Twitter…</p> <p>But here’s what <em>really</em> grinds my gears: <code>@</code>replies from the timeline <em>do</em> show up under <code>@</code>mentions. That makes some kind of sense. The problem is that for the most part you’ll first see those replies in your timeline, and then again when you next check <code>@</code>mentions. And apart from that redundancy, the two ‘unread’ indicators (where they exist, being absent as they are from the web app) don’t know that you’ve <em>already</em> read those same replies in your timeline, and gleefully light up when they <code>@</code>mentions is updated.</p> <p>Also, just as a sidenote, replies aren’t highlighted in the timeline, nor are there any notifications for new direct messages.</p> </p></div> </div> <div class="section ajax"> <h3 id="you_broke_my_browser">AJAX</h3> <p>Since all internal Twitter links are AJAX-powered, they’ll actually break your browsers tabs. Just try opening someones profile with a middle– or CMD-click. For this crime alone!, I’ll leave the right-hand column empty.</p> </div> <div class="section conclusion"> <h3 id="final_thoughts">Final Thoughts</h3> <p>It’s a step forward; nay, leap. Generally I <em>do</em> like it. But as they grew from oddity to industry behemoth, Twitter has become an indispensable part of many people’s lives, my own included. And because of that I’ve been baffled in the past by their reticence first towards <span class="caps">GUI</span> clients, and then towards their own web app. That seems to finally have broken, and while the iOS apps are by-and-large the best Twitter apps on those platforms — and beyond — the web app is in need of some fix-‘er-upping before it’s up to snuff.</p> <p>That’s not to say that it isn’t a major improvement. And it’s great to see — wait for it — synergy between it and the iPad app interfaces. I can’t wait for it to mature.</p> <p>I’d just kinda hoped that would have happened with this version.</p> </div> </div> <div class="entry-foot"> <div class="entry-meta"> </div> </div> </div> <div class="comments"> <h4><span id="comments">0</span> Responses to “#NewTwitter”</h4> <div class="metalinks"> <span class="commentsrsslink"><a href="https://web.archive.org/web/20101213180400/http://binarybonsai.com/2010/09/29/newtwitter/feed/">Feed for this Entry</a></span> </div> <hr/> <div id="comments-closed-msg">Comments are currently closed.</div> </div> <div id="nav-below" class="navigation"> <div class="nav-previous"><a href="https://web.archive.org/web/20101213180400/http://binarybonsai.com/2010/09/27/chewie-stats/" rel="prev"><span class="meta-nav">«</span> Lessons from the Chewbacca Incident</a></div> <div class="nav-next"><a href="https://web.archive.org/web/20101213180400/http://binarybonsai.com/2010/10/07/chewie-on-the-talk-show/" rel="next">Chewie on The Talk Show <span class="meta-nav">»</span></a></div> <div class="clear"></div> </div> </div> <div id="dynamic-content"></div> </div> </div> <hr/> <div id="sidebar-1" class="secondary"> <div id="search-2" class="widget widget_search"><form method="get" id="searchform" action="https://web.archive.org/web/20101213180400/http://binarybonsai.com/"> <div id="search-form-wrap"> <label for="s" id="search-label">Search for:</label> <input type="text" id="s" name="s" value="" accesskey="4"/> <input type="submit" id="searchsubmit" value="Search »"/> <span id="searchreset" title="Reset Search" class="hidden"></span> <span id="searchload" class="hidden"></span> </div> </form> </div><div id="text-298458921" class="widget widget_text"><h4>About Me</h4> <div class="textwidget"><p>This is <a href="/web/20101213180400/http://binarybonsai.com/" title="Return to the home page">Binary Bonsai</a>, the online journal of <a href="/web/20101213180400/http://binarybonsai.com/about" title="Read more about me">Michael Heilemann</a> — an Interface Designer, Web Developer, former Computer Game Developer and Film Lover — coming to you out of CPH, DK. It contains thoughts on <a href="/web/20101213180400/http://binarybonsai.com/tag/games">games</a>, <a href="/web/20101213180400/http://binarybonsai.com/tag/interface-design">interface design</a>, <a href="/web/20101213180400/http://binarybonsai.com/tag/movies">movies</a>, <a href="/web/20101213180400/http://binarybonsai.com/tag/books">books</a>, <a href="/web/20101213180400/http://binarybonsai.com/tag/science-fiction">science fiction</a>, <a href="/web/20101213180400/http://binarybonsai.com/tag/star-wars">Star Wars</a> and various other subjects as befits the author, who is available for comment <a href="https://web.archive.org/web/20101213180400/http://twitter.com/heilemann">on Twitter</a>. </p></div> </div><div id="text-298755812" class="widget widget_text"><h4>Credits</h4> <div class="textwidget">Hosted by the unparalleled and phenomenal <a href="https://web.archive.org/web/20101213180400/http://mediatemple.net/" alt="I heart you Media Temple">Media Temple</a></div> </div></div>  <hr/> <div id="sidebar-2" class="secondary"> </div> <div class="clear"></div> </div> <script type="text/javascript"> window.onload = function(){prettyPrint();}; </script> <div class="clear"></div> </div>  <hr/> <div id="footer"> <p class="footerpoweredby"> Powered by <a href="https://web.archive.org/web/20101213180400/http://wordpress.org/">WordPress</a> and <a href="https://web.archive.org/web/20101213180400/http://getk2.com/" title="Loves you like a kitten.">K2</a></p> <p class="footerfeedlinks"> <a href="https://web.archive.org/web/20101213180400/http://binarybonsai.com/feed/">Entries Feed</a> and <a href="https://web.archive.org/web/20101213180400/http://binarybonsai.com/comments/feed/">Comments Feed</a></p> <p class="footerstats"> 18 queries. 0.9910 seconds.</p> </div> <script type="text/javascript" src="https://web.archive.org/web/20101213180400js_/http://binarybonsai.com/wp-content/themes/k2/js/k2.slider.js?ver=1.0b"></script> <script type="text/javascript" src="https://web.archive.org/web/20101213180400js_/http://binarybonsai.com/wp-content/themes/k2/js/k2.trimmer.js?ver=1.0b"></script> <script type="text/javascript" src="https://web.archive.org/web/20101213180400js_/http://binarybonsai.com/wp-content/themes/k2/js/k2.rollingarchives.js?ver=1.0b"></script> <script type="text/javascript" src="https://web.archive.org/web/20101213180400js_/http://binarybonsai.com/wp-content/themes/k2/js/k2.livesearch.js?ver=1.0b"></script> <script type="text/javascript"> var _sf_async_config={uid:12890}; (function(){ function loadChartbeat() { window._sf_endpt=(new Date()).getTime(); var e = document.createElement('script'); e.setAttribute('language', 'javascript'); e.setAttribute('type', 'text/javascript'); e.setAttribute('src', (("https:" == document.location.protocol) ? "https://web.archive.org/web/20101213180400/https://s3.amazonaws.com/" : "http://") + "static.chartbeat.com/js/chartbeat.js"); document.body.appendChild(e); } var oldonload = window.onload; window.onload = (typeof window.onload != 'function') ? loadChartbeat : function() { oldonload(); loadChartbeat(); }; })(); </script> <script type="text/javascript"> //<![CDATA[ K2.AjaxURL = "https://web.archive.org/web/20101213180400/http://binarybonsai.com/"; K2.Animations = 1; jQuery(document).ready(function(){ K2.LiveSearch = new LiveSearch( "Type and Wait to Search" ); K2.RollingArchives = new RollingArchives( "Page %1$d of %2$d" ); jQuery('body').addClass('rollingarchives'); jQuery('#dynamic-content').ajaxSuccess(function () { }); initARIA(); }); //]]> </script> </body> </html>