<?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>Super Autistic &#187; Javascript</title>
	<atom:link href="http://superautistic.com/category/web/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://superautistic.com</link>
	<description>Just another WordPress weblog</description>
	<lastBuildDate>Tue, 13 Oct 2009 05:23:42 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>The Little DHTML Rocket Ship that Could</title>
		<link>http://superautistic.com/2009/07/29/the-little-dhtml-rocket-ship-that-could/</link>
		<comments>http://superautistic.com/2009/07/29/the-little-dhtml-rocket-ship-that-could/#comments</comments>
		<pubDate>Wed, 29 Jul 2009 23:00:15 +0000</pubDate>
		<dc:creator>smarmy</dc:creator>
				<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://superautistic.com/?p=36</guid>
		<description><![CDATA[Ever since I saw the DHTML Bomberman I always had a small soft spot in my heart for quirky and interesting DHTML ideas. However, there is a larger and more angry part of my heart that hates when ideas get overused and hackneyed that you want to gouge your eyes out the next time you [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_40" class="wp-caption alignright" style="width: 204px"><img class="size-full wp-image-40  " title="zachstronaut" src="http://superautistic.com/wp-content/uploads/2009/07/zachstronaut.png" alt="zachstronaut" width="194" height="232" /><p class="wp-caption-text">Zachstronaut.com</p></div>
<p>Ever since I saw the <a href="http://webfx.eae.net/bombProject/launcher.html" target="_blank">DHTML Bomberman</a> I always had a small soft spot in my heart for quirky and interesting DHTML ideas. However, there is a larger and more angry part of my heart that hates when ideas get overused and hackneyed that you want to gouge your eyes out the next time you see it. Need I remind you of mouse trails and fades from the days Web1.0 and now <a href="http://www.huddletogether.com/projects/lightbox/" target="_blank">Lightbox</a> and <a href="http://paulbakaus.com/lab/js/coverflow/" target="_blank">Cover Flow</a> from Web2.0. There is a reason why the people that came up with the idea  are geniuses and all of you that just steal it from Dynamic Drive are hacks.</p>
<p>Here&#8217;s how you do it right&#8230; First, come up with a good idea (I know, it&#8217;s really hard) and then implement it using some <a href="http://www.jquery.com" target="_blank">tools</a> or write it from scratch. Case and point, <a href="http://www.zachstronaut.com" target="_blank">Zachstronaut</a>. With what he know about absolute positioning and image swapping he came up with a quirky and simple design and implemented it all himself. Watch the rocket ship blast off and if you scroll all the way to the bottom you can watch it crash land into the moon. Contain your exciting&#8230; but at least it&#8217;s not obnoxious or in your way and it adds personality to the site.</p>
<!-- Social Bookmarks BEGIN -->
<div class="social_bookmark">
<a><strong><em>Pass this Along</em></strong></a>
<br />
<div class="d">
<br />
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://buzz.yahoo.com/submit?submitUrl=http://superautistic.com/2009/07/29/the-little-dhtml-rocket-ship-that-could/&amp;submitHeadline=The+Little+DHTML+Rocket+Ship+that+Could&amp;submitSummary=" rel="nofollow" title="Add to&nbsp;Buzz"><img class="social_img" src="http://superautistic.com/wp-content/plugins/social-bookmarks/images/buzz.png" title="Add to&nbsp;Buzz" alt="Add to&nbsp;Buzz" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://del.icio.us/post?url=http://superautistic.com/2009/07/29/the-little-dhtml-rocket-ship-that-could/&amp;title=The+Little+DHTML+Rocket+Ship+that+Could" rel="nofollow" title="Add to&nbsp;Del.icio.us"><img class="social_img" src="http://superautistic.com/wp-content/plugins/social-bookmarks/images/delicious.png" title="Add to&nbsp;Del.icio.us" alt="Add to&nbsp;Del.icio.us" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://digg.com/submit?phase=2&amp;url=http://superautistic.com/2009/07/29/the-little-dhtml-rocket-ship-that-could/&amp;title=The+Little+DHTML+Rocket+Ship+that+Could" rel="nofollow" title="Add to&nbsp;digg"><img class="social_img" src="http://superautistic.com/wp-content/plugins/social-bookmarks/images/digg.png" title="Add to&nbsp;digg" alt="Add to&nbsp;digg" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.facebook.com/sharer.php?u=http://superautistic.com/2009/07/29/the-little-dhtml-rocket-ship-that-could/" rel="nofollow" title="Add to&nbsp;Facebook"><img class="social_img" src="http://superautistic.com/wp-content/plugins/social-bookmarks/images/facebook.png" title="Add to&nbsp;Facebook" alt="Add to&nbsp;Facebook" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=http://superautistic.com/2009/07/29/the-little-dhtml-rocket-ship-that-could/&amp;title=The+Little+DHTML+Rocket+Ship+that+Could" rel="nofollow" title="Add to&nbsp;Google Bookmarks"><img class="social_img" src="http://superautistic.com/wp-content/plugins/social-bookmarks/images/google.png" title="Add to&nbsp;Google Bookmarks" alt="Add to&nbsp;Google Bookmarks" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.mister-wong.com/index.php?action=addurl&amp;bm_url=http://superautistic.com/2009/07/29/the-little-dhtml-rocket-ship-that-could/&amp;bm_description=The+Little+DHTML+Rocket+Ship+that+Could" rel="nofollow" title="Add to&nbsp;Mister Wong"><img class="social_img" src="http://superautistic.com/wp-content/plugins/social-bookmarks/images/misterwong.png" title="Add to&nbsp;Mister Wong" alt="Add to&nbsp;Mister Wong" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.netscape.com/submit/?U=http://superautistic.com/2009/07/29/the-little-dhtml-rocket-ship-that-could/&amp;T=The+Little+DHTML+Rocket+Ship+that+Could" rel="nofollow" title="Add to&nbsp;Netscape"><img class="social_img" src="http://superautistic.com/wp-content/plugins/social-bookmarks/images/netscape.png" title="Add to&nbsp;Netscape" alt="Add to&nbsp;Netscape" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://reddit.com/submit?url=http://superautistic.com/2009/07/29/the-little-dhtml-rocket-ship-that-could/&amp;title=The+Little+DHTML+Rocket+Ship+that+Could" rel="nofollow" title="Add to&nbsp;reddit"><img class="social_img" src="http://superautistic.com/wp-content/plugins/social-bookmarks/images/reddit.png" title="Add to&nbsp;reddit" alt="Add to&nbsp;reddit" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://slashdot.org/bookmark.pl?url=http://superautistic.com/2009/07/29/the-little-dhtml-rocket-ship-that-could/&amp;title=The+Little+DHTML+Rocket+Ship+that+Could" rel="nofollow" title="Add to&nbsp;Slashdot"><img class="social_img" src="http://superautistic.com/wp-content/plugins/social-bookmarks/images/slashdot.png" title="Add to&nbsp;Slashdot" alt="Add to&nbsp;Slashdot" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.stumbleupon.com/submit.php?url=http://superautistic.com/2009/07/29/the-little-dhtml-rocket-ship-that-could/&amp;title=The+Little+DHTML+Rocket+Ship+that+Could" rel="nofollow" title="Add to&nbsp;Stumble Upon"><img class="social_img" src="http://superautistic.com/wp-content/plugins/social-bookmarks/images/stumbleupon.png" title="Add to&nbsp;Stumble Upon" alt="Add to&nbsp;Stumble Upon" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.technorati.com/faves?add=http://superautistic.com/2009/07/29/the-little-dhtml-rocket-ship-that-could/" rel="nofollow" title="Add to&nbsp;Technorati"><img class="social_img" src="http://superautistic.com/wp-content/plugins/social-bookmarks/images/technorati.png" title="Add to&nbsp;Technorati" alt="Add to&nbsp;Technorati" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://tipd.com/submit.php?url=http://superautistic.com/2009/07/29/the-little-dhtml-rocket-ship-that-could/" rel="nofollow" title="Add to&nbsp;Tip'd"><img class="social_img" src="http://superautistic.com/wp-content/plugins/social-bookmarks/images/tipd.png" title="Add to&nbsp;Tip'd" alt="Add to&nbsp;Tip'd" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://twitter.com/home/?status=Check+out+The+Little+DHTML+Rocket+Ship+that+Could+@+http://superautistic.com/2009/07/29/the-little-dhtml-rocket-ship-that-could/" rel="nofollow" title="Add to&nbsp;Twitter"><img class="social_img" src="http://superautistic.com/wp-content/plugins/social-bookmarks/images/twitter.png" title="Add to&nbsp;Twitter" alt="Add to&nbsp;Twitter" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://myweb2.search.yahoo.com/myresults/bookmarklet?u=http://superautistic.com/2009/07/29/the-little-dhtml-rocket-ship-that-could/&amp;t=The+Little+DHTML+Rocket+Ship+that+Could" rel="nofollow" title="Add to&nbsp;Yahoo My Web"><img class="social_img" src="http://superautistic.com/wp-content/plugins/social-bookmarks/images/yahoo.png" title="Add to&nbsp;Yahoo My Web" alt="Add to&nbsp;Yahoo My Web" /></a>
<br />
</div>
</div>
<!-- Social Bookmarks END -->
]]></content:encoded>
			<wfw:commentRss>http://superautistic.com/2009/07/29/the-little-dhtml-rocket-ship-that-could/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
