<?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>Raasukutty&#039;s &#187; Design</title>
	<atom:link href="http://www.raasukutty.com/blog/category/design/feed" rel="self" type="application/rss+xml" />
	<link>http://www.raasukutty.com/blog</link>
	<description>i code, therefore i am</description>
	<lastBuildDate>Sat, 24 Jul 2010 03:56:44 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Cows and Bulls game</title>
		<link>http://www.raasukutty.com/blog/computers/cows-and-bulls-game.html</link>
		<comments>http://www.raasukutty.com/blog/computers/cows-and-bulls-game.html#comments</comments>
		<pubDate>Sat, 18 Apr 2009 05:50:04 +0000</pubDate>
		<dc:creator>Rajeshwaran S P</dc:creator>
				<category><![CDATA[Computers]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[cows and bulls]]></category>
		<category><![CDATA[cowsnbulls]]></category>
		<category><![CDATA[game]]></category>

		<guid isPermaLink="false">http://www.raasukutty.com/blog/?p=229</guid>
		<description><![CDATA[Cows and Bulls is a small word building game, implemented in C# as a Windows Application. Feel free to download and play around with it. CowsNBulls is in its version 0.0.0.1 and in beta testing. The game began in the last bench of my college, MIT where we used to play this game. It was [...]

<h4>Possibly Related posts:</h4>
<ol><li><a href='http://www.raasukutty.com/blog/programming/happy-new-year-2010.html' rel='bookmark' title='Permanent Link: Happy New Year 2010'>Happy New Year 2010</a> <small>Wish you all a very Happy New Year 2010. Let...</small></li>
<li><a href='http://www.raasukutty.com/blog/design/css-strip-day.html' rel='bookmark' title='Permanent Link: CSS Strip Day'>CSS Strip Day</a> <small>What happened to the design? To know more about why...</small></li>
<li><a href='http://www.raasukutty.com/blog/computers/what-type-of-programmer-are-you.html' rel='bookmark' title='Permanent Link: What type of programmer are you?'>What type of programmer are you?</a> <small>While stumbling through web sites, I hit upon , Doolwind&#8217;s...</small></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Cows and Bulls is a small word building game, implemented in C# as a Windows Application. Feel free to download and play around with it. CowsNBulls is in its version 0.0.0.1 and in beta testing.</p>
<p>The game began in the last bench of my college, MIT where we used to play this game. It was Barath Kumar, my friend who introduced this game to us. Thought of computerizing it and so here it is. </p>
<p><a title="Cows N Bulls game" href="http://www.raasukutty.com/blog/wp-content/uploads/2009/04/CowsNBulls.zip">Download the game</a> and do let me know your comments.</p>
<p><strong>Edit: For a web only version of the game, visit: <a title="Cows N Bulls Game" href="http://www.raasukutty.net" target="_blank">www.raasukutty.net</a></strong></p>
<p>The web only version is developed using HTML, Javascript and jQuery. For all the developers out there, check out the source using <em>view source</em>.  All suggestions are welcome.</p>
<p>Happy gaming!</p>


<h4>Possibly Related posts:</h4><p><ol><li><a href='http://www.raasukutty.com/blog/programming/happy-new-year-2010.html' rel='bookmark' title='Permanent Link: Happy New Year 2010'>Happy New Year 2010</a> <small>Wish you all a very Happy New Year 2010. Let...</small></li>
<li><a href='http://www.raasukutty.com/blog/design/css-strip-day.html' rel='bookmark' title='Permanent Link: CSS Strip Day'>CSS Strip Day</a> <small>What happened to the design? To know more about why...</small></li>
<li><a href='http://www.raasukutty.com/blog/computers/what-type-of-programmer-are-you.html' rel='bookmark' title='Permanent Link: What type of programmer are you?'>What type of programmer are you?</a> <small>While stumbling through web sites, I hit upon , Doolwind&#8217;s...</small></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.raasukutty.com/blog/computers/cows-and-bulls-game.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS Strip Day</title>
		<link>http://www.raasukutty.com/blog/design/css-strip-day.html</link>
		<comments>http://www.raasukutty.com/blog/design/css-strip-day.html#comments</comments>
		<pubDate>Sat, 11 Apr 2009 13:09:54 +0000</pubDate>
		<dc:creator>Rajeshwaran S P</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[naked day]]></category>
		<category><![CDATA[strip]]></category>

		<guid isPermaLink="false">http://www.raasukutty.com/blog/?p=214</guid>
		<description><![CDATA[What happened to the design? To know more about why styles are disabled on this website visit the Annual CSS Naked Day website for more information. So www.raasukutty.com is stripped. Possibly Related posts:DOCTYPE blues Yesterday I was working on the layout for a new... Cows and Bulls game Cows and Bulls is a small word [...]

<h4>Possibly Related posts:</h4>
<ol><li><a href='http://www.raasukutty.com/blog/design/doctype-blues.html' rel='bookmark' title='Permanent Link: DOCTYPE blues'>DOCTYPE blues</a> <small>Yesterday I was working on the layout for a new...</small></li>
<li><a href='http://www.raasukutty.com/blog/computers/cows-and-bulls-game.html' rel='bookmark' title='Permanent Link: Cows and Bulls game'>Cows and Bulls game</a> <small>Cows and Bulls is a small word building game, implemented...</small></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>What happened to the design?</p>
<p>To know more about why styles are disabled on this website visit the<a title="Web Standards Naked Day Host Website" href="http://naked.dustindiaz.com"><br />
Annual CSS Naked Day</a> website for more information.</p>
<p>So www.raasukutty.com is stripped.</p>


<h4>Possibly Related posts:</h4><p><ol><li><a href='http://www.raasukutty.com/blog/design/doctype-blues.html' rel='bookmark' title='Permanent Link: DOCTYPE blues'>DOCTYPE blues</a> <small>Yesterday I was working on the layout for a new...</small></li>
<li><a href='http://www.raasukutty.com/blog/computers/cows-and-bulls-game.html' rel='bookmark' title='Permanent Link: Cows and Bulls game'>Cows and Bulls game</a> <small>Cows and Bulls is a small word building game, implemented...</small></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.raasukutty.com/blog/design/css-strip-day.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>DOCTYPE blues</title>
		<link>http://www.raasukutty.com/blog/design/doctype-blues.html</link>
		<comments>http://www.raasukutty.com/blog/design/doctype-blues.html#comments</comments>
		<pubDate>Thu, 12 Feb 2009 10:14:36 +0000</pubDate>
		<dc:creator>Rajeshwaran S P</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[Programming]]></category>

		<guid isPermaLink="false">http://www.raasukutty.com/blog/?p=104</guid>
		<description><![CDATA[Yesterday I was working on the layout for a new site. I missed the DOCTYPE declaration in the HTML. The page had the main content included inside a div. Following is the CSS that I used. 1 2 3 4 5 6 7 8 9 body &#123; font-family: Georgia; font-size: 14px; &#125; #main-content p&#123; margin: [...]

<h4>Possibly Related posts:</h4>
<ol><li><a href='http://www.raasukutty.com/blog/open-source/google-chrome.html' rel='bookmark' title='Permanent Link: Google Chrome'>Google Chrome</a> <small>Google had launched its new browser &#8216;Google Chrome&#8217;. Right now...</small></li>
<li><a href='http://www.raasukutty.com/blog/programming/aspnet-validation-controls.html' rel='bookmark' title='Permanent Link: ASP.Net Validation controls'>ASP.Net Validation controls</a> <small>ASP.Net validation controls can be used to perform both client...</small></li>
<li><a href='http://www.raasukutty.com/blog/programming/programming-fonts.html' rel='bookmark' title='Permanent Link: Programming Fonts'>Programming Fonts</a> <small>Little lately, I am obsessed in finding the best font...</small></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Yesterday I was working on the layout for a new site. I missed the DOCTYPE declaration in the HTML. The page had the main content included inside a div.</p>
<p>Following is the CSS that I used.</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">body <span style="color: #00AA00;">&#123;</span>
      <span style="color: #000000; font-weight: bold;">font-family</span><span style="color: #00AA00;">:</span> Georgia<span style="color: #00AA00;">;</span>
      <span style="color: #000000; font-weight: bold;">font-size</span><span style="color: #00AA00;">:</span> <span style="color: #933;">14px</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#main-content</span> p<span style="color: #00AA00;">&#123;</span>
      <span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span>
      <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span>
      <span style="color: #000000; font-weight: bold;">padding-bottom</span><span style="color: #00AA00;">:</span> <span style="color: #933;">15px</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span></pre></td></tr></table></div>

<p>This worked perfectly and rendered well on Firefox and Chrome. But when I opened the same page in IE, the font was too large for all content inside the &#8216;main-content&#8217; div. Also in order to center the page, I had used &#8216;margin: auto&#8217; on the page container that encompasses all content in the body as below</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
</pre></td><td class="code"><pre class="css" style="font-family:monospace;"><span style="color: #cc00cc;">#page-container</span> <span style="color: #00AA00;">&#123;</span>
      <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">760px</span><span style="color: #00AA00;">;</span>
      <span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">auto</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span></pre></td></tr></table></div>

<p>This too didn&#8217;t seem to work in IE as the content was left aligned instead of centered, but rendered &#8216;centered&#8217; in Firefox and Chrome.<br />
Looking out for a solution on the net, I found that missing the DOCTYPE declaration was the cause for the issue. Here is the reason.</p>
<p>Without the DOCTYPE declaration, the browser has rendered the page in <a href="http://www.quirksmode.org/css/quirksmode.html">quirks mode</a>. Adding the DOCTYPE made the browser render the page following the rules set by the standard.</p>
<p>So never forget your doctype declarations.</p>


<h4>Possibly Related posts:</h4><p><ol><li><a href='http://www.raasukutty.com/blog/open-source/google-chrome.html' rel='bookmark' title='Permanent Link: Google Chrome'>Google Chrome</a> <small>Google had launched its new browser &#8216;Google Chrome&#8217;. Right now...</small></li>
<li><a href='http://www.raasukutty.com/blog/programming/aspnet-validation-controls.html' rel='bookmark' title='Permanent Link: ASP.Net Validation controls'>ASP.Net Validation controls</a> <small>ASP.Net validation controls can be used to perform both client...</small></li>
<li><a href='http://www.raasukutty.com/blog/programming/programming-fonts.html' rel='bookmark' title='Permanent Link: Programming Fonts'>Programming Fonts</a> <small>Little lately, I am obsessed in finding the best font...</small></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.raasukutty.com/blog/design/doctype-blues.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Exploring Illustrator!</title>
		<link>http://www.raasukutty.com/blog/design/exploring-illustrator.html</link>
		<comments>http://www.raasukutty.com/blog/design/exploring-illustrator.html#comments</comments>
		<pubDate>Fri, 21 Mar 2008 16:11:40 +0000</pubDate>
		<dc:creator>Rajeshwaran S P</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[illustrator]]></category>

		<guid isPermaLink="false">http://raasukutty.wordpress.com/?p=48</guid>
		<description><![CDATA[I got to work with Adobe Illustrator today. And here is what I created. Illustrator has templates and tools, lots I should say. Getting my hands dirty with all the tools. Here is a sneak peek into my work. It is a 1 MB file. Could take some time to load. Please bear. No related [...]

<h4>No related posts.</h4>]]></description>
			<content:encoded><![CDATA[<p>I got to work with Adobe Illustrator today. And here is what I created. Illustrator has templates and tools, lots I should say. Getting my hands dirty with all the tools.</p>
<p>Here is a sneak peek into my work.</p>
<p><a href="http://www.raasukutty.com/blog/wp-content/uploads/2008/03/raas.jpg" title="Raasukutty_Design"><img src="http://raasukutty.files.wordpress.com/2008/03/raas.thumbnail.jpg" alt="Raasukutty_Design" /></a></p>
<p>It is a 1 MB file. Could take some time to load. Please bear.</p>


<h4>No related posts.</h4>]]></content:encoded>
			<wfw:commentRss>http://www.raasukutty.com/blog/design/exploring-illustrator.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Logo for the site</title>
		<link>http://www.raasukutty.com/blog/design/logo-for-the-site.html</link>
		<comments>http://www.raasukutty.com/blog/design/logo-for-the-site.html#comments</comments>
		<pubDate>Sat, 16 Feb 2008 15:41:51 +0000</pubDate>
		<dc:creator>Rajeshwaran S P</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[logo]]></category>

		<guid isPermaLink="false">http://raasukutty.wordpress.com/?p=13</guid>
		<description><![CDATA[I have designed custom header for this blog . I have used my favourite color combination, red, black and white. Possibly Related posts:Valentine&#8217;s Day One should experience and feel the feeling of being single...

<h4>Possibly Related posts:</h4>
<ol><li><a href='http://www.raasukutty.com/blog/musings/valentines-day.html' rel='bookmark' title='Permanent Link: Valentine&#8217;s Day'>Valentine&#8217;s Day</a> <small>One should experience and feel the feeling of being single...</small></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>I have designed custom header for this blog . I have used my favourite color combination, red, black and white.</p>
<p><a href="http://raasukutty.files.wordpress.com/2008/02/poster.jpg" title="Logo"><br />
</a></p>


<h4>Possibly Related posts:</h4><p><ol><li><a href='http://www.raasukutty.com/blog/musings/valentines-day.html' rel='bookmark' title='Permanent Link: Valentine&#8217;s Day'>Valentine&#8217;s Day</a> <small>One should experience and feel the feeling of being single...</small></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.raasukutty.com/blog/design/logo-for-the-site.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
