<?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>graphicmist</title>
	<atom:link href="http://www.graphicmist.in/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.graphicmist.in</link>
	<description>Techno-bits and some graphical mistakes of my life</description>
	<lastBuildDate>Thu, 10 May 2012 04:26:11 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Use your putty ppk file to ssh remote server in ubuntu</title>
		<link>http://www.graphicmist.in/use-your-putty-ppk-file-to-ssh-remote-server-in-ubuntu/</link>
		<comments>http://www.graphicmist.in/use-your-putty-ppk-file-to-ssh-remote-server-in-ubuntu/#comments</comments>
		<pubDate>Thu, 10 May 2012 04:25:02 +0000</pubDate>
		<dc:creator>graphicmist</dc:creator>
				<category><![CDATA[Linux]]></category>
		<category><![CDATA[linux]]></category>
		<category><![CDATA[putty]]></category>
		<category><![CDATA[ssh]]></category>

		<guid isPermaLink="false">http://www.graphicmist.in/?p=119</guid>
		<description><![CDATA[Problem : You have been using winscp tool in windows to access your remote server. Now the geek inside you make a move to linux and you are stuck how to use the passkey used in winscp with openssh client in linux. Solution: First of all, the .ppk file is putty specific one and you [...]]]></description>
			<content:encoded><![CDATA[<p>Problem : You have been using winscp tool in windows to access your remote server. Now the geek inside you make a move to linux and you are stuck how to use the passkey used in winscp with openssh client in linux.</p>
<p>Solution: First of all, the .ppk file is putty specific one and you need to convert it to the openssh format, so that it can be used with ssh command in the terminal.</p>
<p>To convert the ppk file download the puutygen tool in ubuntu (the commands vary a lil bit depending on the flavour of linux you are using):</p>
<p>sudo apt-get install putty</p>
<p>This will automatically install the puttygen tool.</p>
<p>Now to convert the ppk file to be used with ssh command execute the following in terminal<br />
<pre>puttygen mykey.ppk -O private-openssh -o my-openssh-key</pre><br />
<pre>Now, you can easily access to remote server using:</pre><br />
sudo ssh -v user@example.com -i my-openssh-key</p>
<p>Cheers!!!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.graphicmist.in/use-your-putty-ppk-file-to-ssh-remote-server-in-ubuntu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google Analytics &#8220;Multiple decimal separators in pattern&#8221; bug</title>
		<link>http://www.graphicmist.in/google-analytics-multiple-decimal-separators-in-pattern-bug/</link>
		<comments>http://www.graphicmist.in/google-analytics-multiple-decimal-separators-in-pattern-bug/#comments</comments>
		<pubDate>Fri, 13 Apr 2012 06:15:43 +0000</pubDate>
		<dc:creator>graphicmist</dc:creator>
				<category><![CDATA[Random Web]]></category>
		<category><![CDATA[google analytics]]></category>

		<guid isPermaLink="false">http://www.graphicmist.in/?p=115</guid>
		<description><![CDATA[Recently, while checking the e commerce overview on google analytics i got the message on some reports in red background. &#8220;Multiple decimal separators in pattern &#8220;Rs.###,##0.##&#8221;×&#8221; This is a bug in google analytics. The google analytics appends . after Rs symbol which causes some parsing problems on generating reports. The work around for it is [...]]]></description>
			<content:encoded><![CDATA[<p>Recently, while checking the e commerce overview on google analytics i got the message on some reports in red background.</p>
<p>&#8220;<span style="color: #ff0000;"><strong>Multiple decimal separators in pattern &#8220;Rs.###,##0.##&#8221;×</strong></span>&#8221;</p>
<p>This is a bug in google analytics. The google analytics appends . after Rs symbol which causes some parsing problems on generating reports. The work around for it is to change your currency to $. Your revenue and reports will still be in Rs. and figures will not change, it will simply append $ instead of Rs. You can change the currency by editing the profile of Google Analytics.</p>
<p>Hope this will save time for someone.</p>
<p>Cheers!!!!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.graphicmist.in/google-analytics-multiple-decimal-separators-in-pattern-bug/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Missing the mountains</title>
		<link>http://www.graphicmist.in/missing-the-mountains/</link>
		<comments>http://www.graphicmist.in/missing-the-mountains/#comments</comments>
		<pubDate>Wed, 29 Feb 2012 12:59:30 +0000</pubDate>
		<dc:creator>graphicmist</dc:creator>
				<category><![CDATA[Personal]]></category>
		<category><![CDATA[mountains]]></category>

		<guid isPermaLink="false">http://www.graphicmist.in/?p=107</guid>
		<description><![CDATA[Since past two months, i have not been to a long trek. It feels like it has been now a part of me, to atleast go to mountains once a month. So, to cover up all this, i have been watching a lot of mountaineering movies and started reading the novel &#8220;The road to a [...]]]></description>
			<content:encoded><![CDATA[<p>Since past two months, i have not been to a long trek. It feels like it has been now a part of me, to atleast go to mountains once a month. So, to cover up all this, i have been watching a lot of mountaineering movies and started reading the novel &#8220;The road to a Mountain in Tibet&#8221;. Last month when i couldn&#8217;t handle this feeling, i went on a solo trek to Sinhagad Fort just 31km from my place in PUNE. It is a 3km trek to the fort. My friends ask me why do you go to mountains and climb up unnecessarily. I will say it is a feeling that cannot be explained, you have to feel it on your own. It brings peace to your heart and gives you time to think who you are, what are you doing, what do you want from your life. For me climbing and travelling in mountains is like a meditation. After returning back to normal life i feel more focused, calm and can concentrate on anything easily.</p>
<p>Recently, I have been planning a 4 day hike from Bhimashankar to Dhakoba top. With Adil sir on-board, i think its time to cover it during the holi holidays because the more late we do, the more irritating and difficult it will become due to the increasing temperature in Maharashtra. Shown below is a map by Chakram Hikers, they traverse this route in the past opposite of what i intend to take.<a href="http://www.graphicmist.in/wp-content/uploads/2012/02/Sahyankanroutemap.jpg" rel="lightbox[107]" title="Trek route map"><img src="http://www.graphicmist.in/wp-content/uploads/2012/02/Sahyankanroutemap-212x300.jpg" alt="Trek route map" title="Trek route map" width="212" height="300" class="aligncenter size-medium wp-image-109" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.graphicmist.in/missing-the-mountains/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>GIT Quickstart</title>
		<link>http://www.graphicmist.in/git-quickstart/</link>
		<comments>http://www.graphicmist.in/git-quickstart/#comments</comments>
		<pubDate>Sat, 21 Jan 2012 11:04:52 +0000</pubDate>
		<dc:creator>graphicmist</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[git]]></category>
		<category><![CDATA[linux]]></category>

		<guid isPermaLink="false">http://www.graphicmist.in/?p=84</guid>
		<description><![CDATA[Quick description of git says: Git is a&#160;free &#38; open source, distributed version control system&#160;designed to handle everything from small to very large projects with speed and efficiency. Every Git clone is a full-fledged repository&#160;with complete history and full revision tracking capabilities, not dependent on network access or a central server.Branching and merging are fast&#160;and [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Quick description of git says:</strong><br />
Git is a&nbsp;<strong>free &amp; open source, distributed version control system</strong>&nbsp;designed to handle everything from small to very large projects with speed and efficiency.</p>
<p><strong>Every Git clone is a full-fledged repository</strong>&nbsp;with complete history and full revision tracking capabilities, not dependent on network access or a central server.<strong>Branching and merging are fast</strong>&nbsp;and easy to do.</p>
<p><strong>New to GIT:</strong><br />
If you are new to git, you can start digging the documentation in the <a href="http://git-scm.com/documentation" target="_blank">git website.</a><br />
or get the pro-git book from http://progit.org/book.</p>
<p>Last but not the least, create a <a href="https://github.com/" target="_blank">github</a> account and start using it. GitHub is a web-based hosting service for software development projects that use the Git revision control system. Github is the best way you can manage and share your code in the cloud. </p>
<p><strong>Install GIT from source on your server with these easy steps:</strong><br />
If you want to setup your own git server within your organization and not use github you can go with the following steps.</p>
<ol>
<li>To install git , you need to have the following libraries that GIT depends on, which you can install using the command below, depending on your system:
<p><!--DEVFMTCODE--><pre class="devcodeblock" title="Bash"><div class="devcodeoverflow"><ol><li><span style="color: #c20cb9; font-weight: bold;">apt-get install</span> libcurl4-gnutls-dev libexpat1-dev <span style="color: #c20cb9; font-weight: bold;">gettext</span> \</li><li>libz-dev libssl-dev</li></ol></div></pre><!--END_DEVFMTCODE--></p>
<p><!--DEVFMTCODE--><pre class="devcodeblock" title="Bash"><div class="devcodeoverflow"><ol><li>$ <span style="color: #c20cb9; font-weight: bold;">yum install</span> curl-devel expat-devel gettext-devel \</li><li>openssl-devel zlib-devel</li></ol></div></pre><!--END_DEVFMTCODE--></p>
</li>
<li>
After installing all the necessary dependencies, download the latest version of git source code from website,<br />
http://git-scm.com/download. Here you can download the debian, windows, osx and solaris precompiled packages or just download the source from the right box under download git.
</li>
<li>
After you have downloaded the source files, compile and install them (yes, you are right using the make and make install command)</p>
<p><!--DEVFMTCODE--><pre class="devcodeblock" title="Bash"><div class="devcodeoverflow"><ol><li>$ <span style="color: #c20cb9; font-weight: bold;">tar</span> <span style="color: #660033;">-zxf</span> git-1.7.2.2.tar.gz</li><li>$ <span style="color: #7a0874; font-weight: bold;">cd</span> git-1.7.2.2</li><li>$ <span style="color: #c20cb9; font-weight: bold;">make</span> <span style="color: #007800;">prefix</span>=<span style="color: #000000; font-weight: bold;">/</span>usr<span style="color: #000000; font-weight: bold;">/</span><span style="color: #7a0874; font-weight: bold;">local</span> all</li><li>$ <span style="color: #c20cb9; font-weight: bold;">sudo</span> <span style="color: #c20cb9; font-weight: bold;">make</span> <span style="color: #007800;">prefix</span>=<span style="color: #000000; font-weight: bold;">/</span>usr<span style="color: #000000; font-weight: bold;">/</span><span style="color: #7a0874; font-weight: bold;">local</span> <span style="color: #c20cb9; font-weight: bold;">install</span></li></ol></div></pre><!--END_DEVFMTCODE--></p>
<p>PS: if you downloaded the precompiled binaries, these steps will not be applied.
</li>
</ol>
<p>Once you are done, you can start using git.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.graphicmist.in/git-quickstart/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Advent, Use and Abuse of Web in dark alleys of Pantnagar</title>
		<link>http://www.graphicmist.in/advent-use-and-abuse-of-web-in-dark-alleys-of-pantnagar/</link>
		<comments>http://www.graphicmist.in/advent-use-and-abuse-of-web-in-dark-alleys-of-pantnagar/#comments</comments>
		<pubDate>Thu, 08 Dec 2011 10:02:33 +0000</pubDate>
		<dc:creator>graphicmist</dc:creator>
				<category><![CDATA[College Days]]></category>
		<category><![CDATA[Pantnagar]]></category>
		<category><![CDATA[pantnagar]]></category>

		<guid isPermaLink="false">http://www.graphicmist.in/?p=73</guid>
		<description><![CDATA[This was a old post written by Arib Sir for my blog. Those were the good old golden days of college. I thought this excellent piece of writing need to be indexed by google and should exist in cloud, so i am posting it here again. If you like this, you can follow his blog [...]]]></description>
			<content:encoded><![CDATA[<p><strong>This was a old post written by Arib Sir for my blog. Those were the good old golden days of college. I thought this excellent piece of writing need to be indexed by google and should exist in cloud, so i am posting it here again. If you like this, you can follow his <a href="http://www.orangerucksack.com" target="_blank">blog</a> and make sure you gift him a two men tent before following.</strong></p>
<p>I never thought I would live to see this day but it has come rather too soon. Our only romance with web was afforded by self-set, excruciatingly slow and infinitely troublesome Reliance dial up shared amongst 8 seemingly most enthusiastic users. Waiting for a humble Google page to load, we would dream of broadband connection for every room. A thought so far fetched that thoughts of Mahtam providing the most hygienic food, Professors being liberal and Kisan Mela being replaced by Auto expo seemed way too realistic in comparison.</p>
<p>Although it may seem like an eternity , but its been only 2 years since we left the place. And I am told by various juniors that they now have blazing fast internet right at their desktops. I am yet to see it to believe it because after all it’s Pantnagar and there is a prevalent tendency of blowing news out of proportions. The reported 400 kbps may only be 40 or even 4 kbps , numerous GBs of @#$% downloaded may only be few minutes of FLV vids. But there certainly is some element of truth in the news which is evident by deluge of FB updates and tweets regarding most trivial of matters.</p>
<p>It has brought about a paradigm shift laterally it appears. In good ol’ days (not long ago) the LAN used to be the sole battleground and the only stage. An act was ridiculed, or a gaming achievement was applauded by sharing text or screenshots by the name of Must see or Dekhi bhaiyo . But it has gone to a new level with advent of web. The world is stage now and inevitably there are new celebrities. One particular person that deserves special mention here is certain Mr. Gitanshu Amola whose obligatory “ haha” “LOL” or “ faadu “ after every FB update has become the most visible entity on web.</p>
<p>Most drastic change was revealed by Mr Kutaula (the author of this blog). Once ignorant ( I remember a professor trying to power on a system using button on Optical drive) , professors have learnt to tame the unlimited power of web and unleash it on hapless netizens. Case in point is our own innocent Mr Kutaula caught red handed partying in Noida with seniors while he was short on attendance by quite a margin. While uploading party pics, little did poor fellow know that he was being watched in his own familiar territory? Certain Mr XX of CS department caught glaringly blatant FB updates and pit it against Kutaula’s then defenseless alibi. Now who is to blame is subject to perception, it can be either Kutaula , Prof, general tendency to believe that Profs are ignorant, or FB’s much maligned privacy settings. Whatever it is one thing is sure, Pantnagar has finally arrived on Web. The very distinct border between realms of Professors and students have somehow been erased and have provided us with a common place. And the best part is we too are part of it, watching merrily from a safe distance the fortunes and misfortunes of either party.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.graphicmist.in/advent-use-and-abuse-of-web-in-dark-alleys-of-pantnagar/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>How to add splash screen to an android app in phonegap</title>
		<link>http://www.graphicmist.in/how-to-add-splash-screen-to-an-android-app-in-phonegap/</link>
		<comments>http://www.graphicmist.in/how-to-add-splash-screen-to-an-android-app-in-phonegap/#comments</comments>
		<pubDate>Wed, 09 Nov 2011 20:44:36 +0000</pubDate>
		<dc:creator>graphicmist</dc:creator>
				<category><![CDATA[Android]]></category>
		<category><![CDATA[Mobile app dev]]></category>
		<category><![CDATA[android]]></category>
		<category><![CDATA[phonegap]]></category>

		<guid isPermaLink="false">http://www.graphicmist.in/?p=63</guid>
		<description><![CDATA[To add a splash screen to your android app in phonegap, you need to make sure of few things. You are using 0.9.3 or higher version of phonegap. Add super.setIntegerProperty&#40;&#34;splashscreen&#34;, R.drawable.splash&#41;; to DefaultActivity.Java (which is your main java file) in the onCreate method just before the loadUrl&#40;&#34;file///asset_android/www/index.html&#34;&#41; Make sure splash is the name of your [...]]]></description>
			<content:encoded><![CDATA[<p>To add a splash screen to your android app in phonegap, you need to make sure of few things.</p>
<ol>
<li>You are using 0.9.3 or higher version of phonegap.</li>
<li>Add<br />
<!--DEVFMTCODE--><pre class="devcodeblock" title="Java"><div class="devcodeoverflow"><ol><li><span style="color: #000000; font-weight: bold;">super</span>.<span style="color: #006633;">setIntegerProperty</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;splashscreen&quot;</span>, R.<span style="color: #006633;">drawable</span>.<span style="color: #006633;">splash</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></li></ol></div></pre><!--END_DEVFMTCODE--><br />
to <strong>DefaultActivity.Java</strong> (which is your main java file) in the onCreate method just before the<br />
<!--DEVFMTCODE--><pre class="devcodeblock" title="Java"><div class="devcodeoverflow"><ol><li>loadUrl<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;file///asset_android/www/index.html&quot;</span><span style="color: #009900;">&#41;</span></li></ol></div></pre><!--END_DEVFMTCODE--></li>
<li>Make sure splash is the name of your file like splash.jpg or splash.png in the appropriate place in the &#8220;res&#8221; directory.</li>
</ol>
<p>Deploy your code again and see your splash screen just before the app starts.</p>
<p>Enjoy,<br />
Cheers!!!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.graphicmist.in/how-to-add-splash-screen-to-an-android-app-in-phonegap/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Phonegap &#8211; Filling the gap between web and mobile development</title>
		<link>http://www.graphicmist.in/phonegap/</link>
		<comments>http://www.graphicmist.in/phonegap/#comments</comments>
		<pubDate>Tue, 08 Nov 2011 19:01:40 +0000</pubDate>
		<dc:creator>graphicmist</dc:creator>
				<category><![CDATA[Mobile app dev]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[mobile app dev]]></category>
		<category><![CDATA[phonegap]]></category>

		<guid isPermaLink="false">http://www.graphicmist.in/?p=57</guid>
		<description><![CDATA[For those who doesn&#8217;t know how HTML5 is changing the web. Here is a platform &#8220;Phonegap&#8221; based on HTML5 for building cross platform mobile apps using your existing knowledge of web technologies, that means using only HTML, CSS and javascript you can build a app much faster for any platform be it iphone/ipad, android, blackberry, [...]]]></description>
			<content:encoded><![CDATA[<p>For those who doesn&#8217;t know how HTML5 is changing the web. Here is a platform &#8220;<a href="http://phonegap.com/start" target="_blank">Phonegap</a>&#8221; based on HTML5 for building cross platform mobile apps using your existing knowledge of web technologies, that means using only HTML, CSS and javascript you can build a app much faster for any platform be it  iphone/ipad, android, blackberry, windows phone 7. It has an awesome api which supports all smart phone features like geolocation, accelerometer, notification, storage.</p>
<p>The most awesome thing is that it is free and opensource. So, how to get started on phonegap. It has a very good basic <a href="http://phonegap.com/start" title="starting guide" target="_blank">starting guide</a> and good documentation available on its <a href="http://phonegap.com/" title="phonegap" target="_blank">site</a>.</p>
<p>So, start developing your apps and be a part of this awesome community.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.graphicmist.in/phonegap/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Angel of the month &#8211; Maria S</title>
		<link>http://www.graphicmist.in/angel-of-the-month-maria-s/</link>
		<comments>http://www.graphicmist.in/angel-of-the-month-maria-s/#comments</comments>
		<pubDate>Thu, 03 Nov 2011 13:28:43 +0000</pubDate>
		<dc:creator>graphicmist</dc:creator>
				<category><![CDATA[Angels]]></category>
		<category><![CDATA[angels]]></category>

		<guid isPermaLink="false">http://www.graphicmist.in/?p=41</guid>
		<description><![CDATA[This is a new series in my blog focusing on the unknown angels of this planet. Don&#8217;t get me wrong, nothing in this world is free, not even my free webserver space. Today on the list is Maria Sokolovski an Italian model. To get more details about her, google yourself. She also goes by the [...]]]></description>
			<content:encoded><![CDATA[<p>This is a new series in my blog focusing on the unknown angels of this planet. Don&#8217;t get me wrong, nothing in this world is free, not even my free webserver space.</p>
<p>Today on the list is <strong>Maria Sokolovski</strong> an Italian model.<br />
To get more details about her, google yourself. She also goes by the fake name of Neha Dalvi in India.</p>
<p><a href="http://www.graphicmist.in/wp-content/uploads/2011/11/maria.jpg" rel="lightbox" title="maria sokolovski"><img src="http://www.graphicmist.in/wp-content/uploads/2011/11/maria-300x193.jpg" alt="" title="maria sokolovski" width="300" height="193" class="aligncenter size-medium wp-image-42" /></a></p>
<p>More pictures at <a href="https://www.facebook.com/Maria.Sokolovski?sk=wall" target="_blank">facebook</a>, FM agency <a href="http://www.fmmodelagency.com/details.aspx?modelID=498507&#038;nav=0&#038;indx&#038;subid=3400&#038;mainsubID=3400&#038;sexid=2&#038;areaID" target="_blank">portfolio</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.graphicmist.in/angel-of-the-month-maria-s/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Three layers of web</title>
		<link>http://www.graphicmist.in/three-layers-of-web/</link>
		<comments>http://www.graphicmist.in/three-layers-of-web/#comments</comments>
		<pubDate>Thu, 03 Nov 2011 12:17:52 +0000</pubDate>
		<dc:creator>graphicmist</dc:creator>
				<category><![CDATA[Random Web]]></category>
		<category><![CDATA[code quality]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.graphicmist.in/?p=29</guid>
		<description><![CDATA[Long back people used to (they still, out of unawareness or laziness) write their HTML, CSS, Javascript code in single file. But soon they realized that the code they write can be divided into three fundamental layers: Content Layer &#8211; HTML Presentation Layer &#8211; CSS Behavior Layer &#8211; Javascript Keeping  your code in three different layers [...]]]></description>
			<content:encoded><![CDATA[<p>Long back people used to (they still, out of unawareness or laziness) write their HTML, CSS, Javascript code in single file. But soon they realized that the code they write can be divided into three fundamental layers:</p>
<ul>
<li>Content Layer &#8211; HTML</li>
<li>Presentation Layer &#8211; CSS</li>
<li>Behavior Layer &#8211; Javascript</li>
</ul>
<p>Keeping  your code in three different layers is a good idea because it makes your code more readable, can easily maintain it in the long run,  reuse the code in other projects. One more reason is that people who visit your website may read content using different browsers, mobile and handheld devices, rss feeds so many time you may want to send only the content part leaving back the design and behaviour.</p>
<p><strong>Content Layer &#8211; HTML</strong></p>
<p>While writing the HTML code never forget the KISS principle (Keep It Simple, Silly). Never mix the HTML code with non-content information.</p>
<p><!--DEVFMTCODE--><pre class="devcodeblock" title="HTML"><div class="devcodeoverflow"><ol><li><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">p</span>&gt;</span> <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">font</span> <span style="color: #000066;">color</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;red&quot;</span>&gt;</span>To make sure your code is readable, keep all the layers seperate<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">font</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">p</span>&gt;</span></li></ol></div></pre><!--END_DEVFMTCODE--></p>
<p>The old tags like &lt;font&gt;,&lt;b&gt;,&lt;u&gt;,&lt;i&gt; that describes how the content should look like when its displayed in the browser is a part of non-content information because controlling how your content should look like in browser must always be handled by the presentation layer i.e. CSS</p>
<p><strong>Presentation Layer &#8211; CSS</strong></p>
<p>The content of page should entirely be  in HTML and it styling should be specified in CSS code that is applied to the page. CSS can be used in three ways</p>
<p><strong>Inline Style:</strong><br />
<!--DEVFMTCODE--><pre class="devcodeblock" title="HTML"><div class="devcodeoverflow"><ol><li><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">p</span> <span style="color: #000066;">style</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;color:red;&quot;</span>&gt;</span> Hello <span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">p</span>&gt;</span></li></ol></div></pre><!--END_DEVFMTCODE--></p>
<p>Inline style messes your html code. So it is surely not the way go.</p>
<p><strong>Embedded Style:</strong></p>
<p><!--DEVFMTCODE--><pre class="devcodeblock" title="HTML"><div class="devcodeoverflow"><ol><li></li><li><span style="color: #ddbb00;">&amp;lt;</span>style type=&quot;text/css&quot;<span style="color: #ddbb00;">&amp;gt;</span></li><li>.navigation{</li><li>color:red;</li><li>}</li><li><span style="color: #ddbb00;">&amp;lt;</span>/style<span style="color: #ddbb00;">&amp;gt;</span></li><li></li></ol></div></pre><!--END_DEVFMTCODE--><br />
Embedded style keeps your code clean but it ties your css code in a single file. Many times you may want to share the css across multiple pages.<br />
<br/><br />
<strong>External Style:</strong></p>
<p><!--DEVFMTCODE--><pre class="devcodeblock" title="HTML"><div class="devcodeoverflow"><ol><li><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">link</span> <span style="color: #000066;">rel</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;stylesheet&quot;</span> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;style.css&quot;</span><span style="color: #66cc66;">/</span>&gt;</span></li></ol></div></pre><!--END_DEVFMTCODE--></p>
<p>external surely is the real way to go. It keep your html and css separate and you can share your css code across many pages.</p>
<p><strong>Behavior</strong><strong> Layer- Javascript</strong></p>
<p>Like CSS you can also use your javascript code inline, embedded and in external file.  Keeping your javascript in a separate file not only ties the behavior of your page in a separate file but also helps to reuse the same javascript for other pages too.</p>
<p>Unfortunately, even  many professional web developers doesn&#8217;t understand the importance and happiness associated with writing a semantic, clean code. Out of laziness one may not want to write a css and javascript code in a seperate file but it does benefit in a long run and nothing feels better than having a chilled beer after writing a quality code.</p>
<p>Happy Coding,<br />
Cheers!!!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.graphicmist.in/three-layers-of-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>a thank you post</title>
		<link>http://www.graphicmist.in/a-thank-you-post/</link>
		<comments>http://www.graphicmist.in/a-thank-you-post/#comments</comments>
		<pubDate>Wed, 02 Nov 2011 17:52:58 +0000</pubDate>
		<dc:creator>graphicmist</dc:creator>
				<category><![CDATA[Personal]]></category>
		<category><![CDATA[thank you]]></category>

		<guid isPermaLink="false">http://www.graphicmist.in/?p=5</guid>
		<description><![CDATA[So here i am back again with one more attempt to blogging.  My last college time blog was lost with the deactivation of my webfaction account. Going straight this is a thank you post to Mr. Shivansh Pandey for free server space (here free refers free as in free speech, not as in free beer [...]]]></description>
			<content:encoded><![CDATA[<p>So here i am back again with one more attempt to blogging.  My last college time blog was lost with the deactivation of my webfaction account.</p>
<p>Going straight this is a thank you post to <a href="https://www.facebook.com/shivansh.pandey" target="_blank">Mr. Shivansh Pandey</a> for free server space (here free refers <em>free</em> as in <em>free speech</em>, not as in <em>free beer <img src='http://www.graphicmist.in/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  </em>) and name.com for providing diwali deal in <em>.in</em> domains.</p>
<p>In coming days,  i will be updating this blog with :</p>
<ul>
<li>My upcoming treks/projects</li>
<li>Personal life experience</li>
<li>Technology related opinions</li>
<li>Random PHP code and more techy stuff</li>
</ul>
<p>Keep reading,</p>
<p>Cheers!!!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.graphicmist.in/a-thank-you-post/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

