<?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>Cool Javascripts &#187; curved edge</title>
	<atom:link href="http://cool-javascripts.com/tag/curved-edge/feed" rel="self" type="application/rss+xml" />
	<link>http://cool-javascripts.com</link>
	<description>The best javascripts for your site</description>
	<lastBuildDate>Tue, 22 Mar 2011 14:35:13 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Make curved corners with jQuery Corner plugin</title>
		<link>http://cool-javascripts.com/effects/make-curved-corners-with-jquery-corner-plugin.html</link>
		<comments>http://cool-javascripts.com/effects/make-curved-corners-with-jquery-corner-plugin.html#comments</comments>
		<pubDate>Sun, 04 Jan 2009 13:46:58 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Effects]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[corner]]></category>
		<category><![CDATA[curve]]></category>
		<category><![CDATA[curved edge]]></category>

		<guid isPermaLink="false">http://cool-javascripts.com/effects/make-curved-corners-with-jquery-corner-plugin.html</guid>
		<description><![CDATA[If you want a curved edge for your element, the best way is to use the jQuery corner plugin. This plugin dynamically generates and positions div elements to create very cool corners. Just checkout the demo page to see the various styles. Why it is recommended? It does not use any image. It is more [...]


Related posts:<ol><li><a href='http://cool-javascripts.com/jquery/jquery-floating-box-plugin.html' rel='bookmark' title='Permanent Link: jQuery floating box plugin'>jQuery floating box plugin</a> <small> In may cases, web page contents does not fit...</small></li><li><a href='http://cool-javascripts.com/effects/jquery-seekattention-plugin-to-get-the-users-attention.html' rel='bookmark' title='Permanent Link: jQuery seekAttention plugin to get the users attention'>jQuery seekAttention plugin to get the users attention</a> <small>The &#8220;seekAttention&#8221; plugin gracefully get&#8217;s your users attention by fading...</small></li><li><a href='http://cool-javascripts.com/jquery/jquery-and-mootools-plugin-to-show-tooltips.html' rel='bookmark' title='Permanent Link: jQuery and Mootools plugin to show tooltips'>jQuery and Mootools plugin to show tooltips</a> <small>The tooltip is a common graphical user interface element. It...</small></li></ol>

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>If you want a curved edge for your element, the best way is to use the jQuery corner plugin. This plugin dynamically generates and positions div elements to create very cool corners. Just checkout the demo page to see the various styles.</p>
<p><img src="http://cool-javascripts.com/wp-content/uploads/2009/01/corners.jpg" /></p>
<p><b>Why it is recommended?</b></p>
<ul>
<li>It does not use any image.</li>
<li>It is more SEO friendly because we don&#8217;t need any unnecessary markups in code. All code is generated dynamically and a search engine never sees that.</li>
<li>Don&#8217;t need to worry about changing the background color as long as it is not a gradient. </li>
</ul>
<p><b>Limitations<br />
</b><br />
The background should be a solid color (Should not be a gradient or background image).<br />
<span id="more-67"></span></p>
<table border="0">
<tbody>
<tr>
<th>Dependencies</th>
<td>jQuery 1.2</td>
</tr>
<tr>
<th>Size</th>
<td class="alt">8KB (Uncompressed)</td>
</tr>
<tr>
<th>Restrictions</th>
<td>None</td>
</tr>
<tr>
<th>Demo</th>
<td><a class="opensame" rel="shadowbox" href="http://www.malsup.com/jquery/corner/">Open</a> | <a class="opennew" href="http://www.malsup.com/jquery/corner/" target="_blank">Open in new window</a></td>
</tr>
</tbody>
</table>


<p>Related posts:<ol><li><a href='http://cool-javascripts.com/jquery/jquery-floating-box-plugin.html' rel='bookmark' title='Permanent Link: jQuery floating box plugin'>jQuery floating box plugin</a> <small> In may cases, web page contents does not fit...</small></li><li><a href='http://cool-javascripts.com/effects/jquery-seekattention-plugin-to-get-the-users-attention.html' rel='bookmark' title='Permanent Link: jQuery seekAttention plugin to get the users attention'>jQuery seekAttention plugin to get the users attention</a> <small>The &#8220;seekAttention&#8221; plugin gracefully get&#8217;s your users attention by fading...</small></li><li><a href='http://cool-javascripts.com/jquery/jquery-and-mootools-plugin-to-show-tooltips.html' rel='bookmark' title='Permanent Link: jQuery and Mootools plugin to show tooltips'>jQuery and Mootools plugin to show tooltips</a> <small>The tooltip is a common graphical user interface element. It...</small></li></ol></p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://cool-javascripts.com/effects/make-curved-corners-with-jquery-corner-plugin.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

