<?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; The Web Mechanic &#8211; Your WordPress expert</title> <atom:link href="http://www.the-web-mechanic.com/tag/monitor-size/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>Fri, 30 Dec 2011 00:18:30 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.1</generator> <item><title>What size should your website be?</title><link>http://www.the-web-mechanic.com/50/what-size-should-your-website-be/</link> <comments>http://www.the-web-mechanic.com/50/what-size-should-your-website-be/#comments</comments> <pubDate>Mon, 29 Dec 2008 00:27:14 +0000</pubDate> <dc:creator>Ken Dawes</dc:creator> <category><![CDATA[WordPress Tutorial]]></category> <category><![CDATA[liquid layout]]></category> <category><![CDATA[monitor]]></category> <category><![CDATA[monitor size]]></category> <category><![CDATA[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 a monitor that had maybe a 13&#8243; diagonal and showed &#8230; <a
href="http://www.the-web-mechanic.com/50/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> ]]></content:encoded> <wfw:commentRss>http://www.the-web-mechanic.com/50/what-size-should-your-website-be/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> </channel> </rss>
