<?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>J&#039;bloo &#187; Buttons</title>
	<atom:link href="http://jbloo.com/category/buttons/feed/" rel="self" type="application/rss+xml" />
	<link>http://jbloo.com</link>
	<description>- Free Ajax tutorials, PHP tutorials, JQuery tutorials, ASP.net tutorials By Kunal Kamble</description>
	<lastBuildDate>Thu, 17 Dec 2009 20:18:50 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Creating A Slick Ajaxed Add-To-Basket With jQuery And PHP</title>
		<link>http://jbloo.com/2009/12/creating-a-slick-ajaxed-add-to-basket-with-jquery-and-php/</link>
		<comments>http://jbloo.com/2009/12/creating-a-slick-ajaxed-add-to-basket-with-jquery-and-php/#comments</comments>
		<pubDate>Wed, 16 Dec 2009 16:13:05 +0000</pubDate>
		<dc:creator>Kunal K</dc:creator>
				<category><![CDATA[Buttons]]></category>

		<guid isPermaLink="false">http://jbloo.com/?p=248</guid>
		<description><![CDATA[Creating A Slick Ajaxed Add-To-Basket With jQuery And PHP
This is a detailed tutorial which shows creating an unobtrusive Ajaxed shopping cart using jQuery &#38; PHP and can guide you to Ajaxify any e-commerce software you may already be using or coding.

]]></description>
			<content:encoded><![CDATA[<!-- Advanced AdSense by Jim Gaudet --><!-- google_ad_section_start --><p style="margin-bottom: 1.15em;"><a style="color: #3151a2;" href="http://www.webresourcesdepot.com/creating-a-slick-ajaxed-add-to-basket-with-jquery-and-php/">Creating A Slick Ajaxed Add-To-Basket With jQuery And PHP</a><br />
This is a detailed tutorial which shows creating an unobtrusive Ajaxed shopping cart using jQuery &amp; PHP and can guide you to Ajaxify any e-commerce software you may already be using or coding.</p>
<p style="margin-top: 1.5em; margin-right: 0px; margin-bottom: 1.15em; margin-left: 2.5em;"><a style="color: #cc0000;" href="http://www.webresourcesdepot.com/creating-a-slick-ajaxed-add-to-basket-with-jquery-and-php/"><img style="margin-top: 6px; margin-right: 0px; margin-bottom: 6px; margin-left: 0px; display: inline; padding: 0px; border: 0px initial initial;" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/images/jquery-plugins-techniques/addtocart.jpg" alt="Addtocart in 50 Useful New jQuery Techniques and Tutorials" width="480" height="271" /></a></p>
<!-- Advanced AdSense by Jim Gaudet --><!-- google_ad_section_end -->]]></content:encoded>
			<wfw:commentRss>http://jbloo.com/2009/12/creating-a-slick-ajaxed-add-to-basket-with-jquery-and-php/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Create Rounded Corners with CSS3 Border-Radius Property</title>
		<link>http://jbloo.com/2009/12/create-rounded-corners-with-css3-border-radius-property/</link>
		<comments>http://jbloo.com/2009/12/create-rounded-corners-with-css3-border-radius-property/#comments</comments>
		<pubDate>Wed, 16 Dec 2009 03:23:38 +0000</pubDate>
		<dc:creator>Kunal K</dc:creator>
				<category><![CDATA[Buttons]]></category>

		<guid isPermaLink="false">http://jbloo.com/?p=196</guid>
		<description><![CDATA[One of the CSS3 properties designers have been longing the most for is undoubtedly the border-radius property. With CSS3 border-radius property it’s possible to create the so popular rectangles with rounded corners exclusively via CSS – no images needed.
CSS3 aren’t supported by all browsers yet. The border-radius property is supported by Firefox (since version 3.0), Safari (since [...]]]></description>
			<content:encoded><![CDATA[<!-- Advanced AdSense by Jim Gaudet --><!-- google_ad_section_start --><p style="padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; font-size: 12px; line-height: 18px; margin: 0px;">One of the CSS3 properties designers have been longing the most for is undoubtedly the border-radius property. With <a style="text-decoration: none; color: #3366cc; padding: 0px; margin: 0px; border: 0px initial initial;" title="CSS3 Border-Radius" href="http://www.bloggingcss.com/en/tutorials/the-css3-border-radius-property/" target="_blank"><strong style="padding: 0px; margin: 0px;">CSS3 border-radius property</strong></a> it’s possible to create the so popular <strong style="padding: 0px; margin: 0px;">rectangles with rounded corners</strong> exclusively via CSS – no images needed.</p>
<p style="padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; font-size: 12px; line-height: 18px; margin: 0px;">CSS3 aren’t supported by all browsers yet. The border-radius property is supported by Firefox (since version 3.0), Safari (since version 3.1) and Chrome (since the first version), but it’s not supported by Internet Explorer or Opera (it should be implemented in Opera 10).</p>
<p style="padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; font-size: 12px; line-height: 18px; margin: 0px;"><strong style="padding: 0px; margin: 0px;"></strong>Although Firefox, Safari and Chrome support this property, they do so in slightly different modalities. For the sake of simplicity, <strong style="padding: 0px; margin: 0px;">BloggingCSS shows you how it is supported by Firefox and then explain the differences in Safari and Chrome</strong>.</p>
<p style="padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; font-size: 12px; line-height: 18px; text-align: center; margin: 0px;"><a style="text-decoration: none; color: #ff5a00; padding: 0px; margin: 0px; border: 0px initial initial;" title="CSS3 Rounded Borders" href="http://www.bloggingcss.com/en/tutorials/the-css3-border-radius-property/" target="_blank"><img style="margin-top: 5px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; padding: 4px; border: 1px solid #d30703;" src="http://maxcdn.webappers.com/img/2009/08/css3-border.jpg" alt="CSS3 Rounded Borders" /></a></p>
<blockquote style="margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding-top: 3px; padding-right: 15px; padding-bottom: 3px; padding-left: 15px; background-image: initial; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: #f7f7f7; color: #000000; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; background-position: initial initial; border-color: #efefef; border-style: solid;">
<p style="margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; font-size: 11px; line-height: 15px;">Requirements: Firefox 3.0+, Safari 3.1+, Chrome 1.0+<br style="padding: 0px; margin: 0px;" />Demo: <a style="text-decoration: none; color: #3366cc; padding: 0px; margin: 0px; border: 0px initial initial;" title="demo" rel="nofollow" href="http://www.bloggingcss.com/en/tutorials/the-css3-border-radius-property/" target="_blank">http://www.bloggingcss.com/en/tutorials/the-css3-border…</a><br style="padding: 0px; margin: 0px;" />License: License Free</p>
</blockquote>
<!-- Advanced AdSense by Jim Gaudet --><!-- google_ad_section_end -->]]></content:encoded>
			<wfw:commentRss>http://jbloo.com/2009/12/create-rounded-corners-with-css3-border-radius-property/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Simply Butons v2 with Javascript Enhancements</title>
		<link>http://jbloo.com/2009/12/simply-butons-v2-with-javascript-enhancements/</link>
		<comments>http://jbloo.com/2009/12/simply-butons-v2-with-javascript-enhancements/#comments</comments>
		<pubDate>Wed, 16 Dec 2009 02:53:42 +0000</pubDate>
		<dc:creator>Kunal K</dc:creator>
				<category><![CDATA[Buttons]]></category>

		<guid isPermaLink="false">http://jbloo.com/?p=182</guid>
		<description><![CDATA[p51Labs came up with the Simply-Buttons v2. Buttons auto resize itself to fit text. There are 3 states: Inactive, Active, and Hover. They look and behave the same way in every browser and operating system. However, the caveats are the outlines on the buttons, the text is selectable. And These buttons are not mobile friendly.
With Simply-Buttons [...]]]></description>
			<content:encoded><![CDATA[<!-- Advanced AdSense by Jim Gaudet --><!-- google_ad_section_start --><p style="padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; font-size: 12px; line-height: 18px; margin: 0px;"><strong>p51Labs</strong> came up with the <strong><a style="text-decoration: none; color: #3366cc; padding: 0px; margin: 0px; border: 0px initial initial;" title="Simply Button 2.0" href="http://www.p51labs.com/simply-buttons-v2/" target="_blank">Simply-Buttons v2</a></strong>. Buttons auto resize itself to fit text. There are 3 states: Inactive, Active, and Hover. They look and behave the same way in every browser and operating system. However, the caveats are the outlines on the buttons, the text is selectable. And These buttons are not mobile friendly.</p>
<p style="padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; font-size: 12px; line-height: 18px; margin: 0px;">With Simply-Buttons Javascript component provided, you can solve the caveats above as well. You can easily modify the buttons look and feel. You can do this by creating your own stylesheet. If you like this, you might be interested in<a style="text-decoration: none; color: #3366cc; padding: 0px; margin: 0px; border: 0px initial initial;" title="Rounded CSS Buttons" href="http://www.webappers.com/2007/06/18/simple-round-css-buttons-wii-buttons/" target="_blank">Simple Round CSS Buttons</a> or <a style="text-decoration: none; color: #3366cc; padding: 0px; margin: 0px; border: 0px initial initial;" title="Colorful Scalable Buttons" href="http://www.webappers.com/2009/07/23/colorful-and-scalable-buttons-with-css3-rgba/" target="_blank">Colorful and Scalable Buttons</a> or <a style="text-decoration: none; color: #3366cc; padding: 0px; margin: 0px; border: 0px initial initial;" title="Beautiful Scalable CSS Buttons" href="http://www.webappers.com/2007/05/31/beautiful-scalable-css-buttons/" target="_blank">Beautiful Scalable CSS Buttons</a> as well.</p>
<p style="padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; font-size: 12px; line-height: 18px; text-align: center; margin: 0px;"><a style="text-decoration: none; color: #3366cc; padding: 0px; margin: 0px; border: 0px initial initial;" title="Simply Button 2.0" href="http://www.p51labs.com/simply-buttons-v2/" target="_blank"><img style="margin-top: 5px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; padding: 4px; border: 1px solid #efefef;" title="buttons-2" src="http://maxcdn.webappers.com/img/2009/11/buttons-2.jpg" alt="buttons-2" width="499" height="163" /></a></p>
<blockquote style="margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding-top: 3px; padding-right: 15px; padding-bottom: 3px; padding-left: 15px; background-image: initial; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: #f7f7f7; color: #000000; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; background-position: initial initial; border-color: #efefef; border-style: solid;">
<p style="margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; font-size: 11px; line-height: 15px;">Requirements: -<br style="padding: 0px; margin: 0px;" />Demo: <a style="text-decoration: none; color: #3366cc; padding: 0px; margin: 0px; border: 0px initial initial;" title="Demo" rel="nofollow" href="http://www.p51labs.com/simply-buttons-v2/" target="_blank">http://www.p51labs.com/simply-buttons-v2/</a><br style="padding: 0px; margin: 0px;" />License: License Free</p>
</blockquote>
<!-- Advanced AdSense by Jim Gaudet --><!-- google_ad_section_end -->]]></content:encoded>
			<wfw:commentRss>http://jbloo.com/2009/12/simply-butons-v2-with-javascript-enhancements/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

