<?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>burnmind.com &#187; web design</title>
	<atom:link href="http://www.burnmind.com/category/webdesign/feed" rel="self" type="application/rss+xml" />
	<link>http://www.burnmind.com</link>
	<description>useful info to burn into your mind</description>
	<lastBuildDate>Sat, 04 Sep 2010 11:50:23 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>some thoughts on custom 404 error pages</title>
		<link>http://www.burnmind.com/webdesign/some-thoughts-on-custom-404-error-pages</link>
		<comments>http://www.burnmind.com/webdesign/some-thoughts-on-custom-404-error-pages#comments</comments>
		<pubDate>Sat, 14 Nov 2009 21:59:30 +0000</pubDate>
		<dc:creator>burNMind</dc:creator>
				<category><![CDATA[urban legends]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[404]]></category>
		<category><![CDATA[custom]]></category>
		<category><![CDATA[error]]></category>
		<category><![CDATA[page]]></category>

		<guid isPermaLink="false">http://www.burnmind.com/?p=493</guid>
		<description><![CDATA[Photo by ~radagacuca on deviantART The &#8220;404&#8243; or &#8220;Not Found&#8221; error message is an HTTP standard response code indicating that the client was able to communicate with the server but the server could not find what was requested (read more about the HTTP 404 error). The motivation towards a custom 404 error page is to [...]]]></description>
			<content:encoded><![CDATA[<div class="image"><img title="404" src="http://www.burnmind.com/wp-content/uploads/2009/11/404.jpg" border="0" alt="404 by radagacuca on deviantART" />
<div class="caption">Photo by <a title="~radagacuca on deviantart.com" href="http://radagacuca.deviantart.com/" target="_blank">~radagacuca</a> on <a title="deviantART" href="http://www.deviantart.com/" target="_blank">deviantART</a></div>
</div>
<p>The &#8220;404&#8243; or &#8220;Not Found&#8221; error message is an HTTP standard response code indicating that the client was able to communicate with the server but the server could not find what was requested (<a title="HTTP 404 Error @ Wikipedia" href="http://en.wikipedia.org/wiki/HTTP_404" target="_blank">read more about the HTTP 404 error</a>).</p>
<p>The motivation towards a custom 404 error page is to create a more (visually) appealing, usable and user-friendly page than the default (and dull) 404 error page of your Web server. The main reason to do it is to give the option to a user that landed on the error page to stick to the website. There&#8217;s nothing new about it but a lot of Web developers overlook or underestimate it.</p>
<p>There is a number of elements you can use in a custom 404 page:</p>
<ul>
<li>First, an image or some text to explain to the user what happened. If the website&#8217;s visitors don&#8217;t have a technical background, a &#8220;404 error&#8221; message won&#8217;t explain anything to them, so try to explain it without any technical details. You can also have a humorous message or image. After all, an amused visitor is always better than a frustrated one!</li>
<li>A must have, is a link to the homepage so the user can have an alternative of closing the browser or re-typing a URL.</li>
<li>Another good idea is to include a search box.</li>
<li>You can also provide some links to popular or interesting content of your website.</li>
</ul>
<p>Below is the image I&#8217;m using for <a title="view my 404 error page" href="http://www.burnmind.com/wrongURL">my 404 error page</a>:</p>
<p style="text-align: center;"><img class="aligncenter" title="my 404 error image" src="http://www.burnmind.com/wp-content/uploads/2009/11/404.png" border="0" alt="my 404 error image" /></p>
<p>Finally, some resources (external links) for 404 error pages:</p>
<ul>
<li><a title="The Perfect 404 @ A List Apart" href="http://www.alistapart.com/articles/perfect404/" target="_blank"> The Perfect 404 (@ A List Apart)</a></li>
<li><a title="404 Error Pages, One More Time @ Smashing Magazine" href="http://www.smashingmagazine.com/2009/01/29/404-error-pages-one-more-time/" target="_blank">404 Error Pages, One More Time (@ Smashing Magazine)</a></li>
<li><a title="50 Creative and Inspiring 404 Pages @ Webdesigner Depot" href="http://www.webdesignerdepot.com/2009/07/50-creative-and-inspiring-404-pages/" target="_blank">50 Creative and Inspiring 404 Pages (@ Webdesigner Depot)</a></li>
</ul>
<p>Of course, the web is full of creative and innovative 404 error pages. Feel free to post a link to your own!</p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center">
<ul class="socials">
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=some+thoughts+on+custom+404+error+pages+-+http://bit.ly/aUkvlC&amp;source=shareaholic" rel="nofollow" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.burnmind.com/webdesign/some-thoughts-on-custom-404-error-pages&amp;title=some+thoughts+on+custom+404+error+pages" rel="nofollow" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://www.burnmind.com/webdesign/some-thoughts-on-custom-404-error-pages&amp;title=some+thoughts+on+custom+404+error+pages" rel="nofollow" title="Digg this!">Digg this!</a>
		</li>
		<li class="shr-reddit">
			<a href="http://reddit.com/submit?url=http://www.burnmind.com/webdesign/some-thoughts-on-custom-404-error-pages&amp;title=some+thoughts+on+custom+404+error+pages" rel="nofollow" title="Share this on Reddit">Share this on Reddit</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://www.burnmind.com/webdesign/some-thoughts-on-custom-404-error-pages&amp;title=some+thoughts+on+custom+404+error+pages" rel="nofollow" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.burnmind.com/webdesign/some-thoughts-on-custom-404-error-pages&amp;t=some+thoughts+on+custom+404+error+pages" rel="nofollow" title="Share this on Facebook">Share this on Facebook</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

]]></content:encoded>
			<wfw:commentRss>http://www.burnmind.com/webdesign/some-thoughts-on-custom-404-error-pages/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>test your website in any browser without installing any of them</title>
		<link>http://www.burnmind.com/webdesign/test-your-website-in-any-browser-without-installing-any-of-them</link>
		<comments>http://www.burnmind.com/webdesign/test-your-website-in-any-browser-without-installing-any-of-them#comments</comments>
		<pubDate>Wed, 09 Sep 2009 17:22:24 +0000</pubDate>
		<dc:creator>burNMind</dc:creator>
				<category><![CDATA[bookmarks]]></category>
		<category><![CDATA[software]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[chrome]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[internet explorer]]></category>
		<category><![CDATA[opera]]></category>
		<category><![CDATA[safari]]></category>
		<category><![CDATA[sandbox]]></category>
		<category><![CDATA[test]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://www.burnmind.com/?p=341</guid>
		<description><![CDATA[Creation by ~jixi2000 on deviantART All Web Developers/Designers need to test their Websites in several different versions of all the famous browsers to ensure compatibility with each one of them. Sometimes it&#8217;s almost impossible to have every version installed on your computer (e.g. multiple versions of Internet Explorer on Vista..). A great solution to this [...]]]></description>
			<content:encoded><![CDATA[<div class="image"><img title="9 Browsers by jixi2000" src="http://www.burnmind.com/wp-content/uploads/2009/09/9_Browsers.png" border="0" alt="9 Browsers by jixi2000 on deviantART" />
<div class="caption">Creation by <a title="~jixi2000 on deviantart.com" href="http://jixi2000.deviantart.com/" target="_blank">~jixi2000</a> on <a title="deviantART" href="http://www.deviantart.com/" target="_blank">deviantART</a></div>
</div>
<p>All Web Developers/Designers need to test their Websites in several different versions of all the famous browsers to ensure compatibility with each one of them. Sometimes it&#8217;s almost impossible to have every version installed on your computer (e.g. multiple versions of Internet Explorer on Vista..).</p>
<p>A great solution to this problem came from <a title="Spoon Homepage" href="http://www.spoon.net/" target="_blank">Spoon</a>. They created the <a title="Browser Sandbox" href="http://www.spoon.net/Browsers/" target="_blank">Browser Sandbox</a>, which allows you to run different versions of all the famous browsers in your computer, without having to install any of them. Only a tiny plugin needs to be installed and then you can run all the supported browsers without any other installation.</p>
<p>The list of browsers that are currently available:</p>
<ul>
<li>Microsoft Internet Explorer 8</li>
<li>Microsoft Internet Explorer 7</li>
<li>Microsoft Internet Explorer 6</li>
<li>Mozilla Firefox 3.5</li>
<li>MozillaFirefox 3</li>
<li>MozillaFirefox 2</li>
<li>Apple Safari 4</li>
<li>Apple Safari 3</li>
<li>Google Chrome</li>
<li>Opera 10</li>
<li>Opera 9</li>
</ul>
<p>The application is free, so <a title="Browser Sandbox" href="http://spoon.net/browsers/" target="_blank">why don&#8217;t you try it</a>?</p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center">
<ul class="socials">
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=test+your+website+in+any+browser+without+installing+any+of+them+-+http://bit.ly/30GrDD&amp;source=shareaholic" rel="nofollow" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.burnmind.com/webdesign/test-your-website-in-any-browser-without-installing-any-of-them&amp;title=test+your+website+in+any+browser+without+installing+any+of+them" rel="nofollow" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://www.burnmind.com/webdesign/test-your-website-in-any-browser-without-installing-any-of-them&amp;title=test+your+website+in+any+browser+without+installing+any+of+them" rel="nofollow" title="Digg this!">Digg this!</a>
		</li>
		<li class="shr-reddit">
			<a href="http://reddit.com/submit?url=http://www.burnmind.com/webdesign/test-your-website-in-any-browser-without-installing-any-of-them&amp;title=test+your+website+in+any+browser+without+installing+any+of+them" rel="nofollow" title="Share this on Reddit">Share this on Reddit</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://www.burnmind.com/webdesign/test-your-website-in-any-browser-without-installing-any-of-them&amp;title=test+your+website+in+any+browser+without+installing+any+of+them" rel="nofollow" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.burnmind.com/webdesign/test-your-website-in-any-browser-without-installing-any-of-them&amp;t=test+your+website+in+any+browser+without+installing+any+of+them" rel="nofollow" title="Share this on Facebook">Share this on Facebook</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

]]></content:encoded>
			<wfw:commentRss>http://www.burnmind.com/webdesign/test-your-website-in-any-browser-without-installing-any-of-them/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Custom or Pre-made Website Template?</title>
		<link>http://www.burnmind.com/webdesign/custom-or-pre-made-website-template</link>
		<comments>http://www.burnmind.com/webdesign/custom-or-pre-made-website-template#comments</comments>
		<pubDate>Fri, 13 Feb 2009 22:38:05 +0000</pubDate>
		<dc:creator>burNMind</dc:creator>
				<category><![CDATA[urban legends]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[advantages]]></category>
		<category><![CDATA[custom]]></category>
		<category><![CDATA[disadvantages]]></category>
		<category><![CDATA[pre-made]]></category>
		<category><![CDATA[template]]></category>

		<guid isPermaLink="false">http://www.burnmind.com/?p=68</guid>
		<description><![CDATA[Hemingway template Although i once did it for a living (after a short ..MSc break, i&#8217;m doing it again), i initially decided not to build a custom template for my blog, but to use a pre-made wordpress template. My choice for now is was the minimalistic Hemingway. But is this the &#8216;right&#8217; thing to do? [...]]]></description>
			<content:encoded><![CDATA[<div class="image"><img class="alignright size-thumbnail wp-image-141" title="Hemingway Template" src="http://www.burnmind.com/wp-content/uploads/2009/02/hemingway_home.png" alt="Hemingway Template" width="150" height="150" />
<div class="caption"><a title="Hemingway template" href="http://warpspire.com/hemingway/" target="_blank">Hemingway</a> template</div>
</div>
<p><del datetime="2009-09-09T01:23:06+00:00">Although i once did it for a living</del> (after a short ..MSc break, i&#8217;m doing it again), i initially decided not to build a custom template for my blog, but to use a pre-made wordpress template. My choice <del datetime="2009-09-09T01:23:06+00:00">for now is</del> was the minimalistic <a title="Hemingway template" href="http://warpspire.com/hemingway/" target="_blank">Hemingway</a>. But is this the &#8216;right&#8217; thing to do? Let me rephrase that: is there a &#8216;right&#8217; thing to do?</p>
<p>In my case, i just wanted to start writting without many concerns about the website&#8217;s look and so i did. <del datetime="2009-09-09T01:23:06+00:00">Now it&#8217;s the right time to build my very own (without any rush though)</del>. Although i knew it from the beginning that someday i was going to build my own template, i placed myself into the position of someone who had to pay for one.</p>
<p>From the developer&#8217;s point of view, the only <strong>disadvantage</strong> is the personal effort he has to put in. On the other hand, the buyer&#8217;s only concern is the price. The three main <strong>advantages</strong> of the custom over the pre-made templates are:</p>
<ul>
<li><strong>Customization</strong>. You can place whatever you what, wherever you want and alter things easily.</li>
</ul>
<ul>
<li><strong>Maintenance</strong>. You&#8217;ve made it (or the person you paid to make it and possibly maintain it too), so you know where everything is and what to change when needed.</li>
</ul>
<ul>
<li><strong>Uniqueness</strong> is the key-word that is associated with branding, being memorable etc. How can someone remember your website when it&#8217;s the same like someone else&#8217;s?</li>
</ul>
<p>Honestly, i couldn&#8217;t find any advantage other than the price to the pre-made templates, but bear in mind that &#8220;the more you pay, the better you get&#8221; is not true every time.</p>
<p>So, i advice you to spend some time/money to build/buy your own website template. <a title="Custom vs Premade Blog Themes" href="http://www.problogger.net/archives/2007/04/07/custom-vs-premade-blog-themes/" target="_blank">Here</a> and <a title="Improve Your Blog with a Custom Made Template" href="http://www.problogger.net/archives/2008/01/01/improve-your-blog-with-a-custom-made-theme/" target="_blank">here</a>, you can read other people&#8217;s thoughts on the subject. I&#8217;d be pleased to read your thoughts (especially those who disagree with me).</p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center">
<ul class="socials">
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Custom+or+Pre-made+Website+Template%3F+-+http://bit.ly/bZ0KNk&amp;source=shareaholic" rel="nofollow" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.burnmind.com/webdesign/custom-or-pre-made-website-template&amp;title=Custom+or+Pre-made+Website+Template%3F" rel="nofollow" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://www.burnmind.com/webdesign/custom-or-pre-made-website-template&amp;title=Custom+or+Pre-made+Website+Template%3F" rel="nofollow" title="Digg this!">Digg this!</a>
		</li>
		<li class="shr-reddit">
			<a href="http://reddit.com/submit?url=http://www.burnmind.com/webdesign/custom-or-pre-made-website-template&amp;title=Custom+or+Pre-made+Website+Template%3F" rel="nofollow" title="Share this on Reddit">Share this on Reddit</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://www.burnmind.com/webdesign/custom-or-pre-made-website-template&amp;title=Custom+or+Pre-made+Website+Template%3F" rel="nofollow" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.burnmind.com/webdesign/custom-or-pre-made-website-template&amp;t=Custom+or+Pre-made+Website+Template%3F" rel="nofollow" title="Share this on Facebook">Share this on Facebook</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

]]></content:encoded>
			<wfw:commentRss>http://www.burnmind.com/webdesign/custom-or-pre-made-website-template/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
