<?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>Inside Snipplr.com &#187; CSS</title>
	<atom:link href="http://snipplr.com/blog/category/language/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://snipplr.com/blog</link>
	<description>s nipple r &#60;em&#62;dot com!&#60;/em&#62;</description>
	<lastBuildDate>Wed, 23 Nov 2011 17:51:52 +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>CSS Rounded Corner Roundup</title>
		<link>http://snipplr.com/blog/2008/07/27/css-rounded-corner-roundup/</link>
		<comments>http://snipplr.com/blog/2008/07/27/css-rounded-corner-roundup/#comments</comments>
		<pubDate>Mon, 28 Jul 2008 05:07:57 +0000</pubDate>
		<dc:creator>Jon Henshaw</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[featured]]></category>

		<guid isPermaLink="false">http://snipplr.com/blog/?p=89</guid>
		<description><![CDATA[The past several years have introduced many different solutions for creating rounded corners using CSS. Some of the solutions use images, while others don&#8217;t – while others require assistance from JavaScript. The great thing about Snipplr is that we capture all of these rounded corner techniques on one page. Below is a highlight of some [...]]]></description>
			<content:encoded><![CDATA[<p>The past several years have introduced many different solutions for creating rounded corners using CSS. Some of the solutions use images, while others don&#8217;t – while others require assistance from <a href="http://snipplr.com/all/language/javascript">JavaScript</a>. The great thing about Snipplr is that we capture all of these <a href="http://snipplr.com/search.php?q=rounded+corners&amp;btnsearch=go">rounded corner techniques</a> on one page. Below is a highlight of some of the best rounded corner techniques.</p>

<h3><a href="http://snipplr.com/view/6930/100-css-rounded-corners--no-ie-sorry/">100% CSS ROUNDED CORNERS !! No IE sorry!</a></h3>

<p>As is common with techniques that use Web standards, when implemented, they don&#8217;t work with Internet Explorer (IE). This is one simple technique that uses very simple CSS that adjusts the border radius, but alas, croaks in IE.</p>

<h3><a href="http://snipplr.com/view/4699/rounded-corners-without-images-and-withount-js-css-solution/">Rounded Corners Without Images Or JavaScript</a></h3>

<p>We move onto the next solution that theoretically does work in IE and also doesn&#8217;t require images or JavaScript (JS). Unfortunately, it does utilize a <em>lot</em> of CSS code.</p>

<h3><a href="http://snipplr.com/view/5415/rounded-corners-with-images/">Rounded Corners With Images</a></h3>

<p>Failing to be impressed with a lack of images, one can opt for images with this technique. The CSS gets a little shorter and slightly more elegant — now we&#8217;re getting somewhere reasonable.</p>

<h3><a href="http://snipplr.com/view/4941/antialiased-curvy-corners/">Anti-Aliased Curvy Corners</a></h3>

<p>But if you like to live on the edge and you crave more code that you can shake a stick at, then Curvy Corners is for you. It&#8217;s all JS, all the time. It will create on-the-fly rounded corners for any HTML DIV element, that (supposedly) looks as good as any graphically created corners.</p>

<p>If none of the above solutions peak your interest, then feel free to peruse the <a href="http://snipplr.com/search.php?q=rounded+corners&amp;btnsearch=go">full list of rounded corner solutions</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://snipplr.com/blog/2008/07/27/css-rounded-corner-roundup/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

