<?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>BraveNewCode Inc. &#187; Validation</title>
	<atom:link href="http://www.bravenewcode.com/tag/validation/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.bravenewcode.com</link>
	<description>You dream it up, we code it to life.</description>
	<lastBuildDate>Tue, 07 Feb 2012 20:00:25 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Making A Good Blog Impression</title>
		<link>http://www.bravenewcode.com/2009/04/making-a-good-blog-impression/</link>
		<comments>http://www.bravenewcode.com/2009/04/making-a-good-blog-impression/#comments</comments>
		<pubDate>Tue, 21 Apr 2009 17:54:17 +0000</pubDate>
		<dc:creator>Duane Storey</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Favicon]]></category>
		<category><![CDATA[templates]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[tricks]]></category>
		<category><![CDATA[Validation]]></category>
		<category><![CDATA[W3C]]></category>

		<guid isPermaLink="false">http://www.bravenewcode.com/?p=1610</guid>
		<description><![CDATA[I spend a great deal of time each day bouncing around the web and looking at websites. Most of the time I&#8217;m simply doing research for some web development project I&#8217;m working on (or potentially quoting on), but sometimes I simply do it to get some inspiration from other sites. Without a doubt, the majority [...]]]></description>
			<content:encoded><![CDATA[<p>I spend a great deal of time each day bouncing around the web and looking at websites.  Most of the time I&#8217;m simply doing research for some web development project I&#8217;m working on (or potentially quoting on), but sometimes I simply do it to get some inspiration from other sites.</p>
<p>Without a doubt, the majority of websites I encounter are either poorly developed or often incomplete.  As someone who spends a lot of time on the computer, hitting a poorly implemented website immediately gives a bad impression, and causes me to subconsciously rank not only the website, but the person or company behind the website.  </p>
<p>Here are a few things that ever website owner should look for.</p>
<h4>Install A Favicon On Your Website</h4>
<p>So many websites still don&#8217;t have a favicon, which causes many browsers to show a default (aka crappy) icon instead.  It looks really unprofessional, especially when your site&#8217;s lack of favicon is contrasted in a bookmark list with a group of sites that do have a favicon.  If you don&#8217;t have the ability to create one yourself, don&#8217;t worry &#8212; there are <a href="http://tools.dynamicdrive.com/favicon/">many websites</a> that will generate one from a JPEG or GIF for you.  Once you&#8217;ve generated your favicon.ico file, you can simply install it in the root directory of your website, and it should automatically be picked up.  </p>
<p>If you&#8217;re a bit more web savvy and want to put your favicon.ico file in another location, you can &#8212; you simply have to add a special tag to your HTML document to let the browser know where it&#8217;s located.  For example:</p>
<p><code><br />
&lt;link rel=&quot;shortcut icon&quot; href=&quot;[http path]/favicon.ico&quot;&gt;&lt;/link&gt;<br />
</code></p>
<p>If you have a WordPress theme, you can add the following code to header.php to have it look in your theme directory for the favicon:</p>
<p><code><br />
&lt;link rel=&quot;shortcut icon&quot; type=&quot;image/x-icon&quot; href=&quot;&lt;?php bloginfo('template_directory'); ?&gt;/favicon.ico&quot;&gt;&lt;/link&gt;<br />
</code></p>
<h4>Ensure Your Website Validates</h4>
<p>Under the hood, every website is simply a collection of XML/XHTML/HTML tags that instruct web browsers how to render the page.  Those tags are defined by a specification such that all content producers will produce comparable tags, and all browsers will render those tags in (ideally) the same way.  For example, those specifications say that an IMG tag can have a ALT attribute, but it can&#8217;t have a FOO attribute.  </p>
<p>There are many web designers and development firms who insist that proper validation of a website&#8217;s HTML structure isn&#8217;t required.   The main argument I&#8217;ve heard is that the benefits from making a website properly validate against W3C specifications do not justify the efforts required to ensure the website validates.  From a development perspective, I&#8217;ve never understood that argument.  Once you know how to make a site validate, it&#8217;s very easy to develop at full speed while writing valid HTML markup.   </p>
<p>An analogy I&#8217;ve used in the past relates to golf.  Yes, learning how to properly swing a golf club takes time and effort.  But once you know how to properly swing a golf club, it doesn&#8217;t require any extra effort to play the game.  You simply carry that knowledge with you around the course and play a better game of golf.</p>
<p>Almost all validation errors I&#8217;ve seen in the real world are in the area of accessibility (for example, not providing an ALT tag for images).  What that means is that people with certain disabilities are going to have a hard time navigating your site and understanding the content.  Do you really want to alienate some of your readership by not spending 15 or so minutes to bring your website up to specification?</p>
<p> <a href="http://www.bravenewcode.com/wp-content/uploads//picture-31.png"><img src="http://www.bravenewcode.com/wp-content/uploads//picture-31.png" alt="picture-31" title="picture-31" width="341" height="155" class="alignright size-full wp-image-1626" /></a> There are many plugins for popular browsers that show you the state of validation of a website in real time.  The one I use is called <a href="http://zappatic.net/safaritidy/">Tidy for Safari</a>.  The Tidy plugin shows a real-time count of the HTML validation warnings and errors on each page.  In the example photo, there are 32 validation warnings.</p>
<p>If you&#8217;re looking for a great resource for website validation, <a href="http://validator.w3.org/">check out the official W3C validator</a>.</p>
<p>Adding a favicon and fixing up the validation errors on a website would probably take most people no more than 30 minutes of time, and would remove a few negative aspects from their website.   Not only would the site then be a properly validating HTML website, but it would potentially allow it to be viewed by a larger audience, namely people with disabilities.  </p>
<p>You can do neither and still have a great website.  But to me it&#8217;s like walking into an interview with a big stain on your shirt or a hole in your pants.  Sure, maybe you&#8217;re a rock star and you&#8217;ll still get the job.  But why take chances?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.bravenewcode.com/2009/04/making-a-good-blog-impression/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

