<?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>Ryan Sawyer &#187; Web</title>
	<atom:link href="http://rsawyer.com/category/web/feed/" rel="self" type="application/rss+xml" />
	<link>http://rsawyer.com</link>
	<description>Just another WordPress weblog</description>
	<lastBuildDate>Thu, 11 Mar 2010 17:08:41 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>5 Browser Acid3/CSS3 Comparison</title>
		<link>http://rsawyer.com/2009/07/5-browser-acid3css3-comparison/</link>
		<comments>http://rsawyer.com/2009/07/5-browser-acid3css3-comparison/#comments</comments>
		<pubDate>Mon, 20 Jul 2009 06:18:40 +0000</pubDate>
		<dc:creator>Ryan</dc:creator>
				<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://rsawyer.com/?p=16</guid>
		<description><![CDATA[Wondering what browsers are the most standards compliant right now?  Look below for the screens and comparison chart&#8230;




























Name
Version
Smooth Animation?
Acid3 Score
CSS3 Selector Score




Chrome
3.0.193.0
NO
100
43/43


Firefox
3.5
YES
93
43/43


IE
8.0.7100.0
NO
19
22/43


Opera
10.0.1551
YES
100
43/43


Safari
4.0.2
NO
100
43/43





Who&#8217;s the winner here?

1)  Opera
2)  Chrome, Firefox &#38; Safari
5)  Internet Explorer
The clear winner here is the Opera web browser because of its unmatched Acid3 performance and its CSS3 selector score.  [...]]]></description>
			<content:encoded><![CDATA[<p>Wondering what browsers are the most standards compliant right now?  Look below for the screens and comparison chart&#8230;</p>
<div class="five-wide">
<div><a title="Chrome's Acid3 Results" rel="lightbox[browser]" href="/assets/img/browser/chrome-acid3-lg.jpg"><br />
<img src="/assets/img/browser/chrome-acid3-sm.jpg" alt="Chrome" /></a></div>
<div><a title="Firefox's Acid3 Results" rel="lightbox[browser]" href="/assets/img/browser/firefox-acid3-lg.jpg"><br />
<img src="/assets/img/browser/firefox-acid3-sm.jpg" alt="Firefox" /></a></div>
<div><a title="IE's Acid3 Results" rel="lightbox[browser]" href="/assets/img/browser/ie-acid3-lg.jpg"><br />
<img src="/assets/img/browser/ie-acid3-sm.jpg" alt="IE" /></a></div>
<div><a title="Opera's Acid3 Results" rel="lightbox[browser]" href="/assets/img/browser/opera-acid3-lg.jpg"><br />
<img src="/assets/img/browser/opera-acid3-sm.jpg" alt="Opera" /></a></div>
<div><a title="Safari's Acid3 Results" rel="lightbox[browser]" href="/assets/img/browser/safari-acid3-lg.jpg"><br />
<img src="/assets/img/browser/safari-acid3-sm.jpg" alt="Safari" /></a></div>
</div>
<div class="five-wide">
<div><a title="Chrome's CSS3 Results" rel="lightbox[browser]" href="/assets/img/browser/chrome-css3-lg.jpg"><br />
<img src="/assets/img/browser/chrome-css3-sm.jpg" alt="Chrome" /></a></div>
<div><a title="Firefox's CSS3 Results" rel="lightbox[browser]" href="/assets/img/browser/firefox-css3-lg.jpg"><br />
<img src="/assets/img/browser/firefox-css3-sm.jpg" alt="Firefox" /></a></div>
<div><a title="IE's CSS3 Results" rel="lightbox[browser]" href="/assets/img/browser/ie-css3-lg.jpg"><br />
<img src="/assets/img/browser/ie-css3-sm.jpg" alt="IE" /></a></div>
<div><a title="Opera's CSS3 Results" rel="lightbox[browser]" href="/assets/img/browser/opera-css3-lg.jpg"><br />
<img src="/assets/img/browser/opera-css3-sm.jpg" alt="Opera" /></a></div>
<div><a title="Safari's CSS3 Results" rel="lightbox[browser]" href="/assets/img/browser/safari-css3-lg.jpg"><br />
<img src="/assets/img/browser/safari-css3-sm.jpg" alt="Safari" /></a></div>
</div>
<div class="small-table">
<table class="comparison" border="0">
<thead>
<tr>
<th>Name</th>
<th>Version</th>
<th>Smooth Animation?</th>
<th>Acid3 Score</th>
<th>CSS3 Selector Score</th>
</tr>
</thead>
<tbody>
<tr>
<td>Chrome</td>
<td>3.0.193.0</td>
<td>NO</td>
<td>100</td>
<td>43/43</td>
</tr>
<tr>
<td>Firefox</td>
<td>3.5</td>
<td>YES</td>
<td>93</td>
<td>43/43</td>
</tr>
<tr>
<td>IE</td>
<td>8.0.7100.0</td>
<td>NO</td>
<td>19</td>
<td>22/43</td>
</tr>
<tr>
<td>Opera</td>
<td>10.0.1551</td>
<td>YES</td>
<td>100</td>
<td>43/43</td>
</tr>
<tr>
<td>Safari</td>
<td>4.0.2</td>
<td>NO</td>
<td>100</td>
<td>43/43</td>
</tr>
</tbody>
</table>
</div>
<div style="float:left;">
<h3>Who&#8217;s the winner here?</h3>
<p></p>
<h4 style="color: green">1)  Opera</h4>
<h4 style="color: orange">2)  Chrome, Firefox &amp; Safari</h4>
<h4 style="color: red">5)  Internet Explorer</h4>
<p>The clear winner here is the Opera web browser because of its unmatched Acid3 performance and its CSS3 selector score.  No other browser was able to match those specs.  I placed Chrome, Firefox and Safari all in a tie for second place.  Despite Firefox&#8217;s lower Acid3 score, I placed it in second because of its ability to display a smooth animation, which Safari and Chrome can&#8217;t do.  The Acid3 animations in those two browsers repeatedly flicker.  And in fifth place lies the mighty, non-compliant Internet Explorer.  Microsoft must think they are still calling the shots because they continue to use their proprietary box model and continue to have limited CSS and DOM support.</p>
<h3>So what does all of this mean? And what&#8217;s in it for me?</h3>
<p>Actually, the results of the tests are quite promising.  It shows that the majority of browsers are striving to be standards compliant in order to compete with each other.  As newer technologies like HTML5 with open video support and the upcoming final CSS3 spec come to fruition, we can only hope that these mainstream browsers continue to fully embrace the standards.  Time will only tell though.  Also keep in mind that this is great news for web developers and users who have had to rely on proprietary plug-ins like Flash, Java and Silverlight over the last decade for dynamic content and multimedia delivery.  Stay tuned and remember that web standards matter!</p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://rsawyer.com/2009/07/5-browser-acid3css3-comparison/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
