<?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>We the Media &#187; Code</title>
	<atom:link href="http://wtmworldwide.com/category/code/feed/" rel="self" type="application/rss+xml" />
	<link>http://wtmworldwide.com</link>
	<description>We the Media inc. Portland Oregon based Design and Development for the Web</description>
	<lastBuildDate>Thu, 22 Dec 2011 22:43:59 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.5</generator>
		<item>
		<title>Border-Radius, it&#8217;s nice!</title>
		<link>http://wtmworldwide.com/wtm/border-radius-its-nice/</link>
		<comments>http://wtmworldwide.com/wtm/border-radius-its-nice/#comments</comments>
		<pubDate>Thu, 21 Jan 2010 19:04:30 +0000</pubDate>
		<dc:creator>James</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Code]]></category>
		<category><![CDATA[WTM]]></category>

		<guid isPermaLink="false">http://wtmworldwide.com/?p=361</guid>
		<description><![CDATA[A technique that I really enjoy using for rounding the corners of block-level elements is border-radius. This technique is used throughout the We The Media website (as you may have noticed). Implementing border-radius isn’t too hard, though the code is a bit heavy as different browsers require specific CSS (i.e. -moz- for Firefox and -webkit- [...]]]></description>
			<content:encoded><![CDATA[<p>A technique that I really enjoy using for rounding the corners of block-level elements is <a href="http://www.w3.org/TR/2009/CR-css3-background-20091217/#the-border-radius">border-radius</a>. This technique is used throughout the <a href="http://wtmworldwide.com">We The Media</a> website (as you may have noticed). Implementing border-radius isn’t too hard, though the code is a bit heavy as different browsers require specific CSS (i.e. -moz- for Firefox and -webkit- for Safari/Chrome). I don’t want to get into the actual code for this, but good examples can be found at <a href="http://www.the-art-of-web.com/css/border-radius/">The Art of Web</a> and <a href="http://www.w3.org/TR/2009/CR-css3-background-20091217/#the-border-radius">The W3C</a>.</p>
<p>I find this little bit of code very handy for easily adding rounded corners. In the past, I used to add extra divs to make rounded cornered boxes extendible in the code. The major drawback is that it doesn’t work in Internet Explorer browsers (big surprise there), but I am willing to have it gracefully degrade.</p>
<p><img class="alignnone size-full wp-image-363" title="border-radius" src="http://wtmworldwide.com/wp-content/uploads/wtmbolg.gif" alt="" width="367" height="326" /></p>
<p>Ok, so this doesn’t work in IE, but the good folks at <a href="http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser">HTMLremix</a> have been working on a solution for this problem. They have developed the “<a href="http://code.google.com/p/curved-corner/">Curved-Corner</a>” project that just requires you to add an .htc file and link it in the CSS (as far as I can tell), but I have not been having much luck (though I haven&#8217;t tried very hard yet). The .htc file is available at <a href="http://code.google.com/p/curved-corner/">Google Code</a>. If you have gotten this to work, feel free to drop a comment and share your knowledge. For now, I am not too worried about this working on IE (at least for this site).</p>
<p>According to <a href="http://www.css3.info/microsoft-announces-css3-support-for-internet-explorer-9-ie9/">CSS3.info</a>, Microsoft does say that they will be supporting CSS3 in their upcoming Internet Explorer 9 browser. Let&#8217;s all hope, but for now we have plenty of other good browsers to use that support this cool attribute.</p>
]]></content:encoded>
			<wfw:commentRss>http://wtmworldwide.com/wtm/border-radius-its-nice/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

