<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="http://feeds.feedburner.com/~d/styles/rss2full.xsl" type="text/xsl" media="screen"?><?xml-stylesheet href="http://feeds.feedburner.com/~d/styles/itemcontent.css" type="text/css" media="screen"?><rss 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" version="2.0">

<channel>
	<title>Mior Muhammad Zaki: PHP &amp; JavaScript Programmer</title>
	
	<link>http://crynobone.com</link>
	<description>Documentation of Life</description>
	<pubDate>Thu, 25 Sep 2008 06:42:38 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.6.3</generator>
	<language>en</language>
			<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" href="http://feeds.feedburner.com/crynobone" type="application/rss+xml" /><feedburner:emailServiceId xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">2015882</feedburner:emailServiceId><feedburner:feedburnerHostname xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">http://www.feedburner.com</feedburner:feedburnerHostname><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://add.my.yahoo.com/rss?url=http%3A%2F%2Ffeeds.feedburner.com%2Fcrynobone" src="http://us.i1.yimg.com/us.yimg.com/i/us/my/addtomyyahoo4.gif">Subscribe with My Yahoo!</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://www.newsgator.com/ngs/subscriber/subext.aspx?url=http%3A%2F%2Ffeeds.feedburner.com%2Fcrynobone" src="http://www.newsgator.com/images/ngsub1.gif">Subscribe with NewsGator</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://feeds.my.aol.com/add.jsp?url=http%3A%2F%2Ffeeds.feedburner.com%2Fcrynobone" src="http://o.aolcdn.com/favorites.my.aol.com/webmaster/ffclient/webroot/locale/en-US/images/myAOLButtonSmall.gif">Subscribe with My AOL</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://www.rojo.com/add-subscription?resource=http%3A%2F%2Ffeeds.feedburner.com%2Fcrynobone" src="http://blog.rojo.com/RojoWideRed.gif">Subscribe with Rojo</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://www.bloglines.com/sub/http://feeds.feedburner.com/crynobone" src="http://www.bloglines.com/images/sub_modern11.gif">Subscribe with Bloglines</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://www.netvibes.com/subscribe.php?url=http%3A%2F%2Ffeeds.feedburner.com%2Fcrynobone" src="http://www.netvibes.com/img/add2netvibes.gif">Subscribe with Netvibes</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://fusion.google.com/add?feedurl=http%3A%2F%2Ffeeds.feedburner.com%2Fcrynobone" src="http://buttons.googlesyndication.com/fusion/add.gif">Subscribe with Google</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://www.pageflakes.com/subscribe.aspx?url=http%3A%2F%2Ffeeds.feedburner.com%2Fcrynobone" src="http://www.pageflakes.com/ImageFile.ashx?instanceId=Static_4&amp;fileName=ATP_blu_91x17.gif">Subscribe with Pageflakes</feedburner:feedFlare><item>
		<title>links for 2008-09-24</title>
		<link>http://crynobone.com/links-for-2008-09-24/</link>
		<comments>http://crynobone.com/links-for-2008-09-24/#comments</comments>
		<pubDate>Thu, 25 Sep 2008 06:42:38 +0000</pubDate>
		<dc:creator>Zaki</dc:creator>
		
		<category><![CDATA[Daily Links]]></category>

		<guid isPermaLink="false">http://crynobone.com/links-for-2008-09-24/</guid>
		<description><![CDATA[

Class: Currency from google - PHP Classes
(tags: PHP Google Currency)


10 Essential Principles of the Javascript Masters - NETTUTS
(tags: javascript Guide programming)



      ]]></description>
			<content:encoded><![CDATA[<ul class="delicious">
<li>
<div class="delicious-link"><a href="http://www.phpclasses.org/browse/package/4840.html">Class: Currency from google - PHP Classes</a></div>
<div class="delicious-tags">(tags: <a href="http://delicious.com/crynobone/PHP">PHP</a> <a href="http://delicious.com/crynobone/Google">Google</a> <a href="http://delicious.com/crynobone/Currency">Currency</a>)</div>
</li>
<li>
<div class="delicious-link"><a href="http://nettuts.com/javascript-ajax/10-essential-principles-of-the-javascript-masters/">10 Essential Principles of the Javascript Masters - NETTUTS</a></div>
<div class="delicious-tags">(tags: <a href="http://delicious.com/crynobone/javascript">javascript</a> <a href="http://delicious.com/crynobone/Guide">Guide</a> <a href="http://delicious.com/crynobone/programming">programming</a>)</div>
</li>
</ul>
<a href="http://www.pheedo.com/click.phdo?x=b47f5d081798435aa5d417c6069d2c7d&u=230"><img src="http://www.pheedo.com/img.phdo?x=b47f5d081798435aa5d417c6069d2c7d&u=230" border="0"/></a><br />
      
<p><a href="http://feeds.feedburner.com/~a/crynobone?a=Uafwh7"><img src="http://feeds.feedburner.com/~a/crynobone?i=Uafwh7" border="0"></img></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~f/crynobone?a=iKfnL"><img src="http://feeds.feedburner.com/~f/crynobone?i=iKfnL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=anjXl"><img src="http://feeds.feedburner.com/~f/crynobone?i=anjXl" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=cdV9l"><img src="http://feeds.feedburner.com/~f/crynobone?i=cdV9l" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=LfFUL"><img src="http://feeds.feedburner.com/~f/crynobone?i=LfFUL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=uORxl"><img src="http://feeds.feedburner.com/~f/crynobone?i=uORxl" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=OoXrL"><img src="http://feeds.feedburner.com/~f/crynobone?i=OoXrL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=qhSml"><img src="http://feeds.feedburner.com/~f/crynobone?i=qhSml" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://crynobone.com/links-for-2008-09-24/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Why I Hate dJango</title>
		<link>http://crynobone.com/why-i-hate-django/</link>
		<comments>http://crynobone.com/why-i-hate-django/#comments</comments>
		<pubDate>Tue, 23 Sep 2008 13:19:02 +0000</pubDate>
		<dc:creator>Zaki</dc:creator>
		
		<category><![CDATA[Video]]></category>

		<guid isPermaLink="false">http://crynobone.com/?p=229</guid>
		<description><![CDATA[
An interesting presentation by Cal Henderson @ dJangoCon 2008, while the presentation mostly is directed to dJango but we can benefit what is actually important in Enterprise Level Framework.

      ]]></description>
			<content:encoded><![CDATA[<p><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/i6Fr65PFqfk&#038;hl=en&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/i6Fr65PFqfk&#038;hl=en&#038;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object></p>
<p>An interesting presentation by Cal Henderson @ dJangoCon 2008, while the presentation mostly is directed to dJango but we can benefit what is actually important in Enterprise Level Framework.</p>
<a href="http://www.pheedo.com/click.phdo?x=b47f5d081798435aa5d417c6069d2c7d&u=229"><img src="http://www.pheedo.com/img.phdo?x=b47f5d081798435aa5d417c6069d2c7d&u=229" border="0"/></a><br />
      
<p><a href="http://feeds.feedburner.com/~a/crynobone?a=OOILVU"><img src="http://feeds.feedburner.com/~a/crynobone?i=OOILVU" border="0"></img></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~f/crynobone?a=fLzAL"><img src="http://feeds.feedburner.com/~f/crynobone?i=fLzAL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=uSELl"><img src="http://feeds.feedburner.com/~f/crynobone?i=uSELl" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=jySOl"><img src="http://feeds.feedburner.com/~f/crynobone?i=jySOl" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=VKyxL"><img src="http://feeds.feedburner.com/~f/crynobone?i=VKyxL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=FFtgl"><img src="http://feeds.feedburner.com/~f/crynobone?i=FFtgl" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=NndQL"><img src="http://feeds.feedburner.com/~f/crynobone?i=NndQL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=MTDWl"><img src="http://feeds.feedburner.com/~f/crynobone?i=MTDWl" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://crynobone.com/why-i-hate-django/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Managing WordPress Post Revision</title>
		<link>http://crynobone.com/managing-wordpress-post-revision/</link>
		<comments>http://crynobone.com/managing-wordpress-post-revision/#comments</comments>
		<pubDate>Sun, 21 Sep 2008 13:27:32 +0000</pubDate>
		<dc:creator>Zaki</dc:creator>
		
		<category><![CDATA[Asides]]></category>

		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://crynobone.com/?p=223</guid>
		<description><![CDATA[Optiniche share the secret to optimize and organize your WordPress Post Revision and Autosave setting in &#8220;WordPress Tutorial: Managing WordPress Auto-save and Post Revision Control&#8220;.

      ]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.optiniche.com/blog/">Optiniche</a> share the secret to optimize and organize your WordPress Post Revision and Autosave setting in &#8220;<a href="http://www.optiniche.com/blog/422/autosave-post-revision-control/">WordPress Tutorial: Managing WordPress Auto-save and Post Revision Control</a>&#8220;.</p>
<a href="http://www.pheedo.com/click.phdo?x=b47f5d081798435aa5d417c6069d2c7d&u=223"><img src="http://www.pheedo.com/img.phdo?x=b47f5d081798435aa5d417c6069d2c7d&u=223" border="0"/></a><br />
      
<p><a href="http://feeds.feedburner.com/~a/crynobone?a=BCP3NP"><img src="http://feeds.feedburner.com/~a/crynobone?i=BCP3NP" border="0"></img></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~f/crynobone?a=l6lEL"><img src="http://feeds.feedburner.com/~f/crynobone?i=l6lEL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=S9HMl"><img src="http://feeds.feedburner.com/~f/crynobone?i=S9HMl" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=cg36l"><img src="http://feeds.feedburner.com/~f/crynobone?i=cg36l" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=AbhLL"><img src="http://feeds.feedburner.com/~f/crynobone?i=AbhLL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=NQisl"><img src="http://feeds.feedburner.com/~f/crynobone?i=NQisl" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=NKCYL"><img src="http://feeds.feedburner.com/~f/crynobone?i=NKCYL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=X3njl"><img src="http://feeds.feedburner.com/~f/crynobone?i=X3njl" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://crynobone.com/managing-wordpress-post-revision/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Restore Value for Input Using Savvy.UI</title>
		<link>http://crynobone.com/restore-value-for-input-using-savvyui/</link>
		<comments>http://crynobone.com/restore-value-for-input-using-savvyui/#comments</comments>
		<pubDate>Sun, 21 Sep 2008 00:49:17 +0000</pubDate>
		<dc:creator>Zaki</dc:creator>
		
		<category><![CDATA[JavaScript]]></category>

		<category><![CDATA[Programming]]></category>

		<category><![CDATA[Savvy.UI]]></category>

		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://crynobone.com/?p=211</guid>
		<description><![CDATA[Let make it short this time, Here&#8217;s a snippet code to allow you to use the input fields (either text or password) to display the input description without interfering the application, not only will it hide the label when user focus on the field but also show the label back when user leave the field [...]]]></description>
			<content:encoded><![CDATA[<p>Let make it short this time, Here&#8217;s a snippet code to allow you to use the input fields (either text or password) to display the input description without interfering the application, not only will it hide the label when user focus on the field but also show the label back when user leave the field without adding any text.</p>
<p><span id="more-211"></span></p>
<h3>The Code</h3>
<p>Here the JavaScript code to assign the function to all input with className &#8220;restore-value&#8221;.</p>

<div class="wp_syntax"><div class="code"><pre class="javascript javascript" style="font-family:monospace;">Js.<span style="color: #660066;">simplify</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>;
$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;input.restore-value&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">each</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #003366; font-weight: bold;">var</span> object <span style="color: #339933;">=</span> $<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span>;
	<span style="color: #003366; font-weight: bold;">var</span> jblur <span style="color: #339933;">=</span> object.<span style="color: #000066;">onblur</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>;
	<span style="color: #003366; font-weight: bold;">var</span> jfocus <span style="color: #339933;">=</span> object.<span style="color: #000066;">onfocus</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>;
&nbsp;
	object.<span style="color: #000066;">onblur</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>Jrun.<span style="color: #660066;">isfunction</span><span style="color: #009900;">&#40;</span>jblur<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
			jblur.<span style="color: #660066;">call</span><span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span>;
		<span style="color: #009900;">&#125;</span>
		<span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>Jrun.<span style="color: #660066;">trim</span><span style="color: #009900;">&#40;</span>object.<span style="color: #660066;">val</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">===</span> <span style="color: #3366CC;">&quot;&quot;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
			object.<span style="color: #660066;">val</span><span style="color: #009900;">&#40;</span>object.<span style="color: #660066;">get</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;title&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">toString</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span>;
		<span style="color: #009900;">&#125;</span>
	<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span>.<span style="color: #000066;">onfocus</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>Jrun.<span style="color: #660066;">isfunction</span><span style="color: #009900;">&#40;</span>jfocus<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
			jfocus.<span style="color: #660066;">call</span><span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span>;
		<span style="color: #009900;">&#125;</span>
		<span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>object.<span style="color: #660066;">get</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;title&quot;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">==</span> object.<span style="color: #660066;">val</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
			object.<span style="color: #660066;">val</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;&quot;</span><span style="color: #009900;">&#41;</span>;
		<span style="color: #009900;">&#125;</span>
	<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">val</span><span style="color: #009900;">&#40;</span>object.<span style="color: #660066;">get</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;title&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">toString</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span>;
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span>;</pre></div></div>

<h3>The Input</h3>
<p>Here we are using title attribute to store the label value.</p>

<div class="wp_syntax"><div class="code"><pre class="html4strict html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">input</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text&quot;</span> <span style="color: #000066;">name</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;username&quot;</span> <span style="color: #000066;">value</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;&quot;</span> <span style="color: #000066;">title</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;Username&quot;</span> <span style="color: #66cc66;">/</span>&gt;</span></pre></div></div>

<p>For better explaination check out the demo page.</p>
<a href="http://www.pheedo.com/click.phdo?x=b47f5d081798435aa5d417c6069d2c7d&u=211"><img src="http://www.pheedo.com/img.phdo?x=b47f5d081798435aa5d417c6069d2c7d&u=211" border="0"/></a><br />
      
<p><a href="http://feeds.feedburner.com/~a/crynobone?a=UEt42m"><img src="http://feeds.feedburner.com/~a/crynobone?i=UEt42m" border="0"></img></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~f/crynobone?a=4JtZL"><img src="http://feeds.feedburner.com/~f/crynobone?i=4JtZL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=zIRFl"><img src="http://feeds.feedburner.com/~f/crynobone?i=zIRFl" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=px0Dl"><img src="http://feeds.feedburner.com/~f/crynobone?i=px0Dl" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=N5uRL"><img src="http://feeds.feedburner.com/~f/crynobone?i=N5uRL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=ZPUrl"><img src="http://feeds.feedburner.com/~f/crynobone?i=ZPUrl" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=vHIXL"><img src="http://feeds.feedburner.com/~f/crynobone?i=vHIXL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=r1I8l"><img src="http://feeds.feedburner.com/~f/crynobone?i=r1I8l" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://crynobone.com/restore-value-for-input-using-savvyui/feed/</wfw:commentRss>
		</item>
		<item>
		<title>PHP Developer Best Practices</title>
		<link>http://crynobone.com/php-developer-best-practices/</link>
		<comments>http://crynobone.com/php-developer-best-practices/#comments</comments>
		<pubDate>Wed, 17 Sep 2008 23:29:23 +0000</pubDate>
		<dc:creator>Zaki</dc:creator>
		
		<category><![CDATA[Asides]]></category>

		<category><![CDATA[PHP]]></category>

		<category><![CDATA[Programming]]></category>

		<guid isPermaLink="false">http://crynobone.com/?p=207</guid>
		<description><![CDATA[Mike Naberezny and Matthew Weier O&#8217;Phinney presented PHP Developer Best Practices at ZendCon 2008. The topic covered includes; Source Control, Coding Standards, Testing, Documentation and Deployment.

      ]]></description>
			<content:encoded><![CDATA[<p><a href="http://mikenaberezny.com/">Mike Naberezny</a> and <a href="http://weierophinney.net/matthew">Matthew Weier O&#8217;Phinney</a> presented <a href="http://mikenaberezny.com/2008/09/16/php-developer-best-practices/">PHP Developer Best Practices</a> at ZendCon 2008. The topic covered includes; Source Control, Coding Standards, Testing, Documentation and Deployment.</p>
<a href="http://www.pheedo.com/click.phdo?x=b47f5d081798435aa5d417c6069d2c7d&u=207"><img src="http://www.pheedo.com/img.phdo?x=b47f5d081798435aa5d417c6069d2c7d&u=207" border="0"/></a><br />
      
<p><a href="http://feeds.feedburner.com/~a/crynobone?a=ejSCfp"><img src="http://feeds.feedburner.com/~a/crynobone?i=ejSCfp" border="0"></img></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~f/crynobone?a=rmieL"><img src="http://feeds.feedburner.com/~f/crynobone?i=rmieL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=k97Rl"><img src="http://feeds.feedburner.com/~f/crynobone?i=k97Rl" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=UWO8l"><img src="http://feeds.feedburner.com/~f/crynobone?i=UWO8l" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=tnGGL"><img src="http://feeds.feedburner.com/~f/crynobone?i=tnGGL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=8bwLl"><img src="http://feeds.feedburner.com/~f/crynobone?i=8bwLl" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=CCxnL"><img src="http://feeds.feedburner.com/~f/crynobone?i=CCxnL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=VCArl"><img src="http://feeds.feedburner.com/~f/crynobone?i=VCArl" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://crynobone.com/php-developer-best-practices/feed/</wfw:commentRss>
		</item>
		<item>
		<title>3 JavaScript Regular Expression for Malaysia Data Format</title>
		<link>http://crynobone.com/3-javascript-regular-expression-for-malaysia/</link>
		<comments>http://crynobone.com/3-javascript-regular-expression-for-malaysia/#comments</comments>
		<pubDate>Wed, 17 Sep 2008 13:08:53 +0000</pubDate>
		<dc:creator>Zaki</dc:creator>
		
		<category><![CDATA[JavaScript]]></category>

		<category><![CDATA[Programming]]></category>

		<category><![CDATA[Q&amp;A]]></category>

		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://crynobone.com/?p=197</guid>
		<description><![CDATA[Question
Can you share with us the proper Regular Expression (RegExp) for Malaysia&#8217;s data format as the following:

Identification Card
Postcode
Phone Number


Answer
Here the answer for above question.
a. Identification Card
/^\d{6}-?\d{2}-?\d{4}$/ allow us to detect Malaysian Identification Card data entry with and without the hyphen (&#8221;-&#8221;), e.g:

var ic = &#91;&#34;830214-14-5065&#34;, &#34;830214145065&#34;, &#34;8302-14-5065&#34;&#93;;
for&#40;var i = 0; i &#60; ic.length; i++&#41; &#123;
 [...]]]></description>
			<content:encoded><![CDATA[<h3>Question</h3>
<p>Can you share with us the proper Regular Expression (RegExp) for Malaysia&#8217;s data format as the following:</p>
<ul>
<li>Identification Card</li>
<li>Postcode</li>
<li>Phone Number</li>
</ul>
<p><span id="more-197"></span></p>
<h3>Answer</h3>
<p>Here the answer for above question.</p>
<h4>a. Identification Card</h4>
<p><code>/^\d{6}-?\d{2}-?\d{4}$/</code> allow us to detect Malaysian Identification Card data entry with and without the hyphen (&#8221;-&#8221;), e.g:</p>

<div class="wp_syntax"><div class="code"><pre class="javascript javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">var</span> ic <span style="color: #339933;">=</span> <span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;830214-14-5065&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;830214145065&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;8302-14-5065&quot;</span><span style="color: #009900;">&#93;</span>;
<span style="color: #000066; font-weight: bold;">for</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">var</span> i <span style="color: #339933;">=</span> 0; i <span style="color: #339933;">&lt;</span> ic.<span style="color: #660066;">length</span>; i<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>ic<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">match</span><span style="color: #009900;">&#40;</span><span style="color: #009966; font-style: italic;">/^\d{6}-?\d{2}-?\d{4}$/</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span> 
        <span style="color: #000066;">alert</span><span style="color: #009900;">&#40;</span>ic<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;: is correct&quot;</span><span style="color: #009900;">&#41;</span>; 
    <span style="color: #009900;">&#125;</span> <span style="color: #000066; font-weight: bold;">else</span> <span style="color: #009900;">&#123;</span>
        <span style="color: #000066;">alert</span><span style="color: #009900;">&#40;</span>ic<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;: is false&quot;</span><span style="color: #009900;">&#41;</span>;
    <span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

<h4>b. Postcode</h4>
<p><code>/^\d{5}$/</code> is a simple RegExp to detect exactly 5-digit numberic value, e.g:</p>

<div class="wp_syntax"><div class="code"><pre class="javascript javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">var</span> postcode <span style="color: #339933;">=</span> <span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;83040&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;8304&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;-5065&quot;</span><span style="color: #009900;">&#93;</span>;
<span style="color: #000066; font-weight: bold;">for</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">var</span> i <span style="color: #339933;">=</span> 0; i <span style="color: #339933;">&lt;</span> postcode.<span style="color: #660066;">length</span>; i<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>postcode<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">match</span><span style="color: #009900;">&#40;</span><span style="color: #009966; font-style: italic;">/^\d{5}$/</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span> 
        <span style="color: #000066;">alert</span><span style="color: #009900;">&#40;</span>postcode<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;: is correct&quot;</span><span style="color: #009900;">&#41;</span>; 
    <span style="color: #009900;">&#125;</span> <span style="color: #000066; font-weight: bold;">else</span> <span style="color: #009900;">&#123;</span>
        <span style="color: #000066;">alert</span><span style="color: #009900;">&#40;</span>postcode<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;: is false&quot;</span><span style="color: #009900;">&#41;</span>;
    <span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

<h4>c. Phone Number</h4>
<p><code>/^(\+6)?\d{2,3}-?\d{6,8}$/</code> allow us to detect fix-line and also mobile number under Malaysian Telco, e.g:</p>

<div class="wp_syntax"><div class="code"><pre class="javascript javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">var</span> phone <span style="color: #339933;">=</span> <span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;+6012-3456789&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;012-3456789&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;034567890&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;0123456789&quot;</span><span style="color: #009900;">&#93;</span>;
<span style="color: #000066; font-weight: bold;">for</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">var</span> i <span style="color: #339933;">=</span> 0; i <span style="color: #339933;">&lt;</span> phone.<span style="color: #660066;">length</span>; i<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>phone<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">match</span><span style="color: #009900;">&#40;</span><span style="color: #009966; font-style: italic;">/^(\+6)?\d{2,3}-?\d{6,8}$/</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span> 
        <span style="color: #000066;">alert</span><span style="color: #009900;">&#40;</span>phone<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;: is correct&quot;</span><span style="color: #009900;">&#41;</span>; 
    <span style="color: #009900;">&#125;</span> <span style="color: #000066; font-weight: bold;">else</span> <span style="color: #009900;">&#123;</span>
        <span style="color: #000066;">alert</span><span style="color: #009900;">&#40;</span>phone<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;: is false&quot;</span><span style="color: #009900;">&#41;</span>;
    <span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

<a href="http://www.pheedo.com/click.phdo?x=b47f5d081798435aa5d417c6069d2c7d&u=197"><img src="http://www.pheedo.com/img.phdo?x=b47f5d081798435aa5d417c6069d2c7d&u=197" border="0"/></a><br />
      
<p><a href="http://feeds.feedburner.com/~a/crynobone?a=89xdVr"><img src="http://feeds.feedburner.com/~a/crynobone?i=89xdVr" border="0"></img></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~f/crynobone?a=3QB8L"><img src="http://feeds.feedburner.com/~f/crynobone?i=3QB8L" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=zuaVl"><img src="http://feeds.feedburner.com/~f/crynobone?i=zuaVl" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=KaoQl"><img src="http://feeds.feedburner.com/~f/crynobone?i=KaoQl" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=VTNiL"><img src="http://feeds.feedburner.com/~f/crynobone?i=VTNiL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=jX4pl"><img src="http://feeds.feedburner.com/~f/crynobone?i=jX4pl" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=ccq4L"><img src="http://feeds.feedburner.com/~f/crynobone?i=ccq4L" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=Mw1dl"><img src="http://feeds.feedburner.com/~f/crynobone?i=Mw1dl" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://crynobone.com/3-javascript-regular-expression-for-malaysia/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Secrets of JavaScript Closures</title>
		<link>http://crynobone.com/secrets-of-javascript-closures/</link>
		<comments>http://crynobone.com/secrets-of-javascript-closures/#comments</comments>
		<pubDate>Tue, 16 Sep 2008 13:57:13 +0000</pubDate>
		<dc:creator>Zaki</dc:creator>
		
		<category><![CDATA[Asides]]></category>

		<category><![CDATA[JavaScript]]></category>

		<category><![CDATA[Programming]]></category>

		<guid isPermaLink="false">http://crynobone.com/?p=194</guid>
		<description><![CDATA[Not everyday you get to see a good presentation explaining the complexity of JavaScript Closure in such detail, Stuart Langridge did exactly that in Secrets of JavaScript Closures slides (via Ajaxian).

      ]]></description>
			<content:encoded><![CDATA[<p>Not everyday you get to see a good presentation explaining the complexity of JavaScript Closure in such detail, Stuart Langridge did exactly that in <a title="Secrets of JavaScript Closures" href="http://www.kryogenix.org/code/browser/secrets-of-javascript-closures/">Secrets of JavaScript Closures</a> slides (via <a title="Ajaxian &amp;raquo; Secrets of JavaScript Closures" href="http://ajaxian.com/archives/secrets-of-javascript-closures">Ajaxian</a>).</p>
<a href="http://www.pheedo.com/click.phdo?x=b47f5d081798435aa5d417c6069d2c7d&u=194"><img src="http://www.pheedo.com/img.phdo?x=b47f5d081798435aa5d417c6069d2c7d&u=194" border="0"/></a><br />
      
<p><a href="http://feeds.feedburner.com/~a/crynobone?a=xEbQDp"><img src="http://feeds.feedburner.com/~a/crynobone?i=xEbQDp" border="0"></img></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~f/crynobone?a=yDdAL"><img src="http://feeds.feedburner.com/~f/crynobone?i=yDdAL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=n9FMl"><img src="http://feeds.feedburner.com/~f/crynobone?i=n9FMl" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=MnyOl"><img src="http://feeds.feedburner.com/~f/crynobone?i=MnyOl" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=LmCbL"><img src="http://feeds.feedburner.com/~f/crynobone?i=LmCbL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=EZn5l"><img src="http://feeds.feedburner.com/~f/crynobone?i=EZn5l" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=1xGCL"><img src="http://feeds.feedburner.com/~f/crynobone?i=1xGCL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=eNS6l"><img src="http://feeds.feedburner.com/~f/crynobone?i=eNS6l" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://crynobone.com/secrets-of-javascript-closures/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Hug A Developer Today</title>
		<link>http://crynobone.com/hug-a-developer-today/</link>
		<comments>http://crynobone.com/hug-a-developer-today/#comments</comments>
		<pubDate>Fri, 12 Sep 2008 07:36:00 +0000</pubDate>
		<dc:creator>Zaki</dc:creator>
		
		<category><![CDATA[Video]]></category>

		<guid isPermaLink="false">http://crynobone.com/?p=188</guid>
		<description><![CDATA[

      ]]></description>
			<content:encoded><![CDATA[<p><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/1lqxORnQARw&#038;hl=en&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/1lqxORnQARw&#038;hl=en&#038;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object></p>
<a href="http://www.pheedo.com/click.phdo?x=b47f5d081798435aa5d417c6069d2c7d&u=188"><img src="http://www.pheedo.com/img.phdo?x=b47f5d081798435aa5d417c6069d2c7d&u=188" border="0"/></a><br />
      
<p><a href="http://feeds.feedburner.com/~a/crynobone?a=4MmyKx"><img src="http://feeds.feedburner.com/~a/crynobone?i=4MmyKx" border="0"></img></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~f/crynobone?a=5gdOL"><img src="http://feeds.feedburner.com/~f/crynobone?i=5gdOL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=1fWrl"><img src="http://feeds.feedburner.com/~f/crynobone?i=1fWrl" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=uFr1l"><img src="http://feeds.feedburner.com/~f/crynobone?i=uFr1l" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=s2jUL"><img src="http://feeds.feedburner.com/~f/crynobone?i=s2jUL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=VEGxl"><img src="http://feeds.feedburner.com/~f/crynobone?i=VEGxl" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=Qb8CL"><img src="http://feeds.feedburner.com/~f/crynobone?i=Qb8CL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=Hne7l"><img src="http://feeds.feedburner.com/~f/crynobone?i=Hne7l" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://crynobone.com/hug-a-developer-today/feed/</wfw:commentRss>
		</item>
		<item>
		<title>CryBook By Themetation</title>
		<link>http://crynobone.com/crybook-by-themetation/</link>
		<comments>http://crynobone.com/crybook-by-themetation/#comments</comments>
		<pubDate>Thu, 11 Sep 2008 07:19:34 +0000</pubDate>
		<dc:creator>Zaki</dc:creator>
		
		<category><![CDATA[Asides]]></category>

		<category><![CDATA[Themes]]></category>

		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://crynobone.com/?p=185</guid>
		<description><![CDATA[Finally with the help by Kai Loon, CryBook WordPress Theme is now available for download. Get your first copy of our imageless theme at Themetation.com.

      ]]></description>
			<content:encoded><![CDATA[<p>Finally with the help by <a title="LoonDesign" href="http://kailoon.com">Kai Loon</a>, <a title="CryBook" href="http://crynobone.com/crybook/">CryBook WordPress Theme</a> is now available for download. Get your first copy of our imageless theme at <a title="CryBook @ Themetation.com" href="http://themetation.com/crybook/">Themetation.com</a>.</p>
<a href="http://www.pheedo.com/click.phdo?x=b47f5d081798435aa5d417c6069d2c7d&u=185"><img src="http://www.pheedo.com/img.phdo?x=b47f5d081798435aa5d417c6069d2c7d&u=185" border="0"/></a><br />
      
<p><a href="http://feeds.feedburner.com/~a/crynobone?a=GbEL4I"><img src="http://feeds.feedburner.com/~a/crynobone?i=GbEL4I" border="0"></img></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~f/crynobone?a=zEJXL"><img src="http://feeds.feedburner.com/~f/crynobone?i=zEJXL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=4wP7l"><img src="http://feeds.feedburner.com/~f/crynobone?i=4wP7l" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=bGxIl"><img src="http://feeds.feedburner.com/~f/crynobone?i=bGxIl" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=ocoRL"><img src="http://feeds.feedburner.com/~f/crynobone?i=ocoRL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=LfaNl"><img src="http://feeds.feedburner.com/~f/crynobone?i=LfaNl" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=jm4bL"><img src="http://feeds.feedburner.com/~f/crynobone?i=jm4bL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=MS7ul"><img src="http://feeds.feedburner.com/~f/crynobone?i=MS7ul" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://crynobone.com/crybook-by-themetation/feed/</wfw:commentRss>
		</item>
		<item>
		<title>links for 2008-09-10</title>
		<link>http://crynobone.com/links-for-2008-09-10/</link>
		<comments>http://crynobone.com/links-for-2008-09-10/#comments</comments>
		<pubDate>Wed, 10 Sep 2008 09:47:21 +0000</pubDate>
		<dc:creator>Zaki</dc:creator>
		
		<category><![CDATA[Daily Links]]></category>

		<guid isPermaLink="false">http://crynobone.com/links-for-2008-09-10/</guid>
		<description><![CDATA[

10 Principles of the PHP Masters
(tags: PHP)


PHP Tutorials Examples Introduction to PHP Regex
(tags: PHP tutorial RegEx)



      ]]></description>
			<content:encoded><![CDATA[<ul class="delicious">
<li>
<div class="delicious-link"><a href="http://nettuts.com/articles/10-principles-of-the-php-masters/">10 Principles of the PHP Masters</a></div>
<div class="delicious-tags">(tags: <a href="http://delicious.com/crynobone/PHP">PHP</a>)</div>
</li>
<li>
<div class="delicious-link"><a href="http://www.phpro.org/tutorials/Introduction-to-PHP-Regex.html#1">PHP Tutorials Examples Introduction to PHP Regex</a></div>
<div class="delicious-tags">(tags: <a href="http://delicious.com/crynobone/PHP">PHP</a> <a href="http://delicious.com/crynobone/tutorial">tutorial</a> <a href="http://delicious.com/crynobone/RegEx">RegEx</a>)</div>
</li>
</ul>
<a href="http://www.pheedo.com/click.phdo?x=b47f5d081798435aa5d417c6069d2c7d&u=184"><img src="http://www.pheedo.com/img.phdo?x=b47f5d081798435aa5d417c6069d2c7d&u=184" border="0"/></a><br />
      
<p><a href="http://feeds.feedburner.com/~a/crynobone?a=x4AUQK"><img src="http://feeds.feedburner.com/~a/crynobone?i=x4AUQK" border="0"></img></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~f/crynobone?a=xekFL"><img src="http://feeds.feedburner.com/~f/crynobone?i=xekFL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=ouqwl"><img src="http://feeds.feedburner.com/~f/crynobone?i=ouqwl" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=uSQll"><img src="http://feeds.feedburner.com/~f/crynobone?i=uSQll" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=buOmL"><img src="http://feeds.feedburner.com/~f/crynobone?i=buOmL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=ip6Yl"><img src="http://feeds.feedburner.com/~f/crynobone?i=ip6Yl" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=fdSkL"><img src="http://feeds.feedburner.com/~f/crynobone?i=fdSkL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=LSgll"><img src="http://feeds.feedburner.com/~f/crynobone?i=LSgll" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://crynobone.com/links-for-2008-09-10/feed/</wfw:commentRss>
		</item>
		<item>
		<title>links for 2008-09-08</title>
		<link>http://crynobone.com/links-for-2008-09-08/</link>
		<comments>http://crynobone.com/links-for-2008-09-08/#comments</comments>
		<pubDate>Tue, 09 Sep 2008 05:47:42 +0000</pubDate>
		<dc:creator>Zaki</dc:creator>
		
		<category><![CDATA[Daily Links]]></category>

		<guid isPermaLink="false">http://crynobone.com/links-for-2008-09-08/</guid>
		<description><![CDATA[

Geek 1.0 vs. Geek 2.0 &#124; Pic
(tags: Geek)


Coding Horror: Coding Without Comments
(tags: commenting programming documentation)


PDML: Portable Document Markup Language
(tags: PHP PDML fpdf html2pdf tool)


PHP Loves JSON
(tags: PHP javascript JSON)



      ]]></description>
			<content:encoded><![CDATA[<ul class="delicious">
<li>
<div class="delicious-link"><a href="http://remixconcepts.blogspot.com/2008/09/geek-10-vs-geek-20-pic.html">Geek 1.0 vs. Geek 2.0 | Pic</a></div>
<div class="delicious-tags">(tags: <a href="http://delicious.com/crynobone/Geek">Geek</a>)</div>
</li>
<li>
<div class="delicious-link"><a href="http://www.codinghorror.com/blog/archives/001150.html">Coding Horror: Coding Without Comments</a></div>
<div class="delicious-tags">(tags: <a href="http://delicious.com/crynobone/commenting">commenting</a> <a href="http://delicious.com/crynobone/programming">programming</a> <a href="http://delicious.com/crynobone/documentation">documentation</a>)</div>
</li>
<li>
<div class="delicious-link"><a href="http://pdml.sourceforge.net/">PDML: Portable Document Markup Language</a></div>
<div class="delicious-tags">(tags: <a href="http://delicious.com/crynobone/PHP">PHP</a> <a href="http://delicious.com/crynobone/PDML">PDML</a> <a href="http://delicious.com/crynobone/fpdf">fpdf</a> <a href="http://delicious.com/crynobone/html2pdf">html2pdf</a> <a href="http://delicious.com/crynobone/tool">tool</a>)</div>
</li>
<li>
<div class="delicious-link"><a href="http://www.sumardi.net/2007/05/19/php-loves-json/">PHP Loves JSON</a></div>
<div class="delicious-tags">(tags: <a href="http://delicious.com/crynobone/PHP">PHP</a> <a href="http://delicious.com/crynobone/javascript">javascript</a> <a href="http://delicious.com/crynobone/JSON">JSON</a>)</div>
</li>
</ul>
<a href="http://www.pheedo.com/click.phdo?x=b47f5d081798435aa5d417c6069d2c7d&u=183"><img src="http://www.pheedo.com/img.phdo?x=b47f5d081798435aa5d417c6069d2c7d&u=183" border="0"/></a><br />
      
<p><a href="http://feeds.feedburner.com/~a/crynobone?a=2OOqZy"><img src="http://feeds.feedburner.com/~a/crynobone?i=2OOqZy" border="0"></img></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~f/crynobone?a=Inc6L"><img src="http://feeds.feedburner.com/~f/crynobone?i=Inc6L" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=XEOll"><img src="http://feeds.feedburner.com/~f/crynobone?i=XEOll" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=pVD6l"><img src="http://feeds.feedburner.com/~f/crynobone?i=pVD6l" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=No9fL"><img src="http://feeds.feedburner.com/~f/crynobone?i=No9fL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=Z0Mgl"><img src="http://feeds.feedburner.com/~f/crynobone?i=Z0Mgl" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=9lPDL"><img src="http://feeds.feedburner.com/~f/crynobone?i=9lPDL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=SfcKl"><img src="http://feeds.feedburner.com/~f/crynobone?i=SfcKl" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://crynobone.com/links-for-2008-09-08/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Invoking Savvy.UI DOMElements Object</title>
		<link>http://crynobone.com/invoking-savvyui-domelements-object/</link>
		<comments>http://crynobone.com/invoking-savvyui-domelements-object/#comments</comments>
		<pubDate>Sun, 07 Sep 2008 13:44:15 +0000</pubDate>
		<dc:creator>Zaki</dc:creator>
		
		<category><![CDATA[Programming]]></category>

		<category><![CDATA[Savvy.UI]]></category>

		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://crynobone.com/?p=169</guid>
		<description><![CDATA[Question
How many way can I invoke Savvy.UI DOMElements Object using Savvy.UI CSS Query Selector, a feature which is norm in any JavaScript Framework today?

Answer
Officially in Savvy.UI version 1.0.0 there are five (5) official method to invoke Savvy.UI DOMElements Object through Savvy.UI CSS Query Selector.
a. new Js.Elements
Js.Elements is the official constructor namespace for Savvy.UI DOMElements Object, [...]]]></description>
			<content:encoded><![CDATA[<h3>Question</h3>
<p>How many way can I invoke Savvy.UI DOMElements Object using Savvy.UI CSS Query Selector, a feature which is norm in any JavaScript Framework today?<br />
<span id="more-169"></span></p>
<h3>Answer</h3>
<p>Officially in Savvy.UI version 1.0.0 there are five (5) official method to invoke Savvy.UI DOMElements Object through Savvy.UI CSS Query Selector.</p>
<h4>a. new Js.Elements</h4>
<p><code>Js.Elements</code> is the official constructor namespace for Savvy.UI DOMElements Object, as the core constructor, you&#8217;ll have three alternative for you to choose from.</p>

<div class="wp_syntax"><div class="code"><pre class="javascript javascript" style="font-family:monospace;"><span style="color: #006600; font-style: italic;">// you can either use</span>
<span style="color: #003366; font-weight: bold;">var</span> object <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> Js.<span style="color: #660066;">Elements</span>;
object.<span style="color: #660066;">query</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#content &gt; p&quot;</span><span style="color: #009900;">&#41;</span>;
&nbsp;
<span style="color: #006600; font-style: italic;">// or simplier method</span>
<span style="color: #003366; font-weight: bold;">var</span> object <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> Js.<span style="color: #660066;">Elements</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#content &gt; p&quot;</span><span style="color: #009900;">&#41;</span>;
&nbsp;
<span style="color: #006600; font-style: italic;">// or a long alternative just for fun</span>
<span style="color: #003366; font-weight: bold;">var</span> objectList <span style="color: #339933;">=</span> Js.<span style="color: #660066;">query</span>.<span style="color: #660066;">selector</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#content &gt; p&quot;</span><span style="color: #009900;">&#41;</span>;
<span style="color: #003366; font-weight: bold;">var</span> JsElm <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> Js.<span style="color: #660066;">Elements</span>;
<span style="color: #003366; font-weight: bold;">var</span> object <span style="color: #339933;">=</span> JsElm.<span style="color: #660066;">addStack</span><span style="color: #009900;">&#40;</span>objectList<span style="color: #009900;">&#41;</span>;</pre></div></div>

<h4>b. Js.use</h4>
<p><code>Js.use</code> enable a simple alternative from the first method.</p>

<div class="wp_syntax"><div class="code"><pre class="javascript javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">var</span> object <span style="color: #339933;">=</span> Js.<span style="color: #003366; font-weight: bold;">use</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#content &gt; p&quot;</span><span style="color: #009900;">&#41;</span>;</pre></div></div>

<h4>c. Js</h4>
<p>This function is based on what we have learn from jQuery, making full use of the Savvy.UI global namespace as function as well as object. This method is widely use inside Savvy.UI code.</p>

<div class="wp_syntax"><div class="code"><pre class="javascript javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">var</span> object <span style="color: #339933;">=</span> Js<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#content &gt; p&quot;</span><span style="color: #009900;">&#41;</span>;</pre></div></div>

<h4>d. $ using Js.simplify</h4>
<p><code>$()</code> has become a favourite function name for CSS Query Selector for a number of JavaScript Framework, we also like to add it to Savvy.UI but to avoid complication with any other popular JavaScript Framework you will need to run <code>Js.simplify()</code> to enable <code>$()</code> function.</p>

<div class="wp_syntax"><div class="code"><pre class="javascript javascript" style="font-family:monospace;">Js.<span style="color: #660066;">simplify</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>; <span style="color: #006600; font-style: italic;">// run this only once</span>
<span style="color: #003366; font-weight: bold;">var</span> object <span style="color: #339933;">=</span> $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#content &gt; p&quot;</span><span style="color: #009900;">&#41;</span>;</pre></div></div>

<h4>e. User defined function</h4>
<p>If there are reason to use other word or character as the function name, one can do so by invoking <code>Js.simplify(false);</code> function.</p>

<div class="wp_syntax"><div class="code"><pre class="javascript javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">var</span> jav <span style="color: #339933;">=</span> Js.<span style="color: #660066;">simplify</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">false</span><span style="color: #009900;">&#41;</span>; <span style="color: #006600; font-style: italic;">// enable to use jav()</span>
<span style="color: #003366; font-weight: bold;">var</span> object <span style="color: #339933;">=</span> jav<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#content &gt; p&quot;</span><span style="color: #009900;">&#41;</span>;</pre></div></div>

<a href="http://www.pheedo.com/click.phdo?x=b47f5d081798435aa5d417c6069d2c7d&u=169"><img src="http://www.pheedo.com/img.phdo?x=b47f5d081798435aa5d417c6069d2c7d&u=169" border="0"/></a><br />
      
<p><a href="http://feeds.feedburner.com/~a/crynobone?a=t48U7Z"><img src="http://feeds.feedburner.com/~a/crynobone?i=t48U7Z" border="0"></img></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~f/crynobone?a=4ySsL"><img src="http://feeds.feedburner.com/~f/crynobone?i=4ySsL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=Bfq5l"><img src="http://feeds.feedburner.com/~f/crynobone?i=Bfq5l" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=qCF9l"><img src="http://feeds.feedburner.com/~f/crynobone?i=qCF9l" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=PY7DL"><img src="http://feeds.feedburner.com/~f/crynobone?i=PY7DL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=YvQQl"><img src="http://feeds.feedburner.com/~f/crynobone?i=YvQQl" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=wQb8L"><img src="http://feeds.feedburner.com/~f/crynobone?i=wQb8L" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=z6z5l"><img src="http://feeds.feedburner.com/~f/crynobone?i=z6z5l" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://crynobone.com/invoking-savvyui-domelements-object/feed/</wfw:commentRss>
		</item>
		<item>
		<title>It’s JavaScript</title>
		<link>http://crynobone.com/its-javascript/</link>
		<comments>http://crynobone.com/its-javascript/#comments</comments>
		<pubDate>Sun, 07 Sep 2008 12:50:03 +0000</pubDate>
		<dc:creator>Zaki</dc:creator>
		
		<category><![CDATA[Asides]]></category>

		<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://crynobone.com/?p=164</guid>
		<description><![CDATA[The proper way to write JavaScript is with a capital &#8220;S&#8220;, and not Javascript as many would thought so.

      ]]></description>
			<content:encoded><![CDATA[<p>The proper way to write <strong>JavaScript</strong> is with a capital &#8220;<strong>S</strong>&#8220;, and not <strong>Javascript</strong> as many would thought so.</p>
<a href="http://www.pheedo.com/click.phdo?x=b47f5d081798435aa5d417c6069d2c7d&u=164"><img src="http://www.pheedo.com/img.phdo?x=b47f5d081798435aa5d417c6069d2c7d&u=164" border="0"/></a><br />
      
<p><a href="http://feeds.feedburner.com/~a/crynobone?a=lkO0tT"><img src="http://feeds.feedburner.com/~a/crynobone?i=lkO0tT" border="0"></img></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~f/crynobone?a=C3NfL"><img src="http://feeds.feedburner.com/~f/crynobone?i=C3NfL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=Lzv5l"><img src="http://feeds.feedburner.com/~f/crynobone?i=Lzv5l" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=zBH3l"><img src="http://feeds.feedburner.com/~f/crynobone?i=zBH3l" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=8cb5L"><img src="http://feeds.feedburner.com/~f/crynobone?i=8cb5L" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=lmh7l"><img src="http://feeds.feedburner.com/~f/crynobone?i=lmh7l" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=ma3FL"><img src="http://feeds.feedburner.com/~f/crynobone?i=ma3FL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=4GzLl"><img src="http://feeds.feedburner.com/~f/crynobone?i=4GzLl" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://crynobone.com/its-javascript/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Display Twitter Status in Your Website Using Savvy.UI</title>
		<link>http://crynobone.com/display-twitter-status-in-your-website-using-savvyui/</link>
		<comments>http://crynobone.com/display-twitter-status-in-your-website-using-savvyui/#comments</comments>
		<pubDate>Thu, 04 Sep 2008 22:40:08 +0000</pubDate>
		<dc:creator>Zaki</dc:creator>
		
		<category><![CDATA[JavaScript]]></category>

		<category><![CDATA[Programming]]></category>

		<category><![CDATA[Savvy.UI]]></category>

		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://crynobone.com/?p=152</guid>
		<description><![CDATA[This tutorial is a continuation of my previous tutorial Display Random Text in Your Website Using Savvy.UI but instead of random text this time we will display your latest Twitter Status. The tutorial is based on the Twitter Badge for HTML.

Twitter Object
Twitter Object which I created is actually based on the JavaScript provided by Twitter [...]]]></description>
			<content:encoded><![CDATA[<p>This tutorial is a continuation of my previous tutorial <a title="Display Random Text in Your Website Using Savvy.UI" rel="bookmark" href="http://crynobone.com/display-random-text-in-your-website-using-savvyui/">Display Random Text in Your Website Using Savvy.UI</a> but instead of random text this time we will display your latest Twitter Status. The tutorial is based on the <a href="http://twitter.com/badges/html">Twitter Badge for HTML</a>.<br />
<span id="more-152"></span></p>
<h3>Twitter Object</h3>
<p>Twitter Object which I created is actually based on the JavaScript provided by Twitter at <a href="http://twitter.com/javascripts/blogger.js">http://twitter.com/javascripts/blogger.js</a> with modification to allow better formatting and control of the script, below is the code for Twitter Object.</p>

<div class="wp_syntax"><div class="code"><pre class="javascript javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">var</span> twitter <span style="color: #339933;">=</span> <span style="color: #009900;">&#123;</span>
	statusHTML<span style="color: #339933;">:</span> <span style="color: #009900;">&#91;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">,</span> <span style="color: #006600; font-style: italic;">// store status as an array</span>
	intervalId<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">null</span><span style="color: #339933;">,</span> <span style="color: #006600; font-style: italic;">// intervalId</span>
	lastId<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">null</span><span style="color: #339933;">,</span>
	showMessage<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #000066; font-weight: bold;">do</span> <span style="color: #009900;">&#123;</span>
			<span style="color: #003366; font-weight: bold;">var</span> i <span style="color: #339933;">=</span> Math.<span style="color: #660066;">floor</span><span style="color: #009900;">&#40;</span>Math.<span style="color: #660066;">random</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">*</span> <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">statusHTML</span>.<span style="color: #660066;">length</span><span style="color: #009900;">&#41;</span>;
		<span style="color: #009900;">&#125;</span> <span style="color: #000066; font-weight: bold;">while</span><span style="color: #009900;">&#40;</span>i <span style="color: #339933;">==</span> <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">lastId</span><span style="color: #009900;">&#41;</span>;
		<span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">lastId</span> <span style="color: #339933;">=</span> i;
&nbsp;
		<span style="color: #006600; font-style: italic;">// now let display the selected text</span>
		Js.<span style="color: #660066;">widget</span>.<span style="color: #660066;">message</span>.<span style="color: #660066;">add</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span>text<span style="color: #339933;">:</span> <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">statusHTML</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span>;	
	<span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span>
	callback<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>obj<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #006600; font-style: italic;">// that will always refer to this for twitter</span>
		<span style="color: #003366; font-weight: bold;">var</span> that <span style="color: #339933;">=</span> <span style="color: #000066; font-weight: bold;">this</span>;
		<span style="color: #003366; font-weight: bold;">var</span> twitters <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;&quot;</span>;
		<span style="color: #003366; font-weight: bold;">var</span> username <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;&quot;</span>;
&nbsp;
		<span style="color: #006600; font-style: italic;">// Use Savvy.UI Jrun.each to loop all the value in twitter array.</span>
		Jrun.<span style="color: #660066;">each</span><span style="color: #009900;">&#40;</span>obj<span style="color: #339933;">,</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
			username <span style="color: #339933;">=</span> <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">user</span>.<span style="color: #660066;">screen_name</span>;
			twitters <span style="color: #339933;">=</span> <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">text</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&lt;br /&gt;'</span>;
			twitters <span style="color: #339933;">+=</span> <span style="color: #3366CC;">'&lt;a style=&quot;font-size:85%&quot; href=&quot;http://twitter.com/'</span> <span style="color: #339933;">+</span> username <span style="color: #339933;">+</span> <span style="color: #3366CC;">'/statuses/'</span> <span style="color: #339933;">+</span> <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">id</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&quot;&gt;'</span>;
			twitters <span style="color: #339933;">+=</span> that.<span style="color: #660066;">relative_time</span><span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">created_at</span><span style="color: #009900;">&#41;</span>;
			twitters <span style="color: #339933;">+=</span> <span style="color: #3366CC;">'&lt;/a&gt;'</span>;
&nbsp;
			that.<span style="color: #660066;">statusHTML</span><span style="color: #009900;">&#91;</span>that.<span style="color: #660066;">statusHTML</span>.<span style="color: #660066;">length</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> twitters;
		<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span>;
&nbsp;
		<span style="color: #006600; font-style: italic;">// show the first message</span>
		<span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">showMessage</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>;
		<span style="color: #006600; font-style: italic;">// create an interval of 10 second</span>
		<span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">intervalId</span> <span style="color: #339933;">=</span> setInterval<span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
			that.<span style="color: #660066;">showMessage</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>;
		<span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">10000</span><span style="color: #009900;">&#41;</span>; 
	<span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span>
	relative_time<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>time_value<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #006600; font-style: italic;">// relative time based on twitter code</span>
		<span style="color: #006600; font-style: italic;">// &lt;http://twitter.com/javascripts/blogger.js&gt;</span>
		<span style="color: #003366; font-weight: bold;">var</span> values <span style="color: #339933;">=</span> time_value.<span style="color: #660066;">split</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot; &quot;</span><span style="color: #009900;">&#41;</span>;
		time_value <span style="color: #339933;">=</span> values<span style="color: #009900;">&#91;</span><span style="color: #CC0000;">1</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot; &quot;</span> <span style="color: #339933;">+</span> values<span style="color: #009900;">&#91;</span><span style="color: #CC0000;">2</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;, &quot;</span> <span style="color: #339933;">+</span> values<span style="color: #009900;">&#91;</span><span style="color: #CC0000;">5</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot; &quot;</span> <span style="color: #339933;">+</span> values<span style="color: #009900;">&#91;</span><span style="color: #CC0000;">3</span><span style="color: #009900;">&#93;</span>;
&nbsp;
		<span style="color: #003366; font-weight: bold;">var</span> parsed_date <span style="color: #339933;">=</span> Date.<span style="color: #660066;">parse</span><span style="color: #009900;">&#40;</span>time_value<span style="color: #009900;">&#41;</span>;
		<span style="color: #003366; font-weight: bold;">var</span> relative_to <span style="color: #339933;">=</span> <span style="color: #009900;">&#40;</span>arguments.<span style="color: #660066;">length</span> <span style="color: #339933;">&gt;</span> <span style="color: #CC0000;">1</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">?</span> arguments<span style="color: #009900;">&#91;</span><span style="color: #CC0000;">1</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">new</span> Date<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>;
&nbsp;
		<span style="color: #003366; font-weight: bold;">var</span> delta <span style="color: #339933;">=</span> parseInt<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span>relative_to.<span style="color: #660066;">getTime</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">-</span> parsed_date<span style="color: #009900;">&#41;</span> <span style="color: #339933;">/</span> <span style="color: #CC0000;">1000</span><span style="color: #009900;">&#41;</span>;
		delta <span style="color: #339933;">=</span> delta <span style="color: #339933;">+</span> <span style="color: #009900;">&#40;</span>relative_to.<span style="color: #660066;">getTimezoneOffset</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">*</span> <span style="color: #CC0000;">60</span><span style="color: #009900;">&#41;</span>;
&nbsp;
		<span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>delta <span style="color: #339933;">&lt;</span> <span style="color: #CC0000;">60</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
			<span style="color: #000066; font-weight: bold;">return</span> <span style="color: #3366CC;">'less than a minute ago'</span>;
		<span style="color: #009900;">&#125;</span> <span style="color: #000066; font-weight: bold;">else</span> <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>delta <span style="color: #339933;">&lt;</span> <span style="color: #CC0000;">120</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
			<span style="color: #000066; font-weight: bold;">return</span> <span style="color: #3366CC;">'about a minute ago'</span>;
		<span style="color: #009900;">&#125;</span> <span style="color: #000066; font-weight: bold;">else</span> <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>delta <span style="color: #339933;">&lt;</span> <span style="color: #009900;">&#40;</span><span style="color: #CC0000;">60</span><span style="color: #339933;">*</span><span style="color: #CC0000;">60</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
			<span style="color: #000066; font-weight: bold;">return</span> <span style="color: #009900;">&#40;</span>parseInt<span style="color: #009900;">&#40;</span>delta <span style="color: #339933;">/</span> <span style="color: #CC0000;">60</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">toString</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">' minutes ago'</span>;
		<span style="color: #009900;">&#125;</span> <span style="color: #000066; font-weight: bold;">else</span> <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>delta <span style="color: #339933;">&lt;</span> <span style="color: #009900;">&#40;</span><span style="color: #CC0000;">120</span><span style="color: #339933;">*</span><span style="color: #CC0000;">60</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
			<span style="color: #000066; font-weight: bold;">return</span> <span style="color: #3366CC;">'about an hour ago'</span>;
		<span style="color: #009900;">&#125;</span> <span style="color: #000066; font-weight: bold;">else</span> <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>delta <span style="color: #339933;">&lt;</span> <span style="color: #009900;">&#40;</span><span style="color: #CC0000;">24</span><span style="color: #339933;">*</span><span style="color: #CC0000;">60</span><span style="color: #339933;">*</span><span style="color: #CC0000;">60</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
			<span style="color: #000066; font-weight: bold;">return</span> <span style="color: #3366CC;">'about '</span> <span style="color: #339933;">+</span> <span style="color: #009900;">&#40;</span>parseInt<span style="color: #009900;">&#40;</span>delta <span style="color: #339933;">/</span> <span style="color: #CC0000;">3600</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">toString</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">' hours ago'</span>;
		<span style="color: #009900;">&#125;</span> <span style="color: #000066; font-weight: bold;">else</span> <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>delta <span style="color: #339933;">&lt;</span> <span style="color: #009900;">&#40;</span><span style="color: #CC0000;">48</span><span style="color: #339933;">*</span><span style="color: #CC0000;">60</span><span style="color: #339933;">*</span><span style="color: #CC0000;">60</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
			<span style="color: #000066; font-weight: bold;">return</span> <span style="color: #3366CC;">'1 day ago'</span>;
		<span style="color: #009900;">&#125;</span> <span style="color: #000066; font-weight: bold;">else</span> <span style="color: #009900;">&#123;</span>
			<span style="color: #000066; font-weight: bold;">return</span> <span style="color: #009900;">&#40;</span>parseInt<span style="color: #009900;">&#40;</span>delta <span style="color: #339933;">/</span> <span style="color: #CC0000;">86400</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">toString</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">' days ago'</span>;
		<span style="color: #009900;">&#125;</span>
	<span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span>;
&nbsp;
Js.<span style="color: #660066;">simplify</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>;
$<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">ready</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #003366; font-weight: bold;">var</span> username <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;crynobone&quot;</span>; <span style="color: #006600; font-style: italic;">// you can change this to your own username</span>
	<span style="color: #003366; font-weight: bold;">var</span> counts <span style="color: #339933;">=</span> <span style="color: #CC0000;">10</span>; <span style="color: #006600; font-style: italic;">// how many status you want to display</span>
	Js.<span style="color: #660066;">util</span>.<span style="color: #660066;">includer</span>.<span style="color: #660066;">script</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;http://twitter.com/statuses/user_timeline/&quot;</span> <span style="color: #339933;">+</span> username <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;.json?callback=twitter.callback&amp;count=&quot;</span> <span style="color: #339933;">+</span> counts<span style="color: #009900;">&#41;</span>;
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span>;</pre></div></div>

<h4>a. showMessage</h4>
<p><code>showMessage</code> generate which Twitter&#8217;s Status will be selected to show using <code>Js.widget.message</code> for this interval. <code>this.lastId</code> help the code to avoid redundant status being show in a sequence.</p>

<div class="wp_syntax"><div class="code"><pre class="javascript javascript" style="font-family:monospace;">showMessage<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #000066; font-weight: bold;">do</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #003366; font-weight: bold;">var</span> i <span style="color: #339933;">=</span> Math.<span style="color: #660066;">floor</span><span style="color: #009900;">&#40;</span>Math.<span style="color: #660066;">random</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">*</span> <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">statusHTML</span>.<span style="color: #660066;">length</span><span style="color: #009900;">&#41;</span>;
	<span style="color: #009900;">&#125;</span> <span style="color: #000066; font-weight: bold;">while</span><span style="color: #009900;">&#40;</span>i <span style="color: #339933;">==</span> <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">lastId</span><span style="color: #009900;">&#41;</span>;
	<span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">lastId</span> <span style="color: #339933;">=</span> i;
&nbsp;
	<span style="color: #006600; font-style: italic;">// now let display the selected text</span>
	Js.<span style="color: #660066;">widget</span>.<span style="color: #660066;">message</span>.<span style="color: #660066;">add</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span>text<span style="color: #339933;">:</span> <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">statusHTML</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span>;	
<span style="color: #009900;">&#125;</span></pre></div></div>

<p>Alternatively you can also show Twitter&#8217;s Status in a sequence using by modifying the above code to the following.</p>

<div class="wp_syntax"><div class="code"><pre class="javascript javascript" style="font-family:monospace;">showMessage<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>Js.<span style="color: #660066;">isnull</span><span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">lastId</span><span style="color: #009900;">&#41;</span> || <span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">lastId</span> <span style="color: #339933;">&gt;=</span> <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">statusHTML</span>.<span style="color: #660066;">length</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">lastId</span> <span style="color: #339933;">=</span> 0;
	<span style="color: #009900;">&#125;</span> <span style="color: #000066; font-weight: bold;">else</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">lastId</span>++;	
	<span style="color: #009900;">&#125;</span>
	<span style="color: #003366; font-weight: bold;">var</span> i <span style="color: #339933;">=</span> <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">lastId</span>;
&nbsp;
	<span style="color: #006600; font-style: italic;">// now let display the selected text</span>
	Js.<span style="color: #660066;">widget</span>.<span style="color: #660066;">message</span>.<span style="color: #660066;">add</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span>text<span style="color: #339933;">:</span> <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">statusHTML</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span>;	
<span style="color: #009900;">&#125;</span></pre></div></div>

<h4>b. callback</h4>
<p><code>callback</code> function mimic the <code>twitterCallback2</code> function from the original Twitter Badge script but instead of adding all the status into an HTML Element using <code>innerHTML</code> we will add it into <code>this.statusHTML</code> as an array (as we did in the <a title="Display Random Text in Your Website Using Savvy.UI" rel="bookmark" href="http://crynobone.com/display-random-text-in-your-website-using-savvyui/">previous tutorial</a>).</p>

<div class="wp_syntax"><div class="code"><pre class="javascript javascript" style="font-family:monospace;">callback<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>obj<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #006600; font-style: italic;">// that will always refer to this for twitter</span>
	<span style="color: #003366; font-weight: bold;">var</span> that <span style="color: #339933;">=</span> <span style="color: #000066; font-weight: bold;">this</span>;
	<span style="color: #003366; font-weight: bold;">var</span> twitters <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;&quot;</span>;
	<span style="color: #003366; font-weight: bold;">var</span> username <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;&quot;</span>;
&nbsp;
	<span style="color: #006600; font-style: italic;">// Use Savvy.UI Jrun.each to loop all the value in twitter array.</span>
	Jrun.<span style="color: #660066;">each</span><span style="color: #009900;">&#40;</span>obj<span style="color: #339933;">,</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		username <span style="color: #339933;">=</span> <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">user</span>.<span style="color: #660066;">screen_name</span>;
		twitters <span style="color: #339933;">=</span> <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">text</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&lt;br /&gt;'</span>;
		twitters <span style="color: #339933;">+=</span> <span style="color: #3366CC;">'&lt;a style=&quot;font-size:85%&quot; href=&quot;http://twitter.com/'</span> <span style="color: #339933;">+</span> username <span style="color: #339933;">+</span> <span style="color: #3366CC;">'/statuses/'</span> <span style="color: #339933;">+</span> <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">id</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&quot;&gt;'</span>;
		twitters <span style="color: #339933;">+=</span> that.<span style="color: #660066;">relative_time</span><span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">created_at</span><span style="color: #009900;">&#41;</span>;
		twitters <span style="color: #339933;">+=</span> <span style="color: #3366CC;">'&lt;/a&gt;'</span>;
&nbsp;
		that.<span style="color: #660066;">statusHTML</span><span style="color: #009900;">&#91;</span>that.<span style="color: #660066;">statusHTML</span>.<span style="color: #660066;">length</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> twitters;
	<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span>;
&nbsp;
	<span style="color: #006600; font-style: italic;">// show the first message</span>
	<span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">showMessage</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>;
	<span style="color: #006600; font-style: italic;">// create an interval of 10 second</span>
	<span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">intervalId</span> <span style="color: #339933;">=</span> setInterval<span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		that.<span style="color: #660066;">showMessage</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>;
	<span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">10000</span><span style="color: #009900;">&#41;</span>; 
<span style="color: #009900;">&#125;</span></pre></div></div>

<h4>c. relative_time</h4>
<p><code>relative_time</code> code is as exactly as use in the Twitter Badge.</p>
<h3>Executing The Code</h3>
<p>Twitter have provide an easy API for us to load recent Twitter&#8217;s Status using this format.</p>

<div class="wp_syntax"><div class="code"><pre class="javascript javascript" style="font-family:monospace;">Js.<span style="color: #660066;">simplify</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>;
$<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">ready</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #003366; font-weight: bold;">var</span> username <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;crynobone&quot;</span>; <span style="color: #006600; font-style: italic;">// you can change this to your own username</span>
	<span style="color: #003366; font-weight: bold;">var</span> counts <span style="color: #339933;">=</span> <span style="color: #CC0000;">10</span>; <span style="color: #006600; font-style: italic;">// how many status you want to display</span>
	Js.<span style="color: #660066;">util</span>.<span style="color: #660066;">includer</span>.<span style="color: #660066;">script</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;http://twitter.com/statuses/user_timeline/&quot;</span> <span style="color: #339933;">+</span> username <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;.json?callback=twitter.callback&amp;count=&quot;</span> <span style="color: #339933;">+</span> counts<span style="color: #009900;">&#41;</span>;
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span>;</pre></div></div>

<a href="http://www.pheedo.com/click.phdo?x=b47f5d081798435aa5d417c6069d2c7d&u=152"><img src="http://www.pheedo.com/img.phdo?x=b47f5d081798435aa5d417c6069d2c7d&u=152" border="0"/></a><br />
      
<p><a href="http://feeds.feedburner.com/~a/crynobone?a=neXexm"><img src="http://feeds.feedburner.com/~a/crynobone?i=neXexm" border="0"></img></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~f/crynobone?a=P7CwUL"><img src="http://feeds.feedburner.com/~f/crynobone?i=P7CwUL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=nbpKtl"><img src="http://feeds.feedburner.com/~f/crynobone?i=nbpKtl" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=mAuUTl"><img src="http://feeds.feedburner.com/~f/crynobone?i=mAuUTl" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=zmRXJL"><img src="http://feeds.feedburner.com/~f/crynobone?i=zmRXJL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=AvKsKl"><img src="http://feeds.feedburner.com/~f/crynobone?i=AvKsKl" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=dviljL"><img src="http://feeds.feedburner.com/~f/crynobone?i=dviljL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=XYzpPl"><img src="http://feeds.feedburner.com/~f/crynobone?i=XYzpPl" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://crynobone.com/display-twitter-status-in-your-website-using-savvyui/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Display Random Text in Your Website Using Savvy.UI</title>
		<link>http://crynobone.com/display-random-text-in-your-website-using-savvyui/</link>
		<comments>http://crynobone.com/display-random-text-in-your-website-using-savvyui/#comments</comments>
		<pubDate>Thu, 04 Sep 2008 13:52:03 +0000</pubDate>
		<dc:creator>Zaki</dc:creator>
		
		<category><![CDATA[JavaScript]]></category>

		<category><![CDATA[Programming]]></category>

		<category><![CDATA[Savvy.UI]]></category>

		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://crynobone.com/?p=140</guid>
		<description><![CDATA[What your opinion to the random text appearing at the upper right corner of this blog? Would like to have one too? Savvy.UI JavaScript Library has made it easy for you to display message or note without interfering the user view of the application using Js.widget.message object.

Initializing The Object
Declaring the Js.widget.message object is practically simple, [...]]]></description>
			<content:encoded><![CDATA[<p>What your opinion to the random text appearing at the upper right corner of this blog? Would like to have one too? Savvy.UI JavaScript Library has made it easy for you to display message or note without interfering the user view of the application using <code>Js.widget.message</code> object.<br />
<span id="more-140"></span></p>
<h3>Initializing The Object</h3>
<p>Declaring the <code>Js.widget.message</code> object is practically simple, all you need to do is include the Savvy.UI script and the Cascading Style Sheet file included in the package and add this line.</p>

<div class="wp_syntax"><div class="code"><pre class="javascript javascript" style="font-family:monospace;">Js.<span style="color: #660066;">simplify</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>; <span style="color: #006600; font-style: italic;">// this is optional if you prefer to use $(), otherwise Js()</span>
&nbsp;
$<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">ready</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	Js.<span style="color: #660066;">widget</span>.<span style="color: #660066;">message</span>.<span style="color: #660066;">init</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>;
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span>;</pre></div></div>

<h3>Random Text Script</h3>
<p>Creating the random text script is roughly simple, all you need to do is put all possible text/quote as an array and display it randomly using <code>Math.random</code> and <code>Js.widget.message.add()</code>. Here how I did it.</p>

<div class="wp_syntax"><div class="code"><pre class="javascript javascript" style="font-family:monospace;">$<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">ready</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #003366; font-weight: bold;">var</span> note <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #003366; font-weight: bold;">var</span> texts <span style="color: #339933;">=</span> <span style="color: #009900;">&#91;</span>
			<span style="color: #3366CC;">&quot;Welcome to my blog&quot;</span><span style="color: #339933;">,</span> 
			<span style="color: #3366CC;">&quot;Howdy there&quot;</span><span style="color: #339933;">,</span>
			<span style="color: #3366CC;">&quot;Looking for something?&quot;</span><span style="color: #339933;">,</span>
			<span style="color: #3366CC;">&quot;Drop a comment while you at it...&quot;</span><span style="color: #339933;">,</span> 
			<span style="color: #3366CC;">&quot;Hope you find the information here useful&quot;</span><span style="color: #339933;">,</span> 
			<span style="color: #3366CC;">&quot;Contact me if you have any enquiry&quot;</span><span style="color: #339933;">,</span> 
			<span style="color: #3366CC;">&quot;Do you have any freelance work for me?&quot;</span><span style="color: #339933;">,</span> 
			<span style="color: #3366CC;">&quot;I just love PHP and JavaScript, do you?&quot;</span><span style="color: #339933;">,</span>
			<span style="color: #3366CC;">&quot;My name is Mior Muhammad Zaki, what's yours?&quot;</span>
		<span style="color: #009900;">&#93;</span>;
		<span style="color: #003366; font-weight: bold;">var</span> i <span style="color: #339933;">=</span> Math.<span style="color: #660066;">floor</span><span style="color: #009900;">&#40;</span>Math.<span style="color: #660066;">random</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">*</span>texts.<span style="color: #660066;">length</span><span style="color: #009900;">&#41;</span>;
&nbsp;
		<span style="color: #006600; font-style: italic;">// now let display the selected text</span>
		Js.<span style="color: #660066;">widget</span>.<span style="color: #660066;">message</span>.<span style="color: #660066;">add</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span>text<span style="color: #339933;">:</span> texts<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span>;
	<span style="color: #009900;">&#125;</span>;
	note<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>;
	setInterval<span style="color: #009900;">&#40;</span>note<span style="color: #339933;">,</span> <span style="color: #CC0000;">10000</span><span style="color: #009900;">&#41;</span>; <span style="color: #006600; font-style: italic;">// give it 10 second interval delay</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span>;</pre></div></div>

<a href="http://www.pheedo.com/click.phdo?x=b47f5d081798435aa5d417c6069d2c7d&u=140"><img src="http://www.pheedo.com/img.phdo?x=b47f5d081798435aa5d417c6069d2c7d&u=140" border="0"/></a><br />
      
<p><a href="http://feeds.feedburner.com/~a/crynobone?a=QpJPXz"><img src="http://feeds.feedburner.com/~a/crynobone?i=QpJPXz" border="0"></img></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~f/crynobone?a=YApeYL"><img src="http://feeds.feedburner.com/~f/crynobone?i=YApeYL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=1TZdQl"><img src="http://feeds.feedburner.com/~f/crynobone?i=1TZdQl" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=dwEP5l"><img src="http://feeds.feedburner.com/~f/crynobone?i=dwEP5l" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=MH7uFL"><img src="http://feeds.feedburner.com/~f/crynobone?i=MH7uFL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=GUOLDl"><img src="http://feeds.feedburner.com/~f/crynobone?i=GUOLDl" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=aB9eQL"><img src="http://feeds.feedburner.com/~f/crynobone?i=aB9eQL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=NEngjl"><img src="http://feeds.feedburner.com/~f/crynobone?i=NEngjl" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://crynobone.com/display-random-text-in-your-website-using-savvyui/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Savvy.UI 1.0.0 Pre-release</title>
		<link>http://crynobone.com/savvyui-100-pre-release/</link>
		<comments>http://crynobone.com/savvyui-100-pre-release/#comments</comments>
		<pubDate>Thu, 04 Sep 2008 12:38:23 +0000</pubDate>
		<dc:creator>Zaki</dc:creator>
		
		<category><![CDATA[Asides]]></category>

		<category><![CDATA[Savvy.UI]]></category>

		<guid isPermaLink="false">http://crynobone.com/?p=142</guid>
		<description><![CDATA[A pre-release of all new Savvy.UI JavaScript Library is now available for download at http://savvyui.googlecode.com, trunk version is also available via SVN.

      ]]></description>
			<content:encoded><![CDATA[<p>A pre-release of all new Savvy.UI JavaScript Library is now available for download at <a href="http://savvyui.googlecode.com">http://savvyui.googlecode.com</a>, trunk version is also available via SVN.</p>
<a href="http://www.pheedo.com/click.phdo?x=b47f5d081798435aa5d417c6069d2c7d&u=142"><img src="http://www.pheedo.com/img.phdo?x=b47f5d081798435aa5d417c6069d2c7d&u=142" border="0"/></a><br />
      
<p><a href="http://feeds.feedburner.com/~a/crynobone?a=GyvMby"><img src="http://feeds.feedburner.com/~a/crynobone?i=GyvMby" border="0"></img></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~f/crynobone?a=9e38SL"><img src="http://feeds.feedburner.com/~f/crynobone?i=9e38SL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=GdcW0l"><img src="http://feeds.feedburner.com/~f/crynobone?i=GdcW0l" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=gMA8rl"><img src="http://feeds.feedburner.com/~f/crynobone?i=gMA8rl" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=bJi8FL"><img src="http://feeds.feedburner.com/~f/crynobone?i=bJi8FL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=l9v27l"><img src="http://feeds.feedburner.com/~f/crynobone?i=l9v27l" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=IKleSL"><img src="http://feeds.feedburner.com/~f/crynobone?i=IKleSL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=8h4Cjl"><img src="http://feeds.feedburner.com/~f/crynobone?i=8h4Cjl" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://crynobone.com/savvyui-100-pre-release/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Google Chrome</title>
		<link>http://crynobone.com/google-chrome/</link>
		<comments>http://crynobone.com/google-chrome/#comments</comments>
		<pubDate>Tue, 02 Sep 2008 23:36:52 +0000</pubDate>
		<dc:creator>Zaki</dc:creator>
		
		<category><![CDATA[Asides]]></category>

		<category><![CDATA[Browser]]></category>

		<guid isPermaLink="false">http://crynobone.com/?p=130</guid>
		<description><![CDATA[Google finally release it&#8217;s own web browser &#8220;Google Chrome&#8221; based on Webkit and V8 JavaScript Engine, you can now download the application (for Windows XP/Vista), as for Mac and Linux do checkout their Developer Documentation page.

      ]]></description>
			<content:encoded><![CDATA[<p>Google finally release it&#8217;s own web browser &#8220;Google Chrome&#8221; based on <a href="http://webkit.org/">Webkit</a> and <a href="http://code.google.com/p/v8/">V8</a> JavaScript Engine, you can now <a href="http://www.google.com/chrome">download</a> the application (for Windows XP/Vista), as for Mac and Linux do checkout their <a href="http://dev.chromium.org/">Developer Documentation</a> page.</p>
<a href="http://www.pheedo.com/click.phdo?x=b47f5d081798435aa5d417c6069d2c7d&u=130"><img src="http://www.pheedo.com/img.phdo?x=b47f5d081798435aa5d417c6069d2c7d&u=130" border="0"/></a><br />
      
<p><a href="http://feeds.feedburner.com/~a/crynobone?a=7rvKR1"><img src="http://feeds.feedburner.com/~a/crynobone?i=7rvKR1" border="0"></img></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~f/crynobone?a=n0DFmL"><img src="http://feeds.feedburner.com/~f/crynobone?i=n0DFmL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=w3lBYl"><img src="http://feeds.feedburner.com/~f/crynobone?i=w3lBYl" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=KlL8Xl"><img src="http://feeds.feedburner.com/~f/crynobone?i=KlL8Xl" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=sEUfFL"><img src="http://feeds.feedburner.com/~f/crynobone?i=sEUfFL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=uCn5jl"><img src="http://feeds.feedburner.com/~f/crynobone?i=uCn5jl" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=O5IAfL"><img src="http://feeds.feedburner.com/~f/crynobone?i=O5IAfL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=tvVEjl"><img src="http://feeds.feedburner.com/~f/crynobone?i=tvVEjl" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://crynobone.com/google-chrome/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Hide E-mail Address From Spammer in HTML</title>
		<link>http://crynobone.com/hide-e-mail-address-from-spammer-in-html/</link>
		<comments>http://crynobone.com/hide-e-mail-address-from-spammer-in-html/#comments</comments>
		<pubDate>Tue, 02 Sep 2008 15:29:21 +0000</pubDate>
		<dc:creator>Zaki</dc:creator>
		
		<category><![CDATA[JavaScript]]></category>

		<category><![CDATA[Programming]]></category>

		<category><![CDATA[Savvy.UI]]></category>

		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://crynobone.com/?p=125</guid>
		<description><![CDATA[There&#8217;re multiple way to hide E-mail Address in your HTML page from being fetch/grab by spammer, today let me show you one way of doing it using simple JavaScript and Savvy.UI JavaScript Library.

Email me to &#60;span class=&#34;mailto&#34;&#62;&#60;/span&#62;

Here&#8217;s an example how you can transform all span.mailto to display and link an e-mail.

Js.simplify&#40;&#41;;
var email = &#91;&#34;zaki&#34;,&#34;codenitive.com&#34;&#93;.join&#40;&#34;@&#34;&#41;; // [...]]]></description>
			<content:encoded><![CDATA[<p>There&#8217;re multiple way to hide E-mail Address in your HTML page from being fetch/grab by spammer, today let me show you one way of doing it using simple JavaScript and Savvy.UI JavaScript Library.</p>

<div class="wp_syntax"><div class="code"><pre class="html4strict html4strict" style="font-family:monospace;">Email me to <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">span</span> <span style="color: #000066;">class</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;mailto&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">span</span>&gt;</span></pre></div></div>

<p>Here&#8217;s an example how you can transform all <code>span.mailto</code> to display and link an e-mail.</p>

<div class="wp_syntax"><div class="code"><pre class="javascript javascript" style="font-family:monospace;">Js.<span style="color: #660066;">simplify</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>;
<span style="color: #003366; font-weight: bold;">var</span> email <span style="color: #339933;">=</span> <span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;zaki&quot;</span><span style="color: #339933;">,</span><span style="color: #3366CC;">&quot;codenitive.com&quot;</span><span style="color: #009900;">&#93;</span>.<span style="color: #660066;">join</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;@&quot;</span><span style="color: #009900;">&#41;</span>; <span style="color: #006600; font-style: italic;">// just edit this line;</span>
&nbsp;
$<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">ready</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;span.mailto&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">each</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		$<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">add</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;a&quot;</span><span style="color: #339933;">,</span> <span style="color: #009900;">&#123;</span>
			href<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;mailto:&quot;</span> <span style="color: #339933;">+</span> email<span style="color: #339933;">,</span>
			title<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;Email to &quot;</span> <span style="color: #339933;">+</span> email
		<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">text</span><span style="color: #009900;">&#40;</span>email<span style="color: #009900;">&#41;</span>;
	<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span>;
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span>;</pre></div></div>

<a href="http://www.pheedo.com/click.phdo?x=b47f5d081798435aa5d417c6069d2c7d&u=125"><img src="http://www.pheedo.com/img.phdo?x=b47f5d081798435aa5d417c6069d2c7d&u=125" border="0"/></a><br />
      
<p><a href="http://feeds.feedburner.com/~a/crynobone?a=J8svX9"><img src="http://feeds.feedburner.com/~a/crynobone?i=J8svX9" border="0"></img></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~f/crynobone?a=ivSaXL"><img src="http://feeds.feedburner.com/~f/crynobone?i=ivSaXL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=RdnIYl"><img src="http://feeds.feedburner.com/~f/crynobone?i=RdnIYl" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=KDp27l"><img src="http://feeds.feedburner.com/~f/crynobone?i=KDp27l" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=h5eHAL"><img src="http://feeds.feedburner.com/~f/crynobone?i=h5eHAL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=jWu8Gl"><img src="http://feeds.feedburner.com/~f/crynobone?i=jWu8Gl" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=408KkL"><img src="http://feeds.feedburner.com/~f/crynobone?i=408KkL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=eWLXxl"><img src="http://feeds.feedburner.com/~f/crynobone?i=eWLXxl" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://crynobone.com/hide-e-mail-address-from-spammer-in-html/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Js.simplify</title>
		<link>http://crynobone.com/jssimplify/</link>
		<comments>http://crynobone.com/jssimplify/#comments</comments>
		<pubDate>Tue, 02 Sep 2008 13:43:44 +0000</pubDate>
		<dc:creator>Zaki</dc:creator>
		
		<category><![CDATA[Asides]]></category>

		<category><![CDATA[JavaScript]]></category>

		<category><![CDATA[Programming]]></category>

		<category><![CDATA[Savvy.UI]]></category>

		<guid isPermaLink="false">http://crynobone.com/?p=119</guid>
		<description><![CDATA[Enable $() in Savvy.UI JavaScript Library is now 1 line away, just write Js.simplify() and your done.

      ]]></description>
			<content:encoded><![CDATA[<p>Enable <code>$()</code> in Savvy.UI JavaScript Library is now 1 line away, just write <code>Js.simplify()</code> and your done.</p>
<a href="http://www.pheedo.com/click.phdo?x=b47f5d081798435aa5d417c6069d2c7d&u=119"><img src="http://www.pheedo.com/img.phdo?x=b47f5d081798435aa5d417c6069d2c7d&u=119" border="0"/></a><br />
      
<p><a href="http://feeds.feedburner.com/~a/crynobone?a=igs1E8"><img src="http://feeds.feedburner.com/~a/crynobone?i=igs1E8" border="0"></img></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~f/crynobone?a=pWqkQL"><img src="http://feeds.feedburner.com/~f/crynobone?i=pWqkQL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=qWiKWl"><img src="http://feeds.feedburner.com/~f/crynobone?i=qWiKWl" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=SAuc4l"><img src="http://feeds.feedburner.com/~f/crynobone?i=SAuc4l" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=WauUBL"><img src="http://feeds.feedburner.com/~f/crynobone?i=WauUBL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=gbEjel"><img src="http://feeds.feedburner.com/~f/crynobone?i=gbEjel" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=Fvr3BL"><img src="http://feeds.feedburner.com/~f/crynobone?i=Fvr3BL" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=3QR6Cl"><img src="http://feeds.feedburner.com/~f/crynobone?i=3QR6Cl" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://crynobone.com/jssimplify/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Contact Me</title>
		<link>http://crynobone.com/contact-me/</link>
		<comments>http://crynobone.com/contact-me/#comments</comments>
		<pubDate>Fri, 29 Aug 2008 09:02:02 +0000</pubDate>
		<dc:creator>Zaki</dc:creator>
		
		<category><![CDATA[Asides]]></category>

		<guid isPermaLink="false">http://crynobone.com/?p=107</guid>
		<description><![CDATA[I just finish developing a custom Contact Form for this blog, if you need to reach me please do so using at the Contact page.

      ]]></description>
			<content:encoded><![CDATA[<p>I just finish developing a custom Contact Form for this blog, if you need to reach me please do so using at the <a title="Contact" href="http://crynobone.com/contact/">Contact</a> page.</p>
<a href="http://www.pheedo.com/click.phdo?x=b47f5d081798435aa5d417c6069d2c7d&u=107"><img src="http://www.pheedo.com/img.phdo?x=b47f5d081798435aa5d417c6069d2c7d&u=107" border="0"/></a><br />
      
<p><a href="http://feeds.feedburner.com/~a/crynobone?a=jy0MZa"><img src="http://feeds.feedburner.com/~a/crynobone?i=jy0MZa" border="0"></img></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~f/crynobone?a=gRtVfK"><img src="http://feeds.feedburner.com/~f/crynobone?i=gRtVfK" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=kOvh0k"><img src="http://feeds.feedburner.com/~f/crynobone?i=kOvh0k" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=kindGk"><img src="http://feeds.feedburner.com/~f/crynobone?i=kindGk" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=PR6BEK"><img src="http://feeds.feedburner.com/~f/crynobone?i=PR6BEK" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=2eNDPk"><img src="http://feeds.feedburner.com/~f/crynobone?i=2eNDPk" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=YvNBjK"><img src="http://feeds.feedburner.com/~f/crynobone?i=YvNBjK" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/crynobone?a=vW0kbk"><img src="http://feeds.feedburner.com/~f/crynobone?i=vW0kbk" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://crynobone.com/contact-me/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
