<?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/"
	 xmlns:slash="http://purl.org/rss/1.0/modules/slash/" 
>

<channel>
	<title>Daniel Bergey &#187; chrome</title>
	<atom:link href="http://danielbergey.com/motion/tag/chrome/feed/" rel="self" type="application/rss+xml" />
	<link>http://danielbergey.com/motion</link>
	<description>Commotion</description>
	<lastBuildDate>Mon, 02 Nov 2009 02:45:59 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Rounded Shadows in Chrome</title>
		<link>http://danielbergey.com/motion/2008/12/540/</link>
		<comments>http://danielbergey.com/motion/2008/12/540/#comments</comments>
		<pubDate>Sat, 13 Dec 2008 02:27:58 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Work]]></category>
		<category><![CDATA[bug]]></category>
		<category><![CDATA[chrome]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[safari]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.danielbergey.com/weblog/?p=540</guid>
		<description><![CDATA[Google Chrome, the browser-as-a-modern-operating-system, came out of beta earlier this week. I love that Chrome uses Safari&#8217;s WebKit engine. I love that the version it uses is more advanced than that which Safari uses, so you not only get to use fancy CSS3-esque features like box-shadow: and border-radius:, but it features the improved Web Inspector. [...]]]></description>
			<content:encoded><![CDATA[<p>Google Chrome, the <a href="http://www.google.com/chrome/intl/en/webmasters-faq.html#newtab">browser-as-a-modern-operating-system</a>, came out of beta earlier this week.</p>

<p>I love that Chrome uses Safari&#8217;s WebKit engine. I love that the version it uses is more advanced than that which Safari uses, so you not only get to use fancy CSS3-esque features like <code>box-shadow:</code> and <code>border-radius:</code>, but it features the improved <a href="http://webkit.org/blog/197/web-inspector-redesign/">Web Inspector</a>.</p>

<p>But I find it rather silly to show rounded corners and drop shadows if you have this problem (Safari also shown for comparison):</p>

<p><style>table.images, table.images td {border: none; text-align:center; width: auto;}</style></p>

<div align="center"><table class="images">
<tr><td><img src="http://www.danielbergey.com/weblog/wp-content/uploads/2008/12/barracuda-backup-control-panel.jpg" alt="Barracuda Backup Control Panel.jpg" border="0" width="126" height="142" /></td>
<td><img border="1" src="http://www.danielbergey.com/weblog/wp-content/uploads/2008/12/barracuda-backup-control-panel-google-chrome-xp-pro-ie7.jpg" alt="Barracuda Backup Control Panel - Google Chrome — XP Pro - IE7.jpg" width="126" height="142" /></td></tr>
<tr><td>Safari 3.0</td><td>Chrome 1.0</td></tr>
</table>
</div>

<p>Remember, Chrome and Safari use the same layout engine. <a href="http://code.google.com/p/chromium/issues/detail?id=128">This bug</a> only shows up when you use <code>box-shadow:</code> and <code>border-radius:</code> together .. in Chrome.</p>

<p>When IE &amp; FireFox can&#8217;t show either the shadows or rounded corners, they at least fail gracefully.</p>

<p>If anyone has found a way to make Chrome behave, I&#8217;d love to hear about it. I&#8217;d like to be able to recommend people to a Windows browser (other than the awkward-on-that-platform Safari) in which to view my work with optimal presentation.</p>
<div class="smartshare" style="display: none;"></div>]]></content:encoded>
			<wfw:commentRss>http://danielbergey.com/motion/2008/12/540/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<slash:comments>0</slash:comments>
	</item>
	</channel>
</rss>

