<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Muthukumar Rajamani &#187; Code is Poetry</title>
	<atom:link href="http://muthuonline.com/archives/category/code-stuff/feed/" rel="self" type="application/rss+xml" />
	<link>http://muthuonline.com</link>
	<description>Product Strategist, Experience Designer &#38; Code Tweaker</description>
	<lastBuildDate>Wed, 18 Jan 2012 05:14:42 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>Untitled</title>
		<link>http://muthuonline.com/archives/2010/12/02/568/</link>
		<comments>http://muthuonline.com/archives/2010/12/02/568/#comments</comments>
		<pubDate>Thu, 02 Dec 2010 13:02:26 +0000</pubDate>
		<dc:creator>Muthu Online</dc:creator>
				<category><![CDATA[Android]]></category>
		<category><![CDATA[Code is Poetry]]></category>

		<guid isPermaLink="false">http://muthuonline.com/?p=568</guid>
		<description><![CDATA[Resource : Tab Widget UI:]]></description>
			<content:encoded><![CDATA[<p>Resource : <a href="http://developer.android.com/resources/tutorials/views/hello-tabwidget.html">Tab Widget</a> </p>
<p>UI:<div class="wp-caption alignnone" style="width: 391px"><a href="m/android/2ndandroidapp.gif"><img alt="Android Tab Widget" src="http://muthuonline.com/m/android/2ndandroidapp.gif" title="Android Tab Widget" width="381" height="563" /></a><p class="wp-caption-text">Android Tab Widget</p></div></p>
]]></content:encoded>
			<wfw:commentRss>http://muthuonline.com/archives/2010/12/02/568/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Android Application Design/Dev Basics : 2</title>
		<link>http://muthuonline.com/archives/2010/11/29/android-application-designdev-basics-2/</link>
		<comments>http://muthuonline.com/archives/2010/11/29/android-application-designdev-basics-2/#comments</comments>
		<pubDate>Mon, 29 Nov 2010 14:41:03 +0000</pubDate>
		<dc:creator>Muthu Online</dc:creator>
				<category><![CDATA[Android]]></category>
		<category><![CDATA[Code is Poetry]]></category>
		<category><![CDATA[HTML5, CSS3, DOM & JS]]></category>
		<category><![CDATA[layout]]></category>

		<guid isPermaLink="false">http://muthuonline.com/?p=557</guid>
		<description><![CDATA[Code: View Source UI:]]></description>
			<content:encoded><![CDATA[<p><strong>Code:</strong> <a href="http://muthuonline.com/m/android/firstandroidapp.html">View Source</a></p>
<p><strong>UI:</strong><br />
<div class="wp-caption alignnone" style="width: 349px"><a href="http://muthuonline.com/m/android/firstandroidapp.gif"><img alt="My First Android App" src="http://muthuonline.com/m/android/firstandroidapp.gif" title="App UI" width="339" height="500" /></a><p class="wp-caption-text">My First Android App</p></div></p>
]]></content:encoded>
			<wfw:commentRss>http://muthuonline.com/archives/2010/11/29/android-application-designdev-basics-2/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Android Application Design/Dev Basics : 1</title>
		<link>http://muthuonline.com/archives/2010/11/29/android-application-designdev-basics-1/</link>
		<comments>http://muthuonline.com/archives/2010/11/29/android-application-designdev-basics-1/#comments</comments>
		<pubDate>Mon, 29 Nov 2010 09:41:48 +0000</pubDate>
		<dc:creator>Muthu Online</dc:creator>
				<category><![CDATA[Android]]></category>
		<category><![CDATA[Code is Poetry]]></category>
		<category><![CDATA[HTML5, CSS3, DOM & JS]]></category>
		<category><![CDATA[code]]></category>

		<guid isPermaLink="false">http://muthuonline.com/?p=543</guid>
		<description><![CDATA[Do check out Android UI guidelines and their notion of Applications, Activities &#38; Tasks Do read Hello World as well Install Eclipse IDE, Android SDK Plugin for Eclipse Here are some rough notes: All images should be placed under Res &#62; Drawable. If multiple devices and resolutions are targetted, images should be placed in the<a href="http://muthuonline.com/archives/2010/11/29/android-application-designdev-basics-1/"> <br /><br /> (More)…</a>]]></description>
			<content:encoded><![CDATA[<p>Do check out <a href="http://developer.android.com/guide/practices/ui_guidelines/index.html">Android UI guidelines</a> and their notion of <a href="http://developer.android.com/guide/practices/ui_guidelines/activity_task_design.html">Applications, Activities &amp; Tasks</a></p>
<p>Do read <a href="http://developer.android.com/resources/tutorials/hello-world.html">Hello World</a> as well</p>
<p>Install <a href="http://www.eclipse.org/downloads/download.php?file=/technology/epp/downloads/release/galileo/R/eclipse-java-galileo-win32.zip">Eclipse IDE</a>, Android SDK Plugin for Eclipse</p>
<p><strong>Here are some rough notes:</strong></p>
<div class="wp-caption alignleft" style="width: 460px"><a href="http://muthuonline.com/m/android/HelloWorld.gif"><img title="Android Dev" src="http://muthuonline.com/m/android/HelloWorld.gif" alt="Android Dev" width="450" height="307" /></a><p class="wp-caption-text">Android Dev</p></div>
<li>All images should be placed under Res &gt; Drawable.</li>
<li>If multiple devices and resolutions are targetted, images should be placed in the corresponding hi/low/med dpi folders.</li>
<li>Layout is specified under Res &gt; Layout</li>
<p>Manifest is an important config file that should not be renamed.</p>
<li>Application tag is used to specify that this is an application and not a service.</li>
<li>App name is set here</li>
<li>&#8220;Android: Icon&#8221; sends pointer to the the app icon, which should be placed in the Drawables under Resources</li>
<li>Pre-defined category &#8220;launcher&#8221; is used to launch the app when the app icon gets clicked.</li>
<li>Layouts may contain views and sub views.</li>
]]></content:encoded>
			<wfw:commentRss>http://muthuonline.com/archives/2010/11/29/android-application-designdev-basics-1/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Geo Location on HTML5</title>
		<link>http://muthuonline.com/archives/2010/05/04/geo-location-on-html5/</link>
		<comments>http://muthuonline.com/archives/2010/05/04/geo-location-on-html5/#comments</comments>
		<pubDate>Tue, 04 May 2010 12:15:21 +0000</pubDate>
		<dc:creator>Muthu Online</dc:creator>
				<category><![CDATA[Code is Poetry]]></category>
		<category><![CDATA[HTML5, CSS3, DOM & JS]]></category>

		<guid isPermaLink="false">http://muthuonline.com/?p=524</guid>
		<description><![CDATA[Locate your approx. current location through Firefox v 3.6.3. Tweaked Google Maps API and some geo location functionality of HTML5 and got this -> http://muthuonline.com/geoloc5.html]]></description>
			<content:encoded><![CDATA[<p>Locate your approx. current location through Firefox v 3.6.3.</p>
<p>Tweaked Google Maps API and some geo location functionality of HTML5 and got this -> </p>
<p><a target="blank" href="http://muthuonline.com/geoloc5.html">http://muthuonline.com/geoloc5.html</a><strong></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://muthuonline.com/archives/2010/05/04/geo-location-on-html5/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Android vs iPhone : Front End Dev</title>
		<link>http://muthuonline.com/archives/2009/12/03/android-vs-iphone-front-end-dev/</link>
		<comments>http://muthuonline.com/archives/2009/12/03/android-vs-iphone-front-end-dev/#comments</comments>
		<pubDate>Thu, 03 Dec 2009 06:12:38 +0000</pubDate>
		<dc:creator>Muthu Online</dc:creator>
				<category><![CDATA[Android]]></category>
		<category><![CDATA[Apple iPhone Tricks,Bugs,Hacks]]></category>
		<category><![CDATA[Code is Poetry]]></category>
		<category><![CDATA[Mobile Phone Apps]]></category>

		<guid isPermaLink="false">http://muthuonline.com/?p=477</guid>
		<description><![CDATA[On Android phones, to set the initial page zoom level and disable the user controlled zoom, add the following code. meta name=”viewport” content=”width=device-width; initial-scale=1.3; minimum-scale=1.3; maximum-scale=1.3;”/. Ensure that the scale have a min value of 1.3 For iPhone, add this code meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;”/]]></description>
			<content:encoded><![CDATA[<p>On Android phones, to set the initial page zoom level and disable the user controlled zoom, add the following code.</p>
<p>meta name=”viewport” content=”width=device-width; initial-scale=1.3; minimum-scale=1.3; maximum-scale=1.3;”/. Ensure that the scale have a min value of 1.3</p>
<p>For iPhone, add this code<br />
meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;”/</p>
]]></content:encoded>
			<wfw:commentRss>http://muthuonline.com/archives/2009/12/03/android-vs-iphone-front-end-dev/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>OpenSocial app</title>
		<link>http://muthuonline.com/archives/2008/06/05/opensocial/</link>
		<comments>http://muthuonline.com/archives/2008/06/05/opensocial/#comments</comments>
		<pubDate>Thu, 05 Jun 2008 08:36:27 +0000</pubDate>
		<dc:creator>Muthu Online</dc:creator>
				<category><![CDATA[Code is Poetry]]></category>
		<category><![CDATA[HTML5, CSS3, DOM & JS]]></category>
		<category><![CDATA[Social Media, Software]]></category>

		<guid isPermaLink="false">http://muthuonline.com/archives/2008/06/05/opensocial/</guid>
		<description><![CDATA[Done with coding a simple xml app and hosting it on Google Code. Waiting to get access to Orkut sandbox so that i can proceed to add this app on Orkut.]]></description>
			<content:encoded><![CDATA[<p>Done with coding a simple xml app and hosting it on Google Code.  Waiting to get access to Orkut sandbox so that i can proceed to add this app on Orkut.</p>
]]></content:encoded>
			<wfw:commentRss>http://muthuonline.com/archives/2008/06/05/opensocial/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Structure of a RSS Feed</title>
		<link>http://muthuonline.com/archives/2008/05/13/structure-of-a-rss-feed/</link>
		<comments>http://muthuonline.com/archives/2008/05/13/structure-of-a-rss-feed/#comments</comments>
		<pubDate>Tue, 13 May 2008 07:30:19 +0000</pubDate>
		<dc:creator>Muthu Online</dc:creator>
				<category><![CDATA[Code is Poetry]]></category>
		<category><![CDATA[HTML5, CSS3, DOM & JS]]></category>
		<category><![CDATA[Social Media, Software]]></category>
		<category><![CDATA[Web Technologies]]></category>

		<guid isPermaLink="false">http://muthuonline.com/archives/2008/05/13/structure-of-a-rss-feed/</guid>
		<description><![CDATA[Sample RSS 2.0 Feed http://webdesign.about.com/rss2.0feed/ An example of a simple RSS feed. This is the description of the feed itself, not an item. http://webdesign.about.com/rss2.0feed/entry.html This is the text that will appear in the feedreaders. It describes the post itself, not the entire feed. http://webdesign.about.com/rss2.0feed/entry.html &#160; How to Build an RSS File from Scratch Let them<a href="http://muthuonline.com/archives/2008/05/13/structure-of-a-rss-feed/"> <br /><br /> (More)…</a>]]></description>
			<content:encoded><![CDATA[<style type="text/css">
<!--
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.style1 {
	font-size: 14px;
	font-weight: bold;
}
-->
</style>
<p class="style1"><strong>Sample RSS 2.0 Feed </strong></p>
<p>
  <textarea name="textarea6" cols="40" rows="18"><rss version="2.0"><br />
<channel></p>
<link>http://webdesign.about.com/rss2.0feed/<br />
<description>An example of a simple RSS feed. This is the description of the feed itself, not an item.</description></p>
<p><item></p>
<link>http://webdesign.about.com/rss2.0feed/entry.html<br />
<description>This is the text that will appear in the feedreaders. It describes the post itself, not the entire feed.</description><br />
<guid>http://webdesign.about.com/rss2.0feed/entry.html</guid>
</link></item></p>
</link></channel><br />
</rss><br />
  </textarea>
</p>
<p>&nbsp;</p>
<p><span class="style1">How to Build an RSS File from Scratch</span></p>
<p>Let them know that &#8230; </p>
<p>&nbsp;</p>
<p>this is an XML File </p>
<p>
  <textarea name="textarea" cols="40" rows="1">< ?xml version="1.0" encoding="utf-8"?><br />
  </textarea>
</p>
<p>&nbsp; </p>
<p>this is an RSS 2.0 document </p>
<p>
  <textarea name="textfield" cols="40" rows="2"><rss version="2.0"><br />
</rss><br />
    </textarea>
</p>
<p>&nbsp;</p>
<p>with a channel </p>
<p>
  <textarea name="textarea2" cols="40" rows="2"><channel><br />
</channel><br />
  </textarea>
</p>
<p>  containing a &lt;title&gt;, &lt;link&gt; &amp; a &lt;description&gt;</p>
<p>
  <textarea name="textarea3" cols="40" rows="6"></p>
<link>http://webdesign.about.com/rss2.0feed/
<p><description>An example of a simple RSS feed. This is the description of the feed itself, not an item.</description>
  </link></textarea>
</p>
<p>&nbsp;</p>
<p>and an &lt;item&gt;, item &lt;title&gt;, item &lt;link&gt;, item &lt;description&gt; </p>
<p>
  <textarea name="textarea4" cols="40" rows="12"><item></p>
<link>http://webdesign.about.com/rss2.0feed/entry.html
<p><description>This is the text that will appear in the feedreaders. It describes the post itself, not the entire feed.</description></p>
<p><guid>http://webdesign.about.com/rss2.0feed/entry.html</guid></p>
</link></item></textarea>
</p>
<p>&nbsp;</p>
<p>
  <textarea name="textarea5" cols="40" rows="1">close necessary tags<br />
  </textarea>
</p>
<p>&nbsp;</p>
<p><strong>Related Links </strong></p>
<ol>
<li><a href="http://webdesign.about.com/cs/rss/a/aa052603a.htm" onclick="zIlb(this)">What is RSS?</a></li>
<li><a href="http://webdesign.about.com/od/validators/l/bl_validation.htm#rssvalidator" onclick="zIlb(this)">Validate Your RSS Feed</a></li>
<li><a href="http://webdesign.about.com/cs/rss/ht/htpromorssfeed.htm" onclick="zIlb(this)">How to Promote Your RSS Feed</a></li>
</ol>
<p></p>
]]></content:encoded>
			<wfw:commentRss>http://muthuonline.com/archives/2008/05/13/structure-of-a-rss-feed/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery for Designers</title>
		<link>http://muthuonline.com/archives/2008/03/25/jquery-for-designers/</link>
		<comments>http://muthuonline.com/archives/2008/03/25/jquery-for-designers/#comments</comments>
		<pubDate>Tue, 25 Mar 2008 08:38:48 +0000</pubDate>
		<dc:creator>Muthu Online</dc:creator>
				<category><![CDATA[Code is Poetry]]></category>
		<category><![CDATA[HTML5, CSS3, DOM & JS]]></category>

		<guid isPermaLink="false">http://muthuonline.com/archives/2008/03/25/jquery-for-designers/</guid>
		<description><![CDATA[Designer? Interested in jQuery? Click here for sample markups, script, css and examples.]]></description>
			<content:encoded><![CDATA[<p>Designer?  Interested in jQuery?<a href="http://jqueryfordesigners.com/"> Click here</a> for sample markups, script, css and examples.</p>
]]></content:encoded>
			<wfw:commentRss>http://muthuonline.com/archives/2008/03/25/jquery-for-designers/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Front-End Performance Optimization through CSS sprites</title>
		<link>http://muthuonline.com/archives/2007/10/08/front-end-performance-optimization-through-css-sprites/</link>
		<comments>http://muthuonline.com/archives/2007/10/08/front-end-performance-optimization-through-css-sprites/#comments</comments>
		<pubDate>Mon, 08 Oct 2007 11:03:26 +0000</pubDate>
		<dc:creator>Muthu Online</dc:creator>
				<category><![CDATA[Code is Poetry]]></category>
		<category><![CDATA[HTML5, CSS3, DOM & JS]]></category>
		<category><![CDATA[User eXperience Design]]></category>

		<guid isPermaLink="false">http://muthuonline.com/archives/2007/10/08/front-end-performance-optimization-through-css-sprites/</guid>
		<description><![CDATA[Among many techniques used to reduced the No. of requests to the servers, CSS sprites is a cool one. This simple CSS technique involves clubbing multiple images as one and uses &#8221; background-position:&#8221; to define the image display. Here&#8217;s a cool CSS Sprite generation tool]]></description>
			<content:encoded><![CDATA[<p>Among many techniques used to reduced the No. of requests to the servers, CSS sprites is a cool one. This simple CSS technique involves clubbing multiple images as one and uses &#8221;	background-position:&#8221; to define the image display.</p>
<p>Here&#8217;s a cool <a href="http://spritegen.website-performance.org/">CSS Sprite generation tool</a></p>
]]></content:encoded>
			<wfw:commentRss>http://muthuonline.com/archives/2007/10/08/front-end-performance-optimization-through-css-sprites/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>AHAH!</title>
		<link>http://muthuonline.com/archives/2007/06/14/ahah/</link>
		<comments>http://muthuonline.com/archives/2007/06/14/ahah/#comments</comments>
		<pubDate>Thu, 14 Jun 2007 12:17:08 +0000</pubDate>
		<dc:creator>Muthu Online</dc:creator>
				<category><![CDATA[Code is Poetry]]></category>
		<category><![CDATA[HTML5, CSS3, DOM & JS]]></category>

		<guid isPermaLink="false">http://muthuonline.com/archives/2007/06/14/ahah/</guid>
		<description><![CDATA[AHAH = Asynchronous HTML and HTTP is a subset of AJAX without the X(XML) Update web pages dynamically using JavaScript and XHTML, instead of XML. Like in AJAX, use XMLHTTP to raise a Request. The state-change of the request when the Response is received is directly passed on to a Function. The response is directly<a href="http://muthuonline.com/archives/2007/06/14/ahah/"> <br /><br /> (More)…</a>]]></description>
			<content:encoded><![CDATA[<blockquote><p><a href="http://en.wikipedia.org/wiki/AHAH">AHAH</a> = Asynchronous HTML and HTTP is a subset of AJAX without the X(XML)</p></blockquote>
<ul>
<li>  Update web pages dynamically using JavaScript and XHTML, instead of XML.  </li>
<li>Like in AJAX, use <a href="http://en.wikipedia.org/wiki/XMLHTTP">XMLHTTP</a> to raise a Request.    </li>
<li>The state-change of the request when the Response is received is directly passed on to a Function.</li>
<li>The response is directly fed into the intended target element (Div) of the document using the innerHTML attribute of elements.</li>
<li>Unlike AJAX, the response is not parsed at the client side. </li>
<li>Technically, its a subset of AJAX without the X (XML)
</li>
<li>Works when you dont change the content structure of the XMLHTTP response.</li>
<li>Doesn&#8217;t work when you call HTML files with external .css and .js files. </li>
<li>Code is very simple (about 20 lines) </li>
<li>Was first used couple of years ago.</li>
</ul>
<p><strong>Sample Code to send a AHAH Request </strong></p>
<form id="form1" name="form1" method="post" action="">
  <textarea name="textarea" cols="50" rows="20">function ahah(url,target) {<br />
// native XMLHttpRequest object<br />
document.getElementById(target).innerHTML = &#8216;sending&#8230;&#8217;;<br />
if (window.XMLHttpRequest) {<br />
req = new XMLHttpRequest();<br />
req.onreadystatechange = function() {ahahDone(target);};<br />
req.open(&#8220;GET&#8221;, url, true);<br />
req.send(null);<br />
// IE/Windows ActiveX version<br />
} else if (window.ActiveXObject) {<br />
req = new ActiveXObject(&#8220;Microsoft.XMLHTTP&#8221;);<br />
if (req) {<br />
req.onreadystatechange = function() {ahahDone(target);};<br />
req.open(&#8220;GET&#8221;, url, true);<br />
req.send();<br />
}<br />
}<br />
} </textarea><br />
</form>
<p><strong>Sample Code to receive a AHAH Request </strong></p>
<form id="form1" name="form1" method="post" action="">
  <textarea name="textarea2" cols="50" rows="13">function ahahDone(target) {<br />
// only if req is &#8220;loaded&#8221;<br />
if (req.readyState == 4) {<br />
// only if &#8220;OK&#8221;<br />
if (req.status == 200) {<br />
results = req.responseText;<br />
document.getElementById(target).innerHTML = results;<br />
} else {<br />
document.getElementById(target).innerHTML=&#8221;ahah error:n&#8221; +<br />
req.statusText;<br />
}<br />
}<br />
}</textarea><br />
</form>
<p><a href="http://homepage.mac.com/kevinmarks/staticjah.html" target="_blank">Example</a></p>
]]></content:encoded>
			<wfw:commentRss>http://muthuonline.com/archives/2007/06/14/ahah/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>



