<?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>Labs &#187; reference</title>
	<atom:link href="http://labs.iamkoa.net/tag/reference/feed/" rel="self" type="application/rss+xml" />
	<link>http://labs.iamkoa.net</link>
	<description>I break it. I fix it. You learn.</description>
	<lastBuildDate>Wed, 22 Sep 2010 19:43:25 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.3</generator>
		<item>
		<title>21 Must-Have Scripts For Your Favorite Javascript Library (jQuery, MooTools, Prototype)</title>
		<link>http://labs.iamkoa.net/2008/01/23/21-must-have-scripts-for-your-favorite-javascript-library-jquery-mootools-prototype/</link>
		<comments>http://labs.iamkoa.net/2008/01/23/21-must-have-scripts-for-your-favorite-javascript-library-jquery-mootools-prototype/#comments</comments>
		<pubDate>Wed, 23 Jan 2008 22:28:45 +0000</pubDate>
		<dc:creator>Koa</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[howto]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[library]]></category>
		<category><![CDATA[mootools]]></category>
		<category><![CDATA[prototype]]></category>
		<category><![CDATA[reference]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://labs.iamkoa.net/2008/01/23/21-must-have-scripts-for-your-favorite-javascript-library-jquery-mootools-prototype/</guid>
		<description><![CDATA[In attempting to spruce up my knowledge of Javascript, I&#8217;ve been trolling around the net collecting scripts and tutorials for various Javascript libraries, mainly jQuery, MooTools, and Prototype. Of the three, MooTools seems to supply me with the most JS lovin&#8217; &#8211; it&#8217;s easy to learn, holds super powerful Ajax abilities, and is customizable to [...]]]></description>
			<content:encoded><![CDATA[<p>In attempting to spruce up my knowledge of Javascript, I&#8217;ve been trolling around the net collecting scripts and tutorials for various Javascript libraries, mainly <a href="http://jquery.com/">jQuery</a>, <a href="http://mootools.net/">MooTools</a>, and <a href="http://www.prototypejs.org/">Prototype</a>. Of the three, MooTools seems to supply me with the most JS lovin&#8217; &#8211; it&#8217;s easy to learn, holds super powerful Ajax abilities, and is customizable to the core. </p>
<p>After sorting through tons of scripts, I thought I&#8217;d share the best ones with you.</p>
<p><span id="more-58"></span></p>
<p>Each script is categorized based upon the Javascript library they use. A few links aren&#8217;t actually scripts, but rather reference sheets or links to other resource websites.</p>
<h2>jQuery (jq)</h2>
<p>&#8220;jQuery is a lightweight JavaScript library that emphasizes interaction between JavaScript and HTML. It was released January 2006 at BarCamp NYC by John Resig.&#8221; &#8211; Wikipedia, 01/16/08</p>
<h3>Reference Sheet (jq)</h3>
<p>Each one of these reference sheets (cheat sheets) are crammed with functions and usage for jQuery. (They are slightly outdated. If you know of any jQuery reference sheets recently updated, please let me know.)<br />
=-=-=-=-=-=<br />
Reference Sheets (PDF): <a href="http://www.define-web.com/jquery_cheat_sheet/jquery_cheat_sheet_080306_v1.pdf">Page 1</a> &#8211; <a href="http://www.define-web.com/jquery_cheat_sheet/jquery_cheat_sheet_080306_v1_pg2.pdf">Page 2</a></p>
<h3>Multiple File Uploads (jq)</h3>
<p>The point of this AJAX-enabled script is to give the user a visual sandbox to add/delete uploads, all without ever reloading the page. The examples and documentation are topnotch.<br />
=-=-=-=-=-=<br />
<a href="http://www.fyneworks.com/jquery/multiple-file-upload/" target="_blank">Fyneworks &#8211; Multiple File Upload</a></p>
<h3>Table Sorting (jq)</h3>
<p>Sort table data by their parent category with Javascript &#8211; no page reloading, compact code, lots-o-fun.<br />
=-=-=-=-=-=<br />
<a href="http://motherrussia.polyester.se/jquery-plugins/tablesorter/" target="_blank">Polyester &#8211; Tablesorter</a></p>
<h3>A List of 240 Plugins (jq)</h3>
<p>Rather then regurgitating what&#8217;s already on the net, here&#8217;s a site that lists over 240 jQuery plugins and their respective links. It&#8217;s freaking huge.<br />
=-=-=-=-=-=<br />
<a href="http://www.sastgroup.com/jquery/240-plugins-jquery" target="blank">Sastgroup &#8211; 240 Plugins For jQuery</a></p>
<h2>MooTools (mt)</h2>
<p>&#8220;Mootools is a compact, modular, object-oriented JavaScript web application framework, intended to make the process of writing extensible and cross-browser compatible code more efficient.&#8221; &#8211; Wikipedia, 01/17/08</p>
<h3>Reference Sheet (mt)</h3>
<p>Being that MooTools is so simple to use, you may not even need a cheat sheet. But just in case, Snook has put together a colorful dab of MooTools knowledge for your enjoyment.<br />
=-=-=-=-=-=<br />
<a href="http://snook.ca/archives/javascript/mootools_r83_cheatsheet/" target="_blank">Snook &#8211; Mootools r83 Cheatsheet</a></p>
<h3>mooRainbow (mt)</h3>
<p>MooRainbow has to be one the best looking color pickers I&#8217;ve seen for the web that <em>isn&#8217;t</em> Flash. It&#8217;s almost an exact clone of the color picker used in Photoshop, and again, it&#8217;s for the web. Sweet stuff people, sweet stuff.<br />
=-=-=-=-=-=<br />
<a href="http://moorainbow.woolly-sheep.net/" target="_blank">Woolly Sheep &#8211; mooRainbow</a></p>
<h3>Mediabox (mt)</h3>
<p>Think of a <a href="http://www.huddletogether.com/projects/lightbox/" target="_blank">lightbox</a>, only comprising of streaming online media (like YouTube or Quicktime movies) instead of images. This is what we call a &#8216;mediabox&#8217;, and I love it.<br />
=-=-=-=-=-=<br />
<a href="http://iaian7.com/webcode/Mediabox" target="_blank">Ianian7 &#8211; Mediabox</a></p>
<h3>Slideshow (mt)</h3>
<blockquote><p>Taken from Electric Prism, &#8220;Slideshow is a javascript class to stream and animate the presentation of images on your website.&#8221;</p></blockquote>
<p>The presentation is similar to the default pan/zoom of Apple&#8217;s screensaver.<br />
=-=-=-=-=-=<br />
<a href="http://www.electricprism.com/aeron/slideshow/" target="_blank">Electric Prism &#8211; Slideshow</a></p>
<h3>Charts (mt)</h3>
<p>Easily create stylish charts and graphs of any combination of data, all with Javascript simplicity. If you have any data that needs presenting on your website, this script is well worth a download.<br />
=-=-=-=-=-=<br />
<a href="http://www.copix.org/index.php/wiki/Mootools/Charts/en" target="_blank">Copix &#8211; Charts &#038; Graphs</a></p>
<h3>Calendar / DatePicker (mt)</h3>
<p>Made by the same badasses that created Mediabox (above), this date picker is super-stylish and easy to integrate into your website. Never again should your web user have to manually insert a date.<br />
=-=-=-=-=-=<br />
<a href="http://www.electricprism.com/aeron/calendar/" target="_blank">Electric Prism &#8211; DatePicker</a></p>
<h3>FancyUpload (mt)</h3>
<p>FancyUpload is a stylish presentation of uploads and ability to add/remove your upload queue with a mouse click. Well worth a look for anyone presenting upload options on their site.<br />
=-=-=-=-=-=<br />
<a href="http://digitarald.de/project/fancyupload/" target="_blank">Digitarald &#8211; FancyUpload</a></p>
<h3>Library (mt)</h3>
<p>Keeping with what the header says, this is the motherload of MooTools information &#8211; a library for a library, if you will. It&#8217;s a complete reservoir of scripts, tutorials, and basic information relating to MooTools.<br />
=-=-=-=-=-=<br />
<a href="http://clientside.cnet.com/libraries/mootools/" target="_blank">CNET &#8211; MooTools Library</a></p>
<h3>Mocha UI (mt)</h3>
<p>Picture an entire user interface built entirely in Javascript. That&#8217;s Mocha UI &#8211; expandable, collapse, and minimize windows all while maintaing the feeling of being in a virtual operating system. It&#8217;s incredibly smooth, cross-browser compatible, and unbelievably small in size.<br />
=-=-=-=-=-=<br />
<a href="http://greghoustondesign.com/demos/mocha/" target="_blank">Greg Houston &#8211; Mocha</a></p>
<h3>MooTable (mt)</h3>
<p>Dress a simple table in a MooTable script and you instantly have the ability to sort any column with the click of the mouse. Easy to setup and extremely lightweight.<br />
=-=-=-=-=-=<br />
<a href="http://joomlicious.com/mootable/" target="_blank">Joomlicious &#8211; Mootable</a></p>
<h3>Reflection JS (mt)</h3>
<p>Reflection JS beautifully adds a perfect reflection to any image without the need for manual labor. The background opacity, height, and fade can be controlled as shown on the Reflections website.<br />
=-=-=-=-=-=<br />
<a href="http://www.digitalia.be/software/reflectionjs-for-mootools" target="_blank">Digitalia &#8211; Reflection JS</a></p>
<h3>Slimbox (mt)</h3>
<p>It&#8217;s identical to <a href="http://www.huddletogether.com/projects/lightbox2/">Lightbox v2.0</a>, only made for MooTools and a mere 7kb in size. It&#8217;s a must have for MooTool users needing <em>the</em> lightbox effect.<br />
=-=-=-=-=-=<br />
<a href="http://www.digitalia.be/software/slimbox" target="_blank">Digitalia &#8211; Slimbox</a></p>
<h3>MooFlow (mt)</h3>
<p>It&#8217;s <a href="http://en.wikipedia.org/wiki/Cover_Flow" target="_blank">coverflow</a> for the web, built on MooTools. The application is a little shaky, but will no doubt improve with time.<br />
=-=-=-=-=-=<br />
<a href="http://www.outcut.de/MooFlow/" target="_blank">Outcut &#8211; MooFlow</a></p>
<h2>Prototype (p)</h2>
<p>&#8220;&#8230; A JavaScript framework created by Sam Stephenson that provides an Ajax framework and other utilities.&#8221; &#8211; Wikipedia, 01/23/08</p>
<h3>Reference Sheet (p)</h3>
<p>Made by the same killer dude that created the MooTools cheat sheet, Snook delivers some Prototype help in the same yummy, cheat sheet fashion.<br />
=-=-=-=-=-=<br />
<a href="http://snook.ca/archives/javascript/prototype_1_5_0_cheatsheet/" target="_blank">Snook &#8211; Prototype Cheat Sheet</a></p>
<h3>Script.aculo.us (p)</h3>
<p>An obvious must-have for Prototype users. Script.aculo.us provides an amazing library of visual styles (including the ability to drag-and-drop) and works flawlessly on the Prototype library.<br />
=-=-=-=-=-=<br />
<a href="http://script.aculo.us/" target="_blank">Script.aculo.us</a></p>
<h3>Really Easy Field Validation (p)</h3>
<p>Exactly what the header says &#8211; convert any form into an instantly-validating machine.<br />
=-=-=-=-=-=<br />
<a href="http://tetlaw.id.au/view/javascript/really-easy-field-validation">Tetlaw &#8211; Really Easy Field Validation</a></p>
<h3>jsProgressBarHandler (p)</h3>
<p>Add a beautiful progress bar to your application and start singing songs of joy. This is by far the easiest (and best looking) progress bar script you&#8217;ll find on the internet.<br />
=-=-=-=-=-=<br />
<a href="http://www.bram.us/projects/js_bramus/jsprogressbarhandler/" target="_blank">Bram &#8211; jsProgressBarHandler</a></p>
<h3>EditInPlace (p)</h3>
<p>This is an excellent script in that it&#8217;s simple, yet extremely helpful. The techniques of EditInPlace are used in applications like <a href="http://www.basecamphq.com/" target="_blank">Basecamp</a> and <a href="http://facebook.com" target="_blank">Facebook</a>, and probably everywhere else on the internet.<br />
=-=-=-=-=-=<br />
<a href="http://editinplace.org/" target="_blank">EditInPlace</a></p>
<h3>Prototype Window (p)</h3>
<p>Prototype Windows is an extremely advanced version of Lightbox. Create popup windows on-the-fly with ajax calls, or via common href application. Anything&#8217;s possible.<br />
=-=-=-=-=-=<br />
<a href="http://prototype-window.xilinus.com/" target="_blank">Xilinus &#8211; Window/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://labs.iamkoa.net/2008/01/23/21-must-have-scripts-for-your-favorite-javascript-library-jquery-mootools-prototype/feed/</wfw:commentRss>
		<slash:comments>34</slash:comments>
		</item>
	</channel>
</rss>

