<?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>Fri, 06 Jan 2012 17:03:50 +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>Developing MooTools with my Dev App</title>
		<link>http://www.clientcide.com/tools/developing-mootools-with-my-dev-app/</link>
		<comments>http://www.clientcide.com/tools/developing-mootools-with-my-dev-app/#comments</comments>
		<pubDate>Sat, 25 Jun 2011 19:09:54 +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=1065</guid>
		<description><![CDATA[My last few posts have covered the development sandbox I&#8217;ve been working on for the last few months. I thought I&#8217;d take the time to crank out a screencast of what it does and how you use it.

This video walks through the MooTools Development application. More about it here: 


Blog post


github repo


If you&#8217;d like to [...]]]></description>
		<wfw:commentRss>http://www.clientcide.com/tools/developing-mootools-with-my-dev-app/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<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>
	</channel>
</rss>

