<?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>Clientcide (Formerly CNET's Clientside) &#187; Examples</title>
	<atom:link href="http://www.clientcide.com/category/jsexamples/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.clientcide.com</link>
	<description>Making stuff work on the other side of the request.</description>
	<lastBuildDate>Tue, 20 Jul 2010 20:40:53 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>More Friday Fun: Devthought Makes It Rain</title>
		<link>http://www.clientcide.com/jsexamples/more-friday-fun-devthought-makes-it-rain/</link>
		<comments>http://www.clientcide.com/jsexamples/more-friday-fun-devthought-makes-it-rain/#comments</comments>
		<pubDate>Fri, 20 Feb 2009 18:36:51 +0000</pubDate>
		<dc:creator>Aaron N.</dc:creator>
				<category><![CDATA[Examples]]></category>

		<guid isPermaLink="false">http://www.clientcide.com/?p=830</guid>
		<description><![CDATA[MooTools -more developer Guillermo Rauch launched a new version of his excellent blog Devthought and brings some fun with him.

]]></description>
		<wfw:commentRss>http://www.clientcide.com/jsexamples/more-friday-fun-devthought-makes-it-rain/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Why You Should Consider Releasing Code</title>
		<link>http://www.clientcide.com/tools/why-you-should-consider-releasing-code/</link>
		<comments>http://www.clientcide.com/tools/why-you-should-consider-releasing-code/#comments</comments>
		<pubDate>Wed, 31 Dec 2008 18:28:13 +0000</pubDate>
		<dc:creator>Aaron N.</dc:creator>
				<category><![CDATA[Code Releases]]></category>
		<category><![CDATA[Examples]]></category>
		<category><![CDATA[Tools]]></category>

		<guid isPermaLink="false">http://www.clientcide.com/?p=678</guid>
		<description><![CDATA[I posted the other day about Ian Collins&#8217; Moo-ish Template, a scaffold for putting together your own JavaScript library organized as MooTools does (and as I do for Clientcide). But let me tell you why I think you should.

The Costs
Releasing code is a pain. Seriously. It takes a ton of time. Here are the things [...]]]></description>
		<wfw:commentRss>http://www.clientcide.com/tools/why-you-should-consider-releasing-code/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Mooish Repository Template and an All-JsonP Showcase</title>
		<link>http://www.clientcide.com/3rd-party-libraries/mooish-repository-template-and-an-all-jsonp-showcase/</link>
		<comments>http://www.clientcide.com/3rd-party-libraries/mooish-repository-template-and-an-all-jsonp-showcase/#comments</comments>
		<pubDate>Sun, 28 Dec 2008 21:18:27 +0000</pubDate>
		<dc:creator>Aaron N.</dc:creator>
				<category><![CDATA[3rd Party Libraries]]></category>
		<category><![CDATA[Examples]]></category>
		<category><![CDATA[Organizing Code]]></category>
		<category><![CDATA[Server-side Integration]]></category>

		<guid isPermaLink="false">http://www.clientcide.com/?p=659</guid>
		<description><![CDATA[Ian Collins is apparently hooked on MooTools because he sure has been writing a whole heckuva lot of it. He emailed me a few days back about his site that is all dynamically built off Twitter, Flickr, and other sources using JsonP to fetch all the data. The entire experience is built in JavaScript. Looking [...]]]></description>
		<wfw:commentRss>http://www.clientcide.com/3rd-party-libraries/mooish-repository-template-and-an-all-jsonp-showcase/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Ask Clientcide: How do you randomize your header?</title>
		<link>http://www.clientcide.com/code-snippets/manipulating-the-dom/ask-clientcide-how-do-you-randomize-your-header/</link>
		<comments>http://www.clientcide.com/code-snippets/manipulating-the-dom/ask-clientcide-how-do-you-randomize-your-header/#comments</comments>
		<pubDate>Fri, 21 Nov 2008 19:25:47 +0000</pubDate>
		<dc:creator>Aaron N.</dc:creator>
				<category><![CDATA[Examples]]></category>
		<category><![CDATA[Manipulating the Dom]]></category>
		<category><![CDATA[Your Questions]]></category>

		<guid isPermaLink="false">http://www.clientcide.com/?p=521</guid>
		<description><![CDATA[I get a lot of emails from people. Sometimes it&#8217;s a charitable soul sending me a bug report (via google code) and, sometimes, an even more charitable soul sending me bug fixes (these are my favorite types of people). Then there&#8217;s the Clientcide google group, which is where I prefer questions about my code go [...]]]></description>
		<wfw:commentRss>http://www.clientcide.com/code-snippets/manipulating-the-dom/ask-clientcide-how-do-you-randomize-your-header/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Today&#8217;s JavaScript WTF</title>
		<link>http://www.clientcide.com/jsexamples/todays-javascript-wtf/</link>
		<comments>http://www.clientcide.com/jsexamples/todays-javascript-wtf/#comments</comments>
		<pubDate>Mon, 17 Nov 2008 19:14:53 +0000</pubDate>
		<dc:creator>Aaron N.</dc:creator>
				<category><![CDATA[Examples]]></category>

		<guid isPermaLink="false">http://www.clientcide.com/?p=492</guid>
		<description><![CDATA[MooTools cohort Jim Wilson sends me this wonderful little nugget of entertainment today. Microsoft&#8217;s SharePoint app has in it&#8217;s web app code this lovely little bit of JavaScript:
function DeferCall() {
	if (arguments.length == 0) {
		return null;
	}
	var args = arguments;
	var fn = null;
	if (browseris.ie5up &#124;&#124; browseris.nav6up) {
		eval(&#34;if (typeof(&#34; + args[0] + &#34;)==&#039;function&#039;) { fn=&#34; + args[0] + [...]]]></description>
		<wfw:commentRss>http://www.clientcide.com/jsexamples/todays-javascript-wtf/feed/</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
		<item>
		<title>Class::Binds Mutator</title>
		<link>http://www.clientcide.com/best-practices/organizing-code/classbinds-mutator/</link>
		<comments>http://www.clientcide.com/best-practices/organizing-code/classbinds-mutator/#comments</comments>
		<pubDate>Tue, 01 Jul 2008 16:32:45 +0000</pubDate>
		<dc:creator>Aaron N.</dc:creator>
				<category><![CDATA[Code Snippets]]></category>
		<category><![CDATA[Examples]]></category>
		<category><![CDATA[Optimization]]></category>
		<category><![CDATA[Organizing Code]]></category>

		<guid isPermaLink="false">http://clientside.cnet.com/best-practices/organizing-code/classbinds-mutator/</guid>
		<description><![CDATA[Jan Kassens, a MooTools contributor, has posted a nifty little trick to help you automatically bind methods to a class. Usually when we reference a method of a class when adding an event, we bind &#8220;this&#8221; to it to keep our reference to the class (this.addEvent(&#8216;onComplete&#8217;, this.complete.bind(this))). This is great until we want to remove [...]]]></description>
		<wfw:commentRss>http://www.clientcide.com/best-practices/organizing-code/classbinds-mutator/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>$merge, $extend, Class.extend, Class.implement, Native.implement</title>
		<link>http://www.clientcide.com/best-practices/merge-extend-classextend-classimplement-nativeimplement/</link>
		<comments>http://www.clientcide.com/best-practices/merge-extend-classextend-classimplement-nativeimplement/#comments</comments>
		<pubDate>Fri, 28 Mar 2008 21:06:49 +0000</pubDate>
		<dc:creator>Aaron N.</dc:creator>
				<category><![CDATA[Best Practices]]></category>
		<category><![CDATA[Examples]]></category>
		<category><![CDATA[MooTools]]></category>
		<category><![CDATA[Reference]]></category>

		<guid isPermaLink="false">http://clientside.cnet.com/best-practices/merge-extend-classextend-classimplement-nativeimplement/</guid>
		<description><![CDATA[So I was asked yesterday the following:
Why does Browser use merge but Element use implement?
And after composing a lengthy reply, I thought it might be useful to post it for others:
Browser is a Hash, which doesnâ€™t have an implement method. The .merge method here is referring to its own method which is similar to $merge, [...]]]></description>
		<wfw:commentRss>http://www.clientcide.com/best-practices/merge-extend-classextend-classimplement-nativeimplement/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Bill Scott &#8211; â€œDesigning the Rich Web Experienceâ€</title>
		<link>http://www.clientcide.com/best-practices/bill-scott-%e2%80%9cdesigning-the-rich-web-experience-principals-and-patterns-for-rich-interaction-design-on-the-web%e2%80%9d/</link>
		<comments>http://www.clientcide.com/best-practices/bill-scott-%e2%80%9cdesigning-the-rich-web-experience-principals-and-patterns-for-rich-interaction-design-on-the-web%e2%80%9d/#comments</comments>
		<pubDate>Wed, 17 Oct 2007 17:12:07 +0000</pubDate>
		<dc:creator>Aaron N.</dc:creator>
				<category><![CDATA['Industry' News]]></category>
		<category><![CDATA[Best Practices]]></category>
		<category><![CDATA[Examples]]></category>

		<guid isPermaLink="false">http://clientside.cnet.com/best-practices/bill-scott-%e2%80%9cdesigning-the-rich-web-experience-principals-and-patterns-for-rich-interaction-design-on-the-web%e2%80%9d/</guid>
		<description><![CDATA[

About a year or so I went to see Bill Scott give this talk down at a gathering hosted by Google (he worked for Yahoo at the time though). The talk was great but I felt I was the wrong audience for it (though I found it very informative). Really, the people who needed to [...]]]></description>
		<wfw:commentRss>http://www.clientcide.com/best-practices/bill-scott-%e2%80%9cdesigning-the-rich-web-experience-principals-and-patterns-for-rich-interaction-design-on-the-web%e2%80%9d/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Fx.Sort</title>
		<link>http://www.clientcide.com/code-snippets/visual-effects/fxsort/</link>
		<comments>http://www.clientcide.com/code-snippets/visual-effects/fxsort/#comments</comments>
		<pubDate>Thu, 19 Jul 2007 23:47:03 +0000</pubDate>
		<dc:creator>Aaron N.</dc:creator>
				<category><![CDATA[Examples]]></category>
		<category><![CDATA[Visual Effects]]></category>

		<guid isPermaLink="false">http://clientside.cnet.com/code-snippets/visual-effects/fxsort/</guid>
		<description><![CDATA[I got a little bored last night and banged this out. A little 2K effect for resorting elements with an effect. More info in the wiki, download in the svn. 
#sorter{padding-left:10px; width: 300px; margin: 0px;}#sorter li{border:1px solid#666;margin:8px;padding:4px}div.spanner{float:left;margin:4px;padding:2px;border:1px solid#000}

(0) stuff
(1) more stuffreally
(2) still more stuff
(3) loads o stuff
(4) blahblahblah

var vert;var horz;window.addEvent('domready',function(){vert=new Fx.Sort($$('#sorter li'),{transition:Fx.Transitions.Back.easeInOut,duration:1000});horz=new Fx.Sort($$('.spanner'),{mode:"horizontal",transition:Fx.Transitions.Back.easeInOut,duration:1000});$('h').addEvent('click',function(){horz.sort($('order').getValue().split(','))});$('v').addEvent('click',function(){vert.sort($('order').getValue().split(','))});$$('#fxTransition, #fxEase, #duration').addEvent('change',function(){vert.options.transition=Fx.Transitions[$('fxTransition').getValue()][$('fxEase').getValue()];vert.options.duration=$('duration').getValue().toInt();horz.options.transition=Fx.Transitions[$('fxTransition').getValue()][$('fxEase').getValue()];horz.options.duration=$('duration').getValue().toInt()})});
one
two
three
four
five



 [...]]]></description>
		<wfw:commentRss>http://www.clientcide.com/code-snippets/visual-effects/fxsort/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Latest mootools tutorial: how to write a Class</title>
		<link>http://www.clientcide.com/best-practices/latest-mootools-tutorial-how-to-write-a-class/</link>
		<comments>http://www.clientcide.com/best-practices/latest-mootools-tutorial-how-to-write-a-class/#comments</comments>
		<pubDate>Tue, 26 Jun 2007 01:06:29 +0000</pubDate>
		<dc:creator>Aaron N.</dc:creator>
				<category><![CDATA[Best Practices]]></category>
		<category><![CDATA[Code Snippets]]></category>
		<category><![CDATA[Examples]]></category>
		<category><![CDATA[MooTools]]></category>
		<category><![CDATA[Reference]]></category>

		<guid isPermaLink="false">http://clientside.cnet.com/best-practices/latest-mootools-tutorial-how-to-write-a-class/</guid>
		<description><![CDATA[Here&#8217;s a step-by-step and line-by-line example of how to write a Mootools Class. I wrote this example for a javascript class I taught here at CNET for our developers and figured I&#8217;d share with everyone else.
]]></description>
		<wfw:commentRss>http://www.clientcide.com/best-practices/latest-mootools-tutorial-how-to-write-a-class/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
