<?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>Ralph Holzmann &#187; CSS3</title>
	<atom:link href="http://ralphholzmann.com/tag/css3/feed/" rel="self" type="application/rss+xml" />
	<link>http://ralphholzmann.com</link>
	<description>Web Development - jQuery, PHP, MySQL. In that order.</description>
	<lastBuildDate>Fri, 29 Jan 2010 14:01:14 +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>New Design</title>
		<link>http://ralphholzmann.com/2009/12/09/new-design/</link>
		<comments>http://ralphholzmann.com/2009/12/09/new-design/#comments</comments>
		<pubDate>Wed, 09 Dec 2009 11:51:42 +0000</pubDate>
		<dc:creator>Ralph</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Feature Detection]]></category>
		<category><![CDATA[Modernizr]]></category>

		<guid isPermaLink="false">http://ralphholzmann.com/?p=6</guid>
		<description><![CDATA[I just &#8220;finished&#8221; the new design for my blog. There are still some optimizations to make, bugs to squash, and some cross browser issues to tackle, but this is it, in essence. If you&#8217;re viewing this page is Firefox 3.5, &#8230; <a href="http://ralphholzmann.com/2009/12/09/new-design/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>I just &#8220;finished&#8221; the new design for my blog. There are still some optimizations to make, bugs to squash, and some cross browser issues to tackle, but this is it, in essence. If you&#8217;re viewing this page is Firefox 3.5, what you see is what I&#8217;d like it to look like in <em>all</em> browsers, however I may not be able to achieve that 100%.</p>
<p>One tool I&#8217;m using to help with cross browsers issues is <a title="Modernizr" href="http://www.modernizr.com/" target="_blank">Modernizr</a>. It&#8217;s a piece of JavaScript that uses feature detection to give you booleans to refer to in terms of what the user&#8217;s browser supports, and more importantly, what it doesn&#8217;t. So for example, right now I&#8217;m using the following snippet to handle rounded corners (<a title="Border Radius" href="http://www.css3.info/preview/rounded-border/">border-radius</a>) in browsers that don&#8217;t support them.</p>
<pre class="brush: js" jsbin="http://jsbin.com/imawe">if(!Modernizr.borderradius) {
  // Do stuff to handle browsers without border-radius support
}</pre>
<p>What&#8217;s great about it is that it doesn&#8217;t use browser sniffing for feature detection. It&#8217;s not just a list of browser versions and their corresponding features, it actually attempts to use the features&#8217; namespace, and sets a boolean if the attempt succeeds or not. Very cool.</p>
]]></content:encoded>
			<wfw:commentRss>http://ralphholzmann.com/2009/12/09/new-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
