Snip!t from collection of Alan Dix

<div id="watch-headline-container"><div id="watch-headline" class="watch-headline"><div id="watch-headline-user-info"><a id="watch-username" class="inline-block" rel="author" href="/user/wasbuxton"><strong>wasbuxton</strong></a> <span id="watch-video-count" class="watch-expander yt-uix-expander yt-uix-expander-collapsed" data-expander-action="yt.www.watch.watch5.handleToggleMoreFromUser"> <span class="watch-expander-head yt-uix-expander-head yt-rounded"> <button class="yt-uix-expander-arrow" onclick="return false;"></button> 59 videos </span> </span> <span class="subscription-container" data-subscription-expandable-id="subscription-button-module-menu" data-subscription-value="wasbuxton" data-subscription-menu-type="expander" data-subscription-xsrf="" data-subscription-feature="" data-subscription-type="user"> <button type="button" class="subscribe-button yt-uix-button yt-uix-tooltip" onclick=";return false;" title="Click to be notified of new videos from this channel" data-loaded="true" data-button-action="yt.www.subscriptions.button.toggleMenu" role="button" aria-pressed="false"><span class="yt-uix-button-content">Subscribe</span></button> <span class="subscription-subscribed-container hid"><span class="subscription-options-button subscription-expander yt-uix-expander yt-uix-expander-collapsed" data-expander-action="yt.www.subscriptions.button.toggleMenu"><span class="yt-uix-expander-head yt-rounded"><button class="yt-uix-expander-arrow" onclick="return false;"></button><span class="yt-alert yt-alert-success yt-alert-small yt-alert-naked yt-rounded"><img src="//s.ytimg.com/yt/img/pixel-vfl3z5WfW.gif" class="icon" alt="Alert icon"><span class="yt-alert-content">Subscribed</span></span></span></span></span> </span> </div> <div id="subscription-button-module-menu" class="hid subscription-menu-expandable subscription-menu"> <div class="subscription-menu-not-logged-in"> <strong><a href="https://www.google.com/accounts/ServiceLogin?uilel=3&amp;service=youtube&amp;passive=true&amp;continue=http%3A%2F%2Fwww.youtube.com%2Fsignin%3Faction_handle_signin%3Dtrue%26nomobiletemp%3D1%26hl%3Den_US%26next%3Dhttp%253A%252F%252Fwww.youtube.com%252Fwatch%253Fv%253D57wj8diYpgY%2526feature%253Drelated&amp;hl=en_US&amp;ltmpl=sso">Sign In</a> or <a href="/signup?next=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D57wj8diYpgY%26feature%3Drelated">Sign Up</a> now! </strong> </div> </div> <div id="watch-more-from-user" class="collapsed"> <div id="watch-channel-discoverbox" class="yt-rounded"> <span id="watch-channel-loading">Loading...</span> </div> </div> </div> </div> <!-- end watch-headline-container --> <div id="watch-video-container"> <div id="watch-video"> <script> if (window.yt.timing) { yt.timing.tick('bf'); } </script> <div id="watch-player" class="flash-player"> <div role="button" tabindex="0" srcattribute="http://s.ytimg.com/yt/swfbin/watch_as3-vflpHt5Gk.swf" title="http://s.ytimg.com/yt/swfbin/watch_as3-vflpHt5Gk.swf" style="background: url(&quot;chrome://flashblock/content/flash.png&quot;) no-repeat scroll center center transparent ! important; min-width: 32px ! important; min-height: 32px ! important; width: 640px; height: 390px; border: 1px solid rgb(223, 223, 223); cursor: pointer; overflow: hidden; display: block; visibility: visible ! important; -moz-box-sizing: border-box; margin-right: auto; margin-left: auto;" bgactive="url(chrome://flashblock/content/flashplay.png) no-repeat center" bginactive="url(chrome://flashblock/content/flash.png) no-repeat center"></div> <noembed>&lt;div class="yt-alert yt-alert-error yt-alert-player yt-rounded "&gt;&lt;img src="//s.ytimg.com/yt/img/pixel-vfl3z5WfW.gif" class="icon master-sprite" alt="Alert icon"&gt;&lt;div class="yt-alert-content"&gt; You need Adobe Flash Player to watch this video. &lt;br&gt; &lt;a href="http://get.adobe.com/flashplayer/"&gt;Download it from Adobe.&lt;/a&gt; &lt;/div&gt;&lt;/div&gt;</noembed> </div> <!-- begin watch-video-extra --> <div id="watch-video-extra"> </div> <!-- end watch-video-extra --> </div> </div> <!-- begin watch-main-container --> <div id="watch-main-container"> <div id="watch-main"> <div id="watch-panel"> <div id="flash10-promo-div" style="display: none;" class="yt-alert yt-alert-warn yt-rounded "><img src="//s.ytimg.com/yt/img/pixel-vfl3z5WfW.gif" class="icon master-sprite" alt="Alert icon"><div class="yt-alert-content"> Upgrade to Flash Player 10 for improved playback performance. <a href="http://www.adobe.com/go/getflashplayer/" onmousedown="urchinTracker('/Events/VideoWatch/GetFlashUpgrade');">Upgrade Now</a> or <a href="http://help.youtube.com/support/youtube/bin/answer.py?answer=95402">More Info</a>. </div><button type="button" onclick="_hidediv(this.parentNode);" class="close master-sprite">close</button></div> <div id="watch-actions"> <div id="watch-actions-right"> <span class="watch-view-count"> <strong>8</strong> views </span> <button onclick=";return false;" title="Show video statistics" type="button" id="watch-insight-button" class="yt-uix-tooltip yt-uix-tooltip-reverse yt-uix-button yt-uix-tooltip yt-uix-button-empty" data-button-action="yt.www.watch.actions.stats" role="button" aria-pressed="false"><img class="yt-uix-button-icon yt-uix-button-icon-watch-insight" src="//s.ytimg.com/yt/img/pixel-vfl3z5WfW.gif" alt=""></button> </div> <span id="watch-like-unlike" class="yt-uix-button-group"><button onclick=";return false;" title="I like this" type="button" class="start yt-uix-tooltip-reverse yt-uix-button yt-uix-tooltip" id="watch-like" data-button-action="yt.www.watch.actions.like" role="button" aria-pressed="false"><img class="yt-uix-button-icon yt-uix-button-icon-watch-like" src="//s.ytimg.com/yt/img/pixel-vfl3z5WfW.gif" alt=""><span class="yt-uix-button-content">Like</span></button><button onclick=";return false;" title="I dislike this" type="button" class="end yt-uix-tooltip-reverse yt-uix-button yt-uix-tooltip yt-uix-button-empty" id="watch-unlike" data-button-action="yt.www.watch.actions.unlike" role="button" aria-pressed="false"><img class="yt-uix-button-icon yt-uix-button-icon-watch-unlike" src="//s.ytimg.com/yt/img/pixel-vfl3z5WfW.gif" alt=""></button></span> <span id="watch-addto-button" dir="ltr" class="addto-container watch show-label " data-video-ids="57wj8diYpgY" data-feature="watch"><button type="button" class="yt-uix-tooltip-reverse yt-uix-button yt-uix-tooltip" onclick=";return false;" title="Add to favorites or playlist" data-button-menu-id="some-nonexistent-id" data-button-action="yt.www.watch.actions.showSigninOrCreateChannelWarning" role="button" aria-pressed="false"><img class="yt-uix-button-icon yt-uix-button-icon-addto" src="//s.ytimg.com/yt/img/pixel-vfl3z5WfW.gif" alt=""><span class="yt-uix-button-content"><span class="addto-label">Add to</span></span><img class="yt-uix-button-arrow" src="//s.ytimg.com/yt/img/pixel-vfl3z5WfW.gif" alt=""></button></span> <button onclick=";return false;" title="Share or embed this video" type="button" class="yt-uix-tooltip-reverse yt-uix-button yt-uix-tooltip" id="watch-share" data-button-action="yt.www.watch.actions.share" role="button" aria-pressed="false"><span class="yt-uix-button-content">Share</span></button> <button onclick=";return false;" title="Flag as inappropriate" type="button" class="yt-uix-tooltip-reverse yt-uix-button yt-uix-tooltip yt-uix-button-empty" id="watch-flag" data-button-action="yt.www.watch.actions.flag" role="button" aria-pressed="false"><img class="yt-uix-button-icon yt-uix-button-icon-watch-flag" src="//s.ytimg.com/yt/img/pixel-vfl3z5WfW.gif" alt=""></button> </div> <div id="watch-actions-area-container" class="hid"> <div id="watch-actions-area" class="yt-rounded"> <div id="watch-actions-loading" class="watch-actions-panel hid"> Loading... </div> <div id="watch-actions-logged-out" class="watch-actions-panel hid"> <div class="yt-alert yt-alert-warn yt-alert-small yt-alert-naked yt-rounded "><img src="//s.ytimg.com/yt/img/pixel-vfl3z5WfW.gif" class="icon master-sprite" alt="Alert icon"><div class="yt-alert-content"> <strong><a href="https://www.google.com/accounts/ServiceLogin?uilel=3&amp;service=youtube&amp;passive=true&amp;continue=http%3A%2F%2Fwww.youtube.com%2Fsignin%3Faction_handle_signin%3Dtrue%26nomobiletemp%3D1%26hl%3Den_US%26next%3Dhttp%253A%252F%252Fwww.youtube.com%252Fwatch%253Fv%253D57wj8diYpgY%2526feature%253Drelated&amp;hl=en_US&amp;ltmpl=sso">Sign In</a> or <a href="/signup?next=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D57wj8diYpgY%26feature%3Drelated">Sign Up</a> now! </strong> </div></div> </div> <div id="watch-actions-error" class="watch-actions-panel hid"> <div class="yt-alert yt-alert-error yt-alert-small yt-alert-naked yt-rounded "><img src="//s.ytimg.com/yt/img/pixel-vfl3z5WfW.gif" class="icon master-sprite" alt="Alert icon"><div id="watch-error-string" class="yt-alert-content"></div></div> </div> <div id="watch-actions-share" class="watch-actions-panel hid"></div> <div id="watch-actions-ajax" class="watch-actions-panel hid"></div> <div class="close"> <img src="//s.ytimg.com/yt/img/pixel-vfl3z5WfW.gif" class="close-button" onclick="yt.www.watch.actions.hide();"> </div> </div> </div> <div id="watch-info" class="yt-rounded"> <div id="watch-description" class="watch-expander yt-uix-expander" data-expander-action="yt.www.watch.watch5.handleToggleDescription"> <div id="watch-description-clip"> <p id="watch-uploader-info"> Uploaded by <a class="author" rel="author" href="/user/wasbuxton">wasbuxton</a> on <span id="eow-date" class="watch-video-date">Aug 24, 2011</span> </p> <div id="watch-description-text"> <p id="eow-description">This is a digital copy of a 1963 <a href="#" onclick="yt.www.watch.player.seekTo(16*60+41);return false;">16:41</a> min 16mm film film demonstration of Ivan Sutherland's classic Sketchpad system. Sketchpad, and its associated thesis (see reference below), is one of the most influential theses in computer science, and it laid the foundation for a very large part of what we take for granted today (and then some) from the perspective of how we interact with computers.<br><br>This work was done at a very special place, MIT's Lincoln Lab, on a very special computer, Wes Clark's TX-2, amongst a group of highly competent and creative people. It was a perfect storm and Sutherland rode it beautifully.<br><br><br>For more information on Sketchpad, see:<br><br>Sutherland, I. (1963). Sketchpad: A Man-Machined Graphical Communication System . PhD Thesis, MIT. <br><a href="http://www.cl.cam.ac.uk/TechReports/UCAM-CL-TR-574.html" target="_blank" title="http://www.cl.cam.ac.uk/TechReports/UCAM-CL-TR-574.html" rel="nofollow" dir="ltr" class="yt-uix-redirect-link">http://www.cl.cam.ac.uk/TechReports/UCAM-CL-TR-574.html</a><br><br><br>Sutherland, I. (1963). SKETCHPAD: A Man Machine Graphical Communication System, Proceedings of the AFIPS Spring Joint Computer Conference , 329-346.<br><a href="http://www.aci.com.pl/mwichary/guidebook/articles/historical/sketchpad" target="_blank" title="http://www.aci.com.pl/mwichary/guidebook/articles/historical/sketchpad" rel="nofollow" dir="ltr" class="yt-uix-redirect-link">http://www.aci.com.pl/mwichary/guidebook/articles/historical/sketchpad</a><br><br>For more general information on Lincoln Lab, including Sketchpad, see:<br><br>Buxton, William: Resource Page on Early HCI Research by the Lincoln Lab TX-2 Group<br><a href="http://billbuxton.com/Lincoln.html" target="_blank" title="http://billbuxton.com/Lincoln.html" rel="nofollow" dir="ltr" class="yt-uix-redirect-link">http://billbuxton.com/Lincoln.html</a><br><br>Buxton, William (2005). Interaction at Lincoln Laboratory in the 1960's: Looking Forward -- Looking Back . Panel Introduction. Proceedings of the 2005 ACM Conference on Human Factors in Computing Systems, CHI'05 , April 3-7, 2005, 1163-1167.<br><a href="http://billbuxton.com/LincolnLab.pdf" target="_blank" title="http://billbuxton.com/LincolnLab.pdf" rel="nofollow" dir="ltr" class="yt-uix-redirect-link">http://billbuxton.com/LincolnLab.pdf</a></p></div></div></div></div></div></div></div>