<?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>Toms Skyline Design &#187; CSS</title>
	<atom:link href="http://www.tomsskylinedesign.com/category/design-development/css-design-development/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.tomsskylinedesign.com</link>
	<description>CMS, Web Design, SEO &#38; Social Media Marketing</description>
	<lastBuildDate>Mon, 19 Dec 2011 00:54:47 +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>Wordsmith Anvil Tips</title>
		<link>http://www.tomsskylinedesign.com/2011/05/wordsmith-anvil-tips/</link>
		<comments>http://www.tomsskylinedesign.com/2011/05/wordsmith-anvil-tips/#comments</comments>
		<pubDate>Mon, 30 May 2011 08:31:55 +0000</pubDate>
		<dc:creator>skyline</dc:creator>
				<category><![CDATA[Blogs & CMS]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Design & Development]]></category>
		<category><![CDATA[Featured]]></category>
		<category><![CDATA[General Information]]></category>
		<category><![CDATA[Plugins & Themes]]></category>
		<category><![CDATA[Support]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[closing tag]]></category>
		<category><![CDATA[companion tag]]></category>
		<category><![CDATA[custom fields]]></category>
		<category><![CDATA[custom page templates]]></category>
		<category><![CDATA[directory structure]]></category>
		<category><![CDATA[font size]]></category>
		<category><![CDATA[opening tag]]></category>
		<category><![CDATA[stylesheets]]></category>
		<category><![CDATA[theme option]]></category>
		<category><![CDATA[unexpected results]]></category>
		<category><![CDATA[widget areas]]></category>
		<category><![CDATA[Wordpress Repository]]></category>

		<guid isPermaLink="false">http://www.tomsskylinedesign.com/?p=1623</guid>
		<description><![CDATA[WORDSMITH-ANVIL Update &#8230; Numerous changes have been made to this]]></description>
			<content:encoded><![CDATA[<p>WORDSMITH-ANVIL Update &#8230; Numerous changes have been made to this theme, including the addition of several more options (over 50 different options) along with a handful of bug fixes and other enhancements. The current version is 2.2.1. Read more about it on the <a href="http://www.tomsskylinedesign.com/themes/wordsmith-anvil/" title="Wordsmith Anvil Theme">Wordsmith Anvil Theme Page</a>. or Download it at <a href="http://wordpress.org/extend/themes/wordsmith-anvil" target="_blank" rel="nofollow">WordPress.org</a><span id="more-1623"></span></p>
<p>The theme I recently released on the WordPress Repository, Wordsmith Anvil, has a number of features and some custom page templates. After taking a quick look at several sites that have downloaded this theme, I have made a few observations and thought it would be a good idea to make not of a few of them. </p>
<p>The font size for the title is designed to be fairly large. As a result, if the title of the blog has more than 15-18 characters it will not display very well (up through version 1.6.3). If your title contains more characters, you will need to <del>edit the file main.css, located in the stylesheets directory. <strong>Decrease the font size until your title displays correctly</strong> &#8230; or select a blog title with less characters. <strong>NOTE:</strong> <em>You will most likely need to also adjust the height, margin and/or padding on the header elements to accommodate your changes.</em></del><strong> <a href="http://wordpress.org/extend/themes/wordsmith-anvil" target="_blank" rel="nofollow">DOWNLOAD VERSION 1.6.6</a></strong> &#8230; I fixed it for you. <img src='http://www.tomsskylinedesign.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>I have also seen several sites where someone has attempted to edit the pages and the end result is that the pages do not display correctly. I cannot provide an easy explanation that will address every possible edit to the pages in this theme. However, the best <em>caveat </em>is to <strong>save a backup of the page before you attempt to edit it</strong>. That way, if you delete something that breaks the page, you can always revert to the original version of the page and try again. One of the most common errors I have seen is removing an opening <code>&lt;div&gt;</code> or a closing <code>&lt;/div&gt;</code> tag; and not deleting the companion tag. Every opening tag needs a closing tag. Otherwise, you end up with unexpected results. Your sidebar may not display correctly, or maybe your footer, or the widget areas above the footer, or the page itself may not display properly. </p>
<p>If you would like to use any of the page templates, take a few minutes to read through the FAQs, which you can find <a href="http://www.tomsskylinedesign.com/themes/wordsmith-anvil/faqs/">here</a>. Without reading the FAQs, it is not likely you will be able to setup the page templates. You will need to understand what the custom fields are, and the directory structure. </p>
<p>I have also seen where a different header image has been uploaded which displays a title or other text. Unless you comment out the site title in the header.php file, you will see the title of your blog displayed over the top of the text in your header image; which, is not likely your intent. I may consider adding the option to enable or disable display of the site title in a subsequent version; as I have done for the tagline, and logo. </p>
<p>I have also seen where people have tried to hardcode in elements that are already made available in the theme options page; or install a plugin that does not have theme styling already built in. Unless you are very comfortable editing php code and comfortable with editing stylesheets your best bet is using the theme options to perform the functions they are designed to perform.  If there is not a theme option available, then feel free to make a suggestion about other functionality you would like to see in future versions of this theme. Also, you might find other plugins that will perform functions that are not already built in. </p>
]]></content:encoded>
			<wfw:commentRss>http://www.tomsskylinedesign.com/2011/05/wordsmith-anvil-tips/feed/</wfw:commentRss>
		<slash:comments>20</slash:comments>
		</item>
		<item>
		<title>Wordsmith Anvil Theme Released</title>
		<link>http://www.tomsskylinedesign.com/2011/05/wordsmith-anvil-theme-released/</link>
		<comments>http://www.tomsskylinedesign.com/2011/05/wordsmith-anvil-theme-released/#comments</comments>
		<pubDate>Fri, 27 May 2011 04:23:03 +0000</pubDate>
		<dc:creator>skyline</dc:creator>
				<category><![CDATA[Blogs & CMS]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Design & Development]]></category>
		<category><![CDATA[Featured]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[Plugins & Themes]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[What's New]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Copyright Text]]></category>
		<category><![CDATA[Coupon]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[custom fields]]></category>
		<category><![CDATA[Custom Header Backgrounds]]></category>
		<category><![CDATA[Custom Logo]]></category>
		<category><![CDATA[Custom Menus]]></category>
		<category><![CDATA[custom options]]></category>
		<category><![CDATA[custom templates]]></category>
		<category><![CDATA[Display Box]]></category>
		<category><![CDATA[display logic]]></category>
		<category><![CDATA[Display Option]]></category>
		<category><![CDATA[External Feed Display]]></category>
		<category><![CDATA[Feedburner Subscribe]]></category>
		<category><![CDATA[Five Widget Areas]]></category>
		<category><![CDATA[Footer Links]]></category>
		<category><![CDATA[functionality]]></category>
		<category><![CDATA[options panel]]></category>
		<category><![CDATA[RSS]]></category>
		<category><![CDATA[Social Network linking options]]></category>
		<category><![CDATA[Special Text]]></category>
		<category><![CDATA[Tagline]]></category>
		<category><![CDATA[Wordpress Repository]]></category>
		<category><![CDATA[Wordsmith Anvil]]></category>

		<guid isPermaLink="false">http://www.tomsskylinedesign.com/?p=1611</guid>
		<description><![CDATA[I decided to contribute to the WordPress Repository and wanted]]></description>
			<content:encoded><![CDATA[<p>I decided to contribute to the WordPress Repository and wanted to create a theme that was based on html5 and CSS3. I also wanted to give the theme a name that reflected its purpose. The Wordsmith Anvil is a good theme for people wanting to write about and market their books, articles or other writings. So, it is great for hammering out words and forging ahead with custom templates and custom fields for selling compilations of those words. Wordsmith Anvil bellows for more. The fact is that this theme is well suited for many other uses as well. <span id="more-1611"></span>This theme includes an admin options panel to administer several custom options. Support for this theme can be found <a href="http://www.tomsskylinedesign.com/themes/wordsmith-anvil/feedback/" title="Wordsmith Anvil Theme Feedback and Support Forum">here</a>. <a href="http://www.tomsskylinedesign.com/themes/wordsmith-anvil/faqs/" title="Wordsmith Anvil Theme FAQs">FAQs</a> are here. If you would like to pony up some funds to have me the customize the theme for you, then <a href="http://www.tomsskylinedesign.com/service-support/contacts/" title="Toms Skyline Design Contact Center">contact me</a>. Initially, there were more options built into this theme. However, progressing through the rigorous review process and several reviewers, some of the options were removed from the theme. Actually, some of the options would be better to implement via a plug-in; because they dealt more with functionality than with display and display logic.  </p>
<p>Theme options include:</p>
<ul>
<li>Remove those pesky auto p tags</li>
<li>Custom Logo options</li>
<li>Custom Header Backgrounds</li>
<li>Custom Background Options</li>
<li>Custom Menus</li>
<li>Five Widget Areas</li>
<li>Tagline Display Option</li>
<li>RSS and Social Network linking options</li>
<li>Feedburner Subscribe Options</li>
<li>External Feed Display Option</li>
<li>Coupon or Special Text Display Box Options</li>
<li>Footer Links Display Options</li>
<li>Copyright Text Display Option</li>
</ul>
<p>The current version can be <a href="http://wordpress.org/extend/themes/wordsmith-anvil" target="_blank" rel="nofollow">downloaded from the WordPress Repository</a>. At the time of this  post, the current version available for download is 1.6.2. There was a minor display issue which only affected certain versions of Internet Explorer. This was corrected in version 1.6.3. If you have downloaded 1.6.2 and are wondering how to correct the display issue, you can <a href="http://www.tomsskylinedesign.com/themes/wordsmith-anvil/faqs/#twentyseven">find the solution here</a>.</p>
<p>If you have a comment on this post, feel free to leave one here. If you have questions about the theme, or would like to have the theme customized for you, then use the links above. This post was not intended to be a Q &amp; A Forum, or support page for the theme. <img src='http://www.tomsskylinedesign.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  &#8230; However, I may not have made that clear on the theme options page until version 1.6.8. So, because of that, there are a number of Q &amp; A and support related comments found here. For future use, to centralize the support-related threads for the Wordsmith Anvil theme, please use the Feedback &amp; Support Forum Page on the theme&#8217;s demo site.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tomsskylinedesign.com/2011/05/wordsmith-anvil-theme-released/feed/</wfw:commentRss>
		<slash:comments>60</slash:comments>
		</item>
		<item>
		<title>Local Consumer Resolution Service Company Gets New Website</title>
		<link>http://www.tomsskylinedesign.com/2010/05/local-consumer-resolution-service-company-gets-new-website/</link>
		<comments>http://www.tomsskylinedesign.com/2010/05/local-consumer-resolution-service-company-gets-new-website/#comments</comments>
		<pubDate>Wed, 19 May 2010 22:38:20 +0000</pubDate>
		<dc:creator>skyline</dc:creator>
				<category><![CDATA[Blogs & CMS]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Plugins & Themes]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[What's New]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Gets A New Website]]></category>
		<category><![CDATA[Homeowner Resource]]></category>
		<category><![CDATA[local Beaverton company]]></category>
		<category><![CDATA[set thumbnail]]></category>
		<category><![CDATA[slider]]></category>
		<category><![CDATA[widgetized footer]]></category>
		<category><![CDATA[widgetized sidebar]]></category>
		<category><![CDATA[Wordpress theme]]></category>

		<guid isPermaLink="false">http://www.tomsskylinedesign.com/?p=681</guid>
		<description><![CDATA[Local Consumer and Homeowner Resource Company Gets A New Website]]></description>
			<content:encoded><![CDATA[<p><strong>Local Consumer and Homeowner Resource Company Gets A New Website</strong> &#8230; Consumers Resolution Services LLC, a local Beaverton company that helps consumers and homeowners locate resources to assist them in dealing with creditors and lenders recently became the recipient of a newly developed WordPress theme by Toms Skyline Design. </p>
<p>This WordPress theme includes a slider that utilizes the new <em>set thumbnail</em> functionality in WordPress 2.9.2 and later. The theme includes several options and is a two-column type theme, with a widgetized sidebar and widgetized footer.<span id="more-681"></span></p>
<p>I also created this header image of a loupe and documents that I thought I would showcase here as well. <a href="http://www.tomsskylinedesign.com/2010/05/local-consumer-resolution-service-company-gets-new-website/forensicaudit/" rel="attachment wp-att-684"><img src="http://www.tomsskylinedesign.com/wp-content/uploads/forensicaudit.png" alt="" title="forensicaudit" width="300" height="100" class="alignleft size-full wp-image-684" /></a></p>
<p><!--adsensestart--></p>
]]></content:encoded>
			<wfw:commentRss>http://www.tomsskylinedesign.com/2010/05/local-consumer-resolution-service-company-gets-new-website/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Customized WordPress Site for Local Merchant: Plews Brews</title>
		<link>http://www.tomsskylinedesign.com/2010/05/customized-wordpress-site-for-local-merchant-plews-brews/</link>
		<comments>http://www.tomsskylinedesign.com/2010/05/customized-wordpress-site-for-local-merchant-plews-brews/#comments</comments>
		<pubDate>Wed, 19 May 2010 21:23:18 +0000</pubDate>
		<dc:creator>skyline</dc:creator>
				<category><![CDATA[Blogs & CMS]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Design & Development]]></category>
		<category><![CDATA[Plugins & Themes]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[What's New]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Customized Wordpress]]></category>
		<category><![CDATA[image editing]]></category>
		<category><![CDATA[Local Merchant]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[Plews Brews]]></category>
		<category><![CDATA[St Johns]]></category>

		<guid isPermaLink="false">http://www.tomsskylinedesign.com/?p=677</guid>
		<description><![CDATA[Tom the WordPress Guru Customizes another WordPress Theme for a]]></description>
			<content:encoded><![CDATA[<p><strong>Tom the WordPress Guru Customizes another WordPress Theme for a Local Merchant</strong> &#8230;<a href="http://www.plewsbrews.com" target="_blank" rel="nofollow" class="broken_link">Plews Brews</a>, a local pub, tavern, watering hole and place to meet in St Johns (the area in North Portland) was in need of a new website; when along came Jeffrey Selin. Jeffrey owns another St Johns business, the Dojo Creative Agency. He also frequents the local watering hole and contacted Tom to see about customizing a new site for Plews Brews.<span id="more-677"></span></p>
<p>What they wanted was a new WordPress theme that would represent their business and their connection to the local historic aspects of St Johns. Toms Skyline Design created a new site for them, which of course, includes a lot of CSS, PHP and image editing. Now they only need to begin re-adding content. Good Luck to everyone over at Plews Brews.</p>
<p><!--adsensestart--></p>
]]></content:encoded>
			<wfw:commentRss>http://www.tomsskylinedesign.com/2010/05/customized-wordpress-site-for-local-merchant-plews-brews/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>New Customized WordPress Site: The Ladybug Cafe</title>
		<link>http://www.tomsskylinedesign.com/2010/04/new-customized-wordpress-site-the-ladybug-cafe/</link>
		<comments>http://www.tomsskylinedesign.com/2010/04/new-customized-wordpress-site-the-ladybug-cafe/#comments</comments>
		<pubDate>Thu, 29 Apr 2010 01:05:36 +0000</pubDate>
		<dc:creator>skyline</dc:creator>
				<category><![CDATA[Blogs & CMS]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Design & Development]]></category>
		<category><![CDATA[Flash & Multimedia Design]]></category>
		<category><![CDATA[Plugins & Themes]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[What's New]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Customized Wordpress Site]]></category>
		<category><![CDATA[Ladybug Restaurant]]></category>
		<category><![CDATA[Oregon]]></category>
		<category><![CDATA[organic restaurant]]></category>
		<category><![CDATA[Portland]]></category>
		<category><![CDATA[St Johns]]></category>
		<category><![CDATA[Wordpress Development]]></category>

		<guid isPermaLink="false">http://www.tomsskylinedesign.com/?p=658</guid>
		<description><![CDATA[Check out the site and stop by the restaurant to]]></description>
			<content:encoded><![CDATA[<p>Check out the site and stop by the restaurant to check out the food, as well as the people and the ambiance &#8230; Once again I have nearly wrapped up a face-lift, installation and setup of a newly customized WordPress site. </p>
<p>The site I have been working on is for a local organic restaurant in the St Johns area of Portland, Oregon.  Angel, the owner of the restaurant, <a href="http://theladybugcafe.com/" target="_blank" rel="nofollow">The LadyBug Cafe</a>, was in need of a face-lift  &#8230; <span id="more-658"></span></p>
<p>and talked with another St Johns business owner, Jeffrey Selin of the Dojo Creative Agency and they decided to make the switch. Jeffrey and the Dojo, whom <a href="http://www.dojocreativeagency.com/about/team/#TomMatteson" target="_blank" rel="nofollow">I perform behind the scene Web &amp; WordPress Development</a> for, asked me to help him make the face-lift for the Ladybug site become a reality. </p>
<p>And &#8230; Woila &#8230; here it is</p>
<p>[<strong>UPDATE:</strong> Sadly, a few months later this establishment in the St Johns area closed its doors and went out of business]</p>
<p><!--adsensestart--></p>
]]></content:encoded>
			<wfw:commentRss>http://www.tomsskylinedesign.com/2010/04/new-customized-wordpress-site-the-ladybug-cafe/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS3 Modules … How the Most Popular Browsers See It</title>
		<link>http://www.tomsskylinedesign.com/2010/04/css3-modules-%e2%80%a6-how-the-most-popular-browsers-see-it/</link>
		<comments>http://www.tomsskylinedesign.com/2010/04/css3-modules-%e2%80%a6-how-the-most-popular-browsers-see-it/#comments</comments>
		<pubDate>Mon, 05 Apr 2010 03:07:08 +0000</pubDate>
		<dc:creator>skyline</dc:creator>
				<category><![CDATA[Browsers]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Design & Development]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Google Chrome]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[Safari]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Website Administration]]></category>
		<category><![CDATA[1024 x 768]]></category>
		<category><![CDATA[1280 x 1024]]></category>
		<category><![CDATA[borders]]></category>
		<category><![CDATA[color]]></category>
		<category><![CDATA[CSS3 Modules]]></category>
		<category><![CDATA[Google Chrome 4.1.x]]></category>
		<category><![CDATA[gradients]]></category>
		<category><![CDATA[HSL and opacity color effects]]></category>
		<category><![CDATA[IE5]]></category>
		<category><![CDATA[IE6]]></category>
		<category><![CDATA[IE7]]></category>
		<category><![CDATA[IE8]]></category>
		<category><![CDATA[internet explorer]]></category>
		<category><![CDATA[Most Popular Browsers]]></category>
		<category><![CDATA[Mozilla Firefox]]></category>
		<category><![CDATA[Opera]]></category>
		<category><![CDATA[PC users]]></category>
		<category><![CDATA[Proposed Recommendation]]></category>
		<category><![CDATA[proprietary prefixes]]></category>
		<category><![CDATA[radius]]></category>
		<category><![CDATA[RBG]]></category>
		<category><![CDATA[Recommendation stage]]></category>
		<category><![CDATA[render the same]]></category>
		<category><![CDATA[rotate images]]></category>
		<category><![CDATA[rotate text]]></category>
		<category><![CDATA[Sarari]]></category>
		<category><![CDATA[screen resolution]]></category>
		<category><![CDATA[standards and specifications]]></category>
		<category><![CDATA[text effects]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[Windows 7]]></category>
		<category><![CDATA[Windows Vista]]></category>
		<category><![CDATA[XP]]></category>

		<guid isPermaLink="false">http://www.tomsskylinedesign.com/?p=612</guid>
		<description><![CDATA[The CSS3 standards and specifications are taking shape as modules and are still evolving in various states. Within each module are some really great web design and layout tools. The ability to rotate text and images; alter the origin, sized and number of backgrounds; add gradients to boxes; add text effects including shadows; change the radius, color, shadow or add an image to borders; RBG, HSL and opacity color effects; enhanced user interface [UI] options; increased number of font faces; media queries; multiple column layouts; and new options and specs for aural media aka speech are ...]]></description>
			<content:encoded><![CDATA[<p>The CSS3 standards and specifications are taking shape as modules and are still evolving in various states. Within each module are some really great web design and layout tools. The ability to rotate text and images; alter the origin, sized and number of backgrounds; add gradients to boxes; add text effects including shadows; change the radius, color, shadow or add an image to borders; RBG, HSL and opacity color effects; enhanced user interface [UI] options; increased number of font faces; media queries; multiple column layouts; and new options and specs for aural media aka speech are <a href="http://www.css3.info/preview/" rel="nofollow" target="_blank">some of the new tools or toys</a> that website designers will have the ability to play with when the modules reach the Recommendation stage.  Currently only two modules have reached Recommendation. <span id="more-612"></span> </p>
<p>However, nine modules are in the <a href="http://www.w3.org/Style/CSS/current-work#CSS3" rel="nofollow" target="_blank">Proposed Recommendation stage</a>. </p>
<p>However, historically one of the problems with CSS and the various web browsers is that one browser will support some of the standards and not others, and likewise another browser may support a subset of those standards, or a completely different set of standards. So, building sites that render the same way in each of the popular browsers becomes rather tricky.  At the time of this post, it appears that Google Chrome 4.1.x <a href="http://www.google.com/support/chrome/bin/answer.py?hl=en&#038;answer=95346" rel="nofollow" target="_blank"><img src="http://www.tomsskylinedesign.com/wp-content/uploads/chrome_th.jpg" alt="chrome_th" title="chrome_th" width="50" height="50" class="alignright size-full wp-image-616" border="0" /></a> is the most compatible with the current stages of the many CSS3 modules.  Unfortunately, from the perspective of the designer or developer, as of February, 2010, <a href="http://www.w3schools.com/browsers/browsers_chrome.asp" rel="nofollow" target="_blank">Google Chrome only accounts for a little less than 12% of all browsers</a>.  However, we could see those numbers change in the future. In fact, <a href="http://www.w3schools.com/browsers/browsers_stats.asp" rel="nofollow" target="_blank">statistics show</a> it was only a few years ago that over 55% of all web surfers were using Internet Explorer (IE5, IE6 &amp; IE7) and only 36% were using Firefox. <a href="http://www.mozilla.com/firefox" rel="nofollow" target="_blank"><img src="http://www.tomsskylinedesign.com/wp-content/uploads/firefox_th.jpg" alt="firefox_th" title="firefox_th" width="50" height="48" class="alignright size-full wp-image-618" border="0" /></a> The latest results show that Firefox has nearly 47% of the browser market; while IE8, IE7 &amp; IE6 <a href="http://ie.microsoft.com/testdrive/" rel="nofollow" target="_blank"><img src="http://www.tomsskylinedesign.com/wp-content/uploads/ie_th-125x90.jpg" alt="ie_th" title="ie_th" width="50" height="36" class="alignleft size-thumbnail wp-image-619" border="0" /></a> all combined for only about 35% of the browser market.  For many web designers this is a good trend because traditionally, IE has been responsible for countless hours of additional work and headaches in the continuing efforts of web professionals working to get pages that render the same in all other browsers to render the same in IE browsers.  <a href="http://blogs.msdn.com/ie/archive/2010/03/19/the-css-corner-about-css-corners.aspx" rel="nofollow" target="_blank">According to Microsoft</a>, they plan for IE9 to work much better with the CSS3 modules; getting away from the proprietary nightmares in their pre-IE9 browsers. However, the downside is that with IE9 they will not be supporting Windows XP.  So, this may backfire on Microsoft. The other major browsers, Google Chrome, Mozilla Firefox, Sarari and even Opera <a href="http://www.opera.com/download" rel="nofollow" target="_blank"><img src="http://www.tomsskylinedesign.com/wp-content/uploads/opera_th.jpg" alt="opera_th" title="opera_th" width="50" height="42" class="alignleft size-full wp-image-620" border="0" /></a> support XP.  Plus, in potentially 70% of the world, PC users are still using XP and have not upgraded (term used loosely) to Windows Vista or even to Windows 7.  From a designer/developer perspective I will be happy when the proprietary prefixes are not needed and multiple hacks in order to get a page to render the same in one browser as in another.<br />
<!--adsensestart--><br />
Also, over the years the display size and color depth that a designer needs to take into consideration have varied considerably.  640 x 480 resolution used to be popular. Then it was 800 x 600 which was most popular. Then 1024 x 768 became a popular screen resolution.  Along with this we saw the color depth go from 8 bits, to 16 bits and now 24 to 32 bits is most common. Of course, when there was a large enough demographic using each of those three display resolutions and color depths many companies and website owners would want pages to load the same for each resolution; and colors to be consistent with the lowest common denominator of color depth.  With newer technology and wide screen displays, as of January of this year, the <a href="http://www.w3schools.com/browsers/browsers_display.asp" rel="nofollow" target="_blank">1024 x 768 resolution only accounted for 20% </a>of the current screen size; while a whopping <a href="http://www.w3schools.com/browsers/browsers_resolution_higher.asp" rel="nofollow" target="_blank">76% were at higher resolution rates</a> … with 1280 x 1024 being the most common. </p>
]]></content:encoded>
			<wfw:commentRss>http://www.tomsskylinedesign.com/2010/04/css3-modules-%e2%80%a6-how-the-most-popular-browsers-see-it/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

