<?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>The Web Mechanic &#187; Website Information</title>
	<atom:link href="http://www.the-web-mechanic.com/category/website-information/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.the-web-mechanic.com</link>
	<description>The Web Mechanic fixes what annoys you about your web site or blog.</description>
	<lastBuildDate>Tue, 27 Jul 2010 16:10:56 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=abc</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>What size should your website be?</title>
		<link>http://www.the-web-mechanic.com/what-size-should-your-website-be/</link>
		<comments>http://www.the-web-mechanic.com/what-size-should-your-website-be/#comments</comments>
		<pubDate>Mon, 29 Dec 2008 00:27:14 +0000</pubDate>
		<dc:creator>ken</dc:creator>
				<category><![CDATA[Website Information]]></category>
		<category><![CDATA[monitor size]]></category>
		<category><![CDATA[screen resolution]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://www.the-web-mechanic.com/?p=50</guid>
		<description><![CDATA[<h1 style="text-align: center;"><span style="font-size: x-large;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"> <span style="color: #cc0000;">What Size Should Your Website Be?</span></span></span></h1> <p style="text-align: left;"><span style="font-size: x-large;">C</span>omputers and the web have certainly progressed visually over the years.</p> <p><strong><span style="font-size: x-large;">T</span>imes have changed!</strong></p> <div style="width: 20%; float: right;"> </div> <p><span style="font-size: x-large;">W</span>hen the web began, most users had&#8230; <a href="http://www.the-web-mechanic.com/what-size-should-your-website-be/" class="read_more">Read the rest</a></p> [...]]]></description>
			<content:encoded><![CDATA[<h1 style="text-align: center;"><span style="font-size: x-large;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"> <span style="color: #cc0000;">What Size Should Your Website Be?</span></span></span></h1>
<p style="text-align: left;"><span style="font-size: x-large;">C</span>omputers and the web have certainly progressed visually over the years.</p>
<p><strong><span style="font-size: x-large;">T</span>imes have changed!</strong></p>
<div style="width: 20%; float: right;">
<div id="attachment_406" class="wp-caption alignright" style="width: 110px"><a href="http://the-web-mechanic.com/wp-content/uploads/2008/12/monitor-resolution-sizes636px.png"><img class="size-thumbnail wp-image-406" title="monitor-resolution-sizes636px" src="http://the-web-mechanic.com/wp-content/uploads/2008/12/monitor-resolution-sizes636px-150x150.png" alt="A comparison of monitor resolutions" width="100%" /></a><p class="wp-caption-text">A comparison of monitor resolutions</p></div>
</div>
<p><span style="font-size: x-large;">W</span>hen the web began, most users had a monitor that had maybe a 13&#8243; diagonal and showed a screen resolution of 640 x 480 pixels. (What&#8217;s a pixel? It&#8217;s basically how many dots go across your screen from left to right and top to bottom)<span id="more-50"></span> Folks today may have a flat-screen monitor on their desk that is 24&#8243; (or more!) and a resolution of 1920 x 1200 or larger.</p>
<p><span style="font-size: x-large;">I</span> won&#8217;t go into the whole technical topic of screen sizes and resolutions much beyond that&#8230; Suffice it to say, for maximum impact your website should keep up with the technologies that your viewers are using.</p>
<p><span style="font-size: x-large;">T</span>hese days, only about 5% of the people visiting websites use a resolution of 800 x 600 pixels or less. Yet most websites are designed with that resolution in mind. When I wrote this blog, the most common &#8220;lower&#8221; resolution was 1024 x 768 pixels (roughly 23%).</p>
<p><span style="font-size: x-large;">I</span>f your website is set up this way, it means that 95% of the people visiting your website will see an empty band on either side of your content, and will have to scroll downward more to read everything. Depending on their screen, as much as 50% of their browser may be blank space!</p>
<p><span style="font-size: x-large;">A</span>s an analogy, you could read the latest Robert Parker mystery book with each page of the paperback printed in the middle of a blank newspaper page&#8230;..  but it would look lost in  all of that empty space!</p>
<p><span style="font-size: x-large;">W</span>hat to do?</p>
<p><span style="font-size: x-large;">My</span> suggestion is to think about using what is called a &#8220;liquid layout&#8221;. This type of layout can adapt itself to the screen resolution of whomever is looking at your website&#8230; automatically! Some liquid layout websites can even automatically adapt to the size of their browser as well as their resolution. As a matter of fact, this website is a liquid layout!</p>
<p><span style="font-size: x-large;">N</span>ow liquid layouts are not a universal panacea! Like most things in this world, one size does not fit all. If your site is text heavy, think about how long your lines of text will be if a browser is open to full screen on a large monitor. As lines of text get longer, they get more difficult to read.</p>
<p><span style="font-size: x-large;">I</span>f you are comfortable with playing with your computer, and with changing your video settings, go ahead and change them. You will find that this website will fill the page from left to right &#8211; regardless of the screen resolution!</p>
<p align="left"><a target="_blank" rel="nofollow" class="tt" href="http://twitter.com/home/?status=What+size+should+your+website+be%3F+http://brmfi.th8.us" title="Post to Twitter"><img class="nothumb" src="http://www.the-web-mechanic.com/wp-content/plugins/tweet-this/icons/tt-twitter-micro4.png" alt="Post to Twitter" /></a> <a target="_blank" rel="nofollow" class="tt" href="http://delicious.com/post?url=http://www.the-web-mechanic.com/what-size-should-your-website-be/&amp;title=What+size+should+your+website+be%3F" title="Post to Delicious"><img class="nothumb" src="http://www.the-web-mechanic.com/wp-content/plugins/tweet-this/icons/tt-delicious-micro4.png" alt="Post to Delicious" /></a> <a target="_blank" rel="nofollow" class="tt" href="http://digg.com/submit?url=http://www.the-web-mechanic.com/what-size-should-your-website-be/&amp;title=What+size+should+your+website+be%3F" title="Post to Digg"><img class="nothumb" src="http://www.the-web-mechanic.com/wp-content/plugins/tweet-this/icons/tt-digg-micro4.png" alt="Post to Digg" /></a> <a target="_blank" rel="nofollow" class="tt" href="http://ping.fm/ref/?method=microblog&amp;title=What+size+should+your+website+be%3F&amp;link=http://www.the-web-mechanic.com/what-size-should-your-website-be/" title="Post to Ping.fm"><img class="nothumb" src="http://www.the-web-mechanic.com/wp-content/plugins/tweet-this/icons/tt-ping-micro4.png" alt="Post to Ping.fm" /></a> <a target="_blank" rel="nofollow" class="tt" href="http://stumbleupon.com/submit?url=http://www.the-web-mechanic.com/what-size-should-your-website-be/&amp;title=What+size+should+your+website+be%3F" title="Post to StumbleUpon"><img class="nothumb" src="http://www.the-web-mechanic.com/wp-content/plugins/tweet-this/icons/tt-su-micro4.png" alt="Post to StumbleUpon" /></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.the-web-mechanic.com/what-size-should-your-website-be/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
