<?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>trickeries! &#187; download</title>
	<atom:link href="http://trickeries.com/tag/download/feed/" rel="self" type="application/rss+xml" />
	<link>http://trickeries.com</link>
	<description>it's tricky to rock a style thats liked online</description>
	<lastBuildDate>Tue, 02 Mar 2010 06:01:56 +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>MooTools Tips extension: Tips.Glossary</title>
		<link>http://trickeries.com/480/mootools-tips-extension-tipsglossary/</link>
		<comments>http://trickeries.com/480/mootools-tips-extension-tipsglossary/#comments</comments>
		<pubDate>Mon, 11 May 2009 01:25:29 +0000</pubDate>
		<dc:creator>atom</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[download]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[mootools]]></category>
		<category><![CDATA[toy]]></category>

		<guid isPermaLink="false">http://trickeries.com/?p=480</guid>
		<description><![CDATA[This is just a little something I whipped up because I found it useful.  Tips.Glossary is used for helpful tool-tips that gracefully degrade when JavaScript is not available for whatever reason.  The basic idea is that you include an HTML glossary in the page, and if Tips.Glossary is available, the tips will come [...]]]></description>
			<content:encoded><![CDATA[<p>This is just a little something I whipped up because I found it useful.  Tips.Glossary is used for helpful tool-tips that gracefully degrade when JavaScript is not available for whatever reason.  The basic idea is that you include an HTML glossary in the page, and if Tips.Glossary is available, the tips will come up however you specify, if not, they are simply anchors to their entries in the HTML.</p>
<p>This probably works with most MooTools stuff post 1.2, you are smart and will figure it out.</p>
<h2><a href="/demo/Tips.Glossary/">Check it out here</a>.</p>
<h2><a href="/demo/Tips.Glossary/Tips.Glossary.Example.zip">Download the example</a>.</p>
<h3>or have a look at the code:</h3>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;">Selectors.<span style="color: #0066FF;">Pseudo</span>.<span style="color: #0066FF;">hash</span> <span style="color: #339933;">=</span> <span style="color: #FF00FF; font-weight: bold;">function</span><span style="color: #99FF00;">&#40;</span>hash<span style="color: #99FF00;">&#41;</span><span style="color: #99FF00;">&#123;</span>
	<span style="color: #00FF00; font-weight: bold;">if</span><span style="color: #99FF00;">&#40;</span><span style="color: #339933;">!</span>$chk<span style="color: #99FF00;">&#40;</span>hash<span style="color: #99FF00;">&#41;</span><span style="color: #99FF00;">&#41;</span>
		<span style="color: #00FF00; font-weight: bold;">return</span> <span style="color: #00FF00; font-weight: bold;">this</span>.<span style="color: #0066FF;">get</span><span style="color: #99FF00;">&#40;</span><span style="color: #3366CC;">'href'</span><span style="color: #99FF00;">&#41;</span>.<span style="color: #0066FF;">contains</span><span style="color: #99FF00;">&#40;</span><span style="color: #3366CC;">'#'</span><span style="color: #99FF00;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #FF00FF; font-weight: bold;">var</span> currentHash <span style="color: #339933;">=</span> <span style="color: #00FF00; font-weight: bold;">this</span>.<span style="color: #0066FF;">get</span><span style="color: #99FF00;">&#40;</span><span style="color: #3366CC;">'href'</span><span style="color: #99FF00;">&#41;</span>.<span style="color: #0066FF;">split</span><span style="color: #99FF00;">&#40;</span><span style="color: #3366CC;">'#'</span><span style="color: #99FF00;">&#41;</span><span style="color: #99FF00;">&#91;</span><span style="color: #FFFF00;">1</span><span style="color: #99FF00;">&#93;</span><span style="color: #339933;">;</span>
	<span style="color: #00FF00; font-weight: bold;">return</span> currentHash <span style="color: #339933;">===</span> hash<span style="color: #339933;">;</span>
<span style="color: #99FF00;">&#125;</span>
&nbsp;
&nbsp;
Tips.<span style="color: #0066FF;">Glossary</span> <span style="color: #339933;">=</span> <span style="color: #FF00FF; font-weight: bold;">new</span> <span style="color: #FF00FF; font-weight: bold;">Class</span><span style="color: #99FF00;">&#40;</span><span style="color: #99FF00;">&#123;</span>
&nbsp;
	<span style="color: #FF00FF; font-weight: bold;">Extends</span><span style="color: #339933;">:</span> Tips<span style="color: #339933;">,</span>
&nbsp;
	options<span style="color: #339933;">:</span> <span style="color: #99FF00;">&#123;</span>
		<span style="color: #3366CC;">'anchorClass'</span><span style="color: #339933;">:</span>	<span style="color: #FF00FF; font-weight: bold;">false</span><span style="color: #339933;">,</span>
		<span style="color: #3366CC;">'hideGlossary'</span><span style="color: #339933;">:</span>	<span style="color: #FF00FF; font-weight: bold;">true</span>
	<span style="color: #99FF00;">&#125;</span><span style="color: #339933;">,</span>
&nbsp;
	initialize<span style="color: #339933;">:</span> <span style="color: #FF00FF; font-weight: bold;">function</span><span style="color: #99FF00;">&#40;</span>glossary<span style="color: #339933;">,</span> options<span style="color: #99FF00;">&#41;</span><span style="color: #99FF00;">&#123;</span>
		<span style="color: #00FF00; font-weight: bold;">this</span>.<span style="color: #0066FF;">parent</span><span style="color: #99FF00;">&#40;</span>options<span style="color: #99FF00;">&#41;</span><span style="color: #339933;">;</span>
		<span style="color: #00FF00; font-weight: bold;">this</span>.<span style="color: #0066FF;">glossary</span> <span style="color: #339933;">=</span> $<span style="color: #99FF00;">&#40;</span>glossary<span style="color: #99FF00;">&#41;</span><span style="color: #339933;">;</span>
		<span style="color: #00FF00; font-weight: bold;">if</span><span style="color: #99FF00;">&#40;</span><span style="color: #339933;">!</span>$chk<span style="color: #99FF00;">&#40;</span><span style="color: #00FF00; font-weight: bold;">this</span>.<span style="color: #0066FF;">glossary</span><span style="color: #99FF00;">&#41;</span><span style="color: #99FF00;">&#41;</span>
			<span style="color: #00FF00; font-weight: bold;">throw</span> <span style="color: #3366CC;">&quot;Glossary not found / defined, quitting&quot;</span><span style="color: #339933;">;</span>
		<span style="color: #00FF00; font-weight: bold;">if</span><span style="color: #99FF00;">&#40;</span><span style="color: #00FF00; font-weight: bold;">this</span>.<span style="color: #0066FF;">options</span>.<span style="color: #0066FF;">hideGlossary</span><span style="color: #99FF00;">&#41;</span>
			<span style="color: #00FF00; font-weight: bold;">this</span>.<span style="color: #0066FF;">glossary</span>.<span style="color: #0066FF;">setStyle</span><span style="color: #99FF00;">&#40;</span><span style="color: #3366CC;">'display'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'none'</span><span style="color: #99FF00;">&#41;</span><span style="color: #339933;">;</span>
		<span style="color: #00FF00; font-weight: bold;">this</span>.<span style="color: #0066FF;">indexGlossary</span><span style="color: #99FF00;">&#40;</span><span style="color: #99FF00;">&#41;</span><span style="color: #339933;">;</span>
		<span style="color: #00FF00; font-weight: bold;">return</span> <span style="color: #00FF00; font-weight: bold;">this</span><span style="color: #339933;">;</span>
	<span style="color: #99FF00;">&#125;</span><span style="color: #339933;">,</span>
&nbsp;
	indexGlossary<span style="color: #339933;">:</span> <span style="color: #FF00FF; font-weight: bold;">function</span><span style="color: #99FF00;">&#40;</span><span style="color: #99FF00;">&#41;</span><span style="color: #99FF00;">&#123;</span>
		<span style="color: #00FF00; font-weight: bold;">this</span>.<span style="color: #0066FF;">items</span> <span style="color: #339933;">=</span> <span style="color: #00FF00; font-weight: bold;">this</span>.<span style="color: #0066FF;">glossary</span>.<span style="color: #0066FF;">getElements</span><span style="color: #99FF00;">&#40;</span><span style="color: #3366CC;">'*[id]'</span><span style="color: #99FF00;">&#41;</span><span style="color: #339933;">;</span>
		<span style="color: #00FF00; font-weight: bold;">this</span>.<span style="color: #0066FF;">anchors</span> <span style="color: #339933;">=</span> <span style="color: #FF00FF; font-weight: bold;">new</span> Elements<span style="color: #99FF00;">&#40;</span><span style="color: #99FF00;">&#41;</span><span style="color: #339933;">;</span>
		<span style="color: #00FF00; font-weight: bold;">this</span>.<span style="color: #0066FF;">items</span>.<span style="color: #0066FF;">each</span><span style="color: #99FF00;">&#40;</span><span style="color: #FF00FF; font-weight: bold;">function</span><span style="color: #99FF00;">&#40;</span>e<span style="color: #99FF00;">&#41;</span><span style="color: #99FF00;">&#123;</span>
			<span style="color: #FF00FF; font-weight: bold;">var</span> anchor <span style="color: #339933;">=</span> $<span style="color: #99FF00;">&#40;</span>document.<span style="color: #0066FF;">body</span><span style="color: #99FF00;">&#41;</span>.<span style="color: #0066FF;">getElement</span><span style="color: #99FF00;">&#40;</span><span style="color: #3366CC;">'a:hash('</span><span style="color: #339933;">+</span>e.<span style="color: #0066FF;">get</span><span style="color: #99FF00;">&#40;</span><span style="color: #3366CC;">'id'</span><span style="color: #99FF00;">&#41;</span><span style="color: #339933;">+</span><span style="color: #3366CC;">')'</span><span style="color: #99FF00;">&#41;</span><span style="color: #339933;">;</span>
			<span style="color: #00FF00; font-weight: bold;">if</span><span style="color: #99FF00;">&#40;</span>$chk<span style="color: #99FF00;">&#40;</span>anchor<span style="color: #99FF00;">&#41;</span><span style="color: #99FF00;">&#41;</span><span style="color: #99FF00;">&#123;</span>
				<span style="color: #00FF00; font-weight: bold;">if</span><span style="color: #99FF00;">&#40;</span><span style="color: #00FF00; font-weight: bold;">this</span>.<span style="color: #0066FF;">options</span>.<span style="color: #0066FF;">hideGlossary</span><span style="color: #99FF00;">&#41;</span><span style="color: #339933;">;</span>
				anchor.<span style="color: #0066FF;">addEvent</span><span style="color: #99FF00;">&#40;</span><span style="color: #3366CC;">'click'</span><span style="color: #339933;">,</span> <span style="color: #FF00FF; font-weight: bold;">function</span><span style="color: #99FF00;">&#40;</span>event<span style="color: #99FF00;">&#41;</span><span style="color: #99FF00;">&#123;</span>
					<span style="color: #FF00FF; font-weight: bold;">new</span> Event<span style="color: #99FF00;">&#40;</span>event<span style="color: #99FF00;">&#41;</span>.<span style="color: #000066;">stop</span><span style="color: #99FF00;">&#40;</span><span style="color: #99FF00;">&#41;</span><span style="color: #339933;">;</span>
				<span style="color: #99FF00;">&#125;</span><span style="color: #99FF00;">&#41;</span><span style="color: #339933;">;</span>
				<span style="color: #00FF00; font-weight: bold;">this</span>.<span style="color: #0066FF;">setTipContent</span><span style="color: #99FF00;">&#40;</span>anchor<span style="color: #339933;">,</span> e<span style="color: #99FF00;">&#41;</span><span style="color: #339933;">;</span>
				<span style="color: #00FF00; font-weight: bold;">this</span>.<span style="color: #0066FF;">anchors</span>.<span style="color: #0066FF;">push</span><span style="color: #99FF00;">&#40;</span>anchor<span style="color: #99FF00;">&#41;</span><span style="color: #339933;">;</span>
			<span style="color: #99FF00;">&#125;</span>
			<span style="color: #00FF00; font-weight: bold;">if</span><span style="color: #99FF00;">&#40;</span><span style="color: #00FF00; font-weight: bold;">this</span>.<span style="color: #0066FF;">options</span>.<span style="color: #0066FF;">anchorClass</span><span style="color: #99FF00;">&#41;</span>
				<span style="color: #00FF00; font-weight: bold;">this</span>.<span style="color: #0066FF;">anchors</span>.<span style="color: #0066FF;">addClass</span><span style="color: #99FF00;">&#40;</span><span style="color: #00FF00; font-weight: bold;">this</span>.<span style="color: #0066FF;">options</span>.<span style="color: #0066FF;">anchorClass</span><span style="color: #99FF00;">&#41;</span><span style="color: #339933;">;</span>
			<span style="color: #00FF00; font-weight: bold;">this</span>.<span style="color: #0066FF;">attach</span><span style="color: #99FF00;">&#40;</span><span style="color: #00FF00; font-weight: bold;">this</span>.<span style="color: #0066FF;">anchors</span><span style="color: #99FF00;">&#41;</span><span style="color: #339933;">;</span>
		<span style="color: #99FF00;">&#125;</span><span style="color: #339933;">,</span> <span style="color: #00FF00; font-weight: bold;">this</span><span style="color: #99FF00;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #99FF00;">&#125;</span><span style="color: #339933;">,</span>
&nbsp;
	setTipContent<span style="color: #339933;">:</span> <span style="color: #FF00FF; font-weight: bold;">function</span><span style="color: #99FF00;">&#40;</span>anchor<span style="color: #339933;">,</span> target<span style="color: #99FF00;">&#41;</span><span style="color: #99FF00;">&#123;</span>
		anchor.<span style="color: #0066FF;">store</span><span style="color: #99FF00;">&#40;</span><span style="color: #3366CC;">'tip:title'</span><span style="color: #339933;">,</span> target.<span style="color: #0066FF;">get</span><span style="color: #99FF00;">&#40;</span><span style="color: #3366CC;">'title'</span><span style="color: #99FF00;">&#41;</span><span style="color: #99FF00;">&#41;</span><span style="color: #339933;">;</span>
		anchor.<span style="color: #0066FF;">store</span><span style="color: #99FF00;">&#40;</span><span style="color: #3366CC;">'tip:text'</span><span style="color: #339933;">,</span> target.<span style="color: #0066FF;">get</span><span style="color: #99FF00;">&#40;</span><span style="color: #3366CC;">'html'</span><span style="color: #99FF00;">&#41;</span><span style="color: #99FF00;">&#41;</span><span style="color: #339933;">;</span>
		<span style="color: #00FF00; font-weight: bold;">this</span>.<span style="color: #0066FF;">fireEvent</span><span style="color: #99FF00;">&#40;</span><span style="color: #3366CC;">'settingContent'</span><span style="color: #339933;">,</span> <span style="color: #99FF00;">&#91;</span>anchor<span style="color: #339933;">,</span> target<span style="color: #99FF00;">&#93;</span><span style="color: #99FF00;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #99FF00;">&#125;</span>
&nbsp;
<span style="color: #99FF00;">&#125;</span><span style="color: #99FF00;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p>On a side note, notice the psuedo selector being added.  This has been added because for whatever reason, the following CSS3 selector is goofy:</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;">$<span style="color: #99FF00;">&#40;</span>document.<span style="color: #0066FF;">body</span><span style="color: #99FF00;">&#41;</span>.<span style="color: #0066FF;">getElements</span><span style="color: #99FF00;">&#40;</span><span style="color: #3366CC;">'a[href=&quot;http://trickeries.com&quot;]'</span><span style="color: #99FF00;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #006600; font-style: italic;">// works</span>
$<span style="color: #99FF00;">&#40;</span>document.<span style="color: #0066FF;">body</span><span style="color: #99FF00;">&#41;</span>.<span style="color: #0066FF;">getElements</span><span style="color: #99FF00;">&#40;</span><span style="color: #3366CC;">'a[href=&quot;#glossary-username&quot;]'</span><span style="color: #99FF00;">&#41;</span><span style="color: #339933;">;</span>    <span style="color: #006600; font-style: italic;">// does not work</span></pre></div></div>

<p>Anyone have any idea why?</p>
]]></content:encoded>
			<wfw:commentRss>http://trickeries.com/480/mootools-tips-extension-tipsglossary/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Sortable Slideable Saveable &#8211; a Mootools 1.2 class</title>
		<link>http://trickeries.com/186/sortable-slideable-saveable-a-mootools-12-class/</link>
		<comments>http://trickeries.com/186/sortable-slideable-saveable-a-mootools-12-class/#comments</comments>
		<pubDate>Mon, 28 Jul 2008 09:11:53 +0000</pubDate>
		<dc:creator>atom</dc:creator>
				<category><![CDATA[downloads]]></category>
		<category><![CDATA[download]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[mootools]]></category>
		<category><![CDATA[sortable slideable saveable]]></category>
		<category><![CDATA[toy]]></category>

		<guid isPermaLink="false">http://trickeries.com/?p=186</guid>
		<description><![CDATA[Sortable Slideable Saveable (sss) is a class I wrote up that allows you to have a list of elements that can be sorted, toggled, and the state of each will be saved each time a change is made, either using a cookie or a couple of ajax / json calls.
It can be seen in action [...]]]></description>
			<content:encoded><![CDATA[<p>Sortable Slideable Saveable (sss) is a class I wrote up that allows you to have a list of elements that can be sorted, toggled, and the state of each will be saved each time a change is made, either using a cookie or a couple of ajax / json calls.</p>
<p>It can be seen in action in my sidebar to the right.  You can drag / sort them by dragging the icons, and you can toggle them by clicking on the title of each.  Any changes you make will be stored in a cookie, you can reload the page and they should be in the state you left them in.</p>
<p>I will probably update this and provide some detailed documentation shortly. If anyone has any questions, let me know.  Also if anyone has any input on how to make it better, let me know.</p>
<h2><a href="http://trickeries.com/demo/sss/">another example</a></h2>
<h2><a title="sortable slideable saveable" href="http://trickeries.com/wp-content/uploads/2008/07/sss.zip">download w/the example</a></h2>
]]></content:encoded>
			<wfw:commentRss>http://trickeries.com/186/sortable-slideable-saveable-a-mootools-12-class/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>GMFDYUI</title>
		<link>http://trickeries.com/175/gmfdyui/</link>
		<comments>http://trickeries.com/175/gmfdyui/#comments</comments>
		<pubDate>Wed, 16 Jul 2008 07:23:40 +0000</pubDate>
		<dc:creator>atom</dc:creator>
				<category><![CDATA[downloads]]></category>
		<category><![CDATA[download]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[script]]></category>

		<guid isPermaLink="false">http://trickeries.com/?p=175</guid>
		<description><![CDATA[
An attractive friend of mine pointed out that I hadn&#8217;t posted in a bit, so this is what you get.
This is a terribly simple drop in php script that basically just redirects people to Google with a query.
This is useful when someone ask you a stupid question, when it should be obvious that they just [...]]]></description>
			<content:encoded><![CDATA[<p class="image"><img title="gmfdyui" src="http://trickeries.com/wp-content/uploads/2008/07/gmfdyui.jpg" alt="google mother fucker, do you use it?" width="400" height="267" /></p>
<p>An attractive friend of mine pointed out that I hadn&#8217;t posted in a bit, so this is what you get.</p>
<p>This is a terribly simple drop in php script that basically just redirects people to Google with a query.</p>
<p>This is useful when someone ask you a stupid question, when it should be obvious that they just need to Google it.  You can give them a link that may appear to be useful, but will it only taunt them for being foolish.</p>
<h2><a href="http://hijx.us/gmfdyui/how%20do%20i%20fix%20my%20computer">example</a></h2>
<h2><a href="http://trickeries.com/wp-content/uploads/2008/07/gmfdyui.zip">download</a></h2>
<p><small>This was inspired by <a href="http://justfuckinggoogleit.com/">http://justfuckinggoogleit.com/</a> and of course whoever originally came up with the Samuel L macro.  A sarcastic apology to anyone offended by the language in this post.  Get off the internet, thank you.</small></p>
]]></content:encoded>
			<wfw:commentRss>http://trickeries.com/175/gmfdyui/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>mlurl (my little url): a personal url shortener</title>
		<link>http://trickeries.com/121/mlurl-my-little-url-a-personal-url-shortener/</link>
		<comments>http://trickeries.com/121/mlurl-my-little-url-a-personal-url-shortener/#comments</comments>
		<pubDate>Tue, 27 May 2008 09:07:54 +0000</pubDate>
		<dc:creator>atom</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[downloads]]></category>
		<category><![CDATA[projects]]></category>
		<category><![CDATA[download]]></category>
		<category><![CDATA[mlurl]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[project]]></category>
		<category><![CDATA[redirector]]></category>
		<category><![CDATA[shortener]]></category>
		<category><![CDATA[url]]></category>

		<guid isPermaLink="false">http://trickeries.com/?p=121</guid>
		<description><![CDATA[
A friend (and boss) of mine thought that this would be a good idea, and not being foolish/strange enough to be a coder himself, I decided to make it because it could be useful.
It is a drop in php script that allows you to host your own url shortener / redirector like snurl or tinyurl. [...]]]></description>
			<content:encoded><![CDATA[<p class="image"><a href="http://trickeries.com/wp-content/uploads/2008/05/mlurl.zip"><img title="mlurl - my little url" src="http://trickeries.com/wp-content/uploads/2008/05/mlurl.png" alt="mlurl - my little url" width="434" height="250" /></a></p>
<p>A <a title="williac.com" href="http://williac.com">friend</a> (and boss) of mine thought that this would be a good idea, and not being foolish/strange enough to be a coder himself, I decided to make it because it could be useful.</p>
<p>It is a drop in php script that allows you to host your own url shortener / redirector like <a title="Snipurl / Snurl / Snipr - Snippetty snip snip with your looong URLs!" href="http://snurl.com/">snurl</a> or <a title="TinyURL.com - shorten that long URL into a Tiny URL" href="http://tinyurl.com/">tinyurl</a>.  Only you will be able to add / remove url&#8217;s from it.  This would allow you to essentially brand the url&#8217;s you send, or just simplify the linking process on your site or elsewhere.</p>
<p>If you have any trouble, check out the README.txt included, or leave a comment here.</p>
<h2><a title="download mlurl" href="http://trickeries.com/wp-content/uploads/2008/05/mlurl.zip">download</a></h2>
]]></content:encoded>
			<wfw:commentRss>http://trickeries.com/121/mlurl-my-little-url-a-personal-url-shortener/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
