<?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>SachinKRaj weBLOG &#187; css3</title>
	<atom:link href="http://blog.sachinkraj.com/tag/css3/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.sachinkraj.com</link>
	<description>Web Development Tutorials, How-To&#039;s and Design Tips</description>
	<lastBuildDate>Fri, 03 Feb 2012 18:07:32 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>How To Design Beautiful Buttons Like WordPress With Just One CSS Class? [CSS3]</title>
		<link>http://blog.sachinkraj.com/how-to-design-buttons-like-wordpress/</link>
		<comments>http://blog.sachinkraj.com/how-to-design-buttons-like-wordpress/#comments</comments>
		<pubDate>Sun, 30 Oct 2011 19:23:06 +0000</pubDate>
		<dc:creator>SachinKRaj</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[How To]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[buttons]]></category>
		<category><![CDATA[class]]></category>
		<category><![CDATA[css-class]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[wordpress-buttons]]></category>

		<guid isPermaLink="false">http://blog.sachinkraj.com/?p=2083</guid>
		<description><![CDATA[<p style="float:right; margin:0 0 10px 15px; width:240px;">
		<img src="http://blog.sachinkraj.com/wp-content/uploads/2011/10/wordpress_style_buttons.png" width="240" />
		</p>I am a big fan of WordPres and it&#8217;s beautifully designed user interface (UI). The new admin panel comes with very beautifully designed elements such as navigation and buttons. In this article, I will help you to design the similar style buttons with just one css class. Please note that this is purely CSS3 based [...]]]></description>
		<wfw:commentRss>http://blog.sachinkraj.com/how-to-design-buttons-like-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How To Design A Search Box Like Google Search? [CSS3]</title>
		<link>http://blog.sachinkraj.com/how-to-design-search-box-like-google-search/</link>
		<comments>http://blog.sachinkraj.com/how-to-design-search-box-like-google-search/#comments</comments>
		<pubDate>Tue, 25 Oct 2011 05:00:21 +0000</pubDate>
		<dc:creator>SachinKRaj</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[How To]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[google-search]]></category>
		<category><![CDATA[search]]></category>
		<category><![CDATA[search-box]]></category>
		<category><![CDATA[textbox]]></category>

		<guid isPermaLink="false">http://blog.sachinkraj.com/?p=1553</guid>
		<description><![CDATA[<p style="float:right; margin:0 0 10px 15px; width:240px;">
		<img src="http://blog.sachinkraj.com/wp-content/uploads/2011/02/google-search-like-box.png" width="240" />
		</p>You must have noticed the all new Google Instant Search, which comes with very neat and new design of new Google Search box. A little bigger and more spacious, so it is very easy to type in anything and search very instantly. You can also create the similar search text box in few minutes. This [...]]]></description>
		<wfw:commentRss>http://blog.sachinkraj.com/how-to-design-search-box-like-google-search/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Two Simplest Ways To Use CSS3 Properties In Internet Explorer [IE6, IE7, IE8, IE9]</title>
		<link>http://blog.sachinkraj.com/simplest-ways-to-use-css3-properties-in-internet-explorer/</link>
		<comments>http://blog.sachinkraj.com/simplest-ways-to-use-css3-properties-in-internet-explorer/#comments</comments>
		<pubDate>Mon, 24 Oct 2011 19:44:41 +0000</pubDate>
		<dc:creator>SachinKRaj</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Weblinks]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[ie-css3]]></category>
		<category><![CDATA[IE7]]></category>
		<category><![CDATA[IE8]]></category>
		<category><![CDATA[ie9]]></category>
		<category><![CDATA[pie-css3]]></category>

		<guid isPermaLink="false">http://blog.sachinkraj.com/?p=1922</guid>
		<description><![CDATA[<p style="float:right; margin:0 0 10px 15px; width:240px;">
		<img src="http://blog.sachinkraj.com/wp-content/uploads/2011/10/IE_CSS3.png" width="240" />
		</p>There are lots of hooks, hacks and scripts available on net which will provide you some specific properties hack, which are good though, they do not provide you full browser complaint solution. There are not many solutions exist which could provide you seamless CSS3 usage over IE family browsers. The real problem with designers and [...]]]></description>
		<wfw:commentRss>http://blog.sachinkraj.com/simplest-ways-to-use-css3-properties-in-internet-explorer/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>How To Create You Tube Like Buttons With CSS Only [CSS3]?</title>
		<link>http://blog.sachinkraj.com/how-to-create-youtube-like-buttons-with-css/</link>
		<comments>http://blog.sachinkraj.com/how-to-create-youtube-like-buttons-with-css/#comments</comments>
		<pubDate>Tue, 27 Sep 2011 16:59:53 +0000</pubDate>
		<dc:creator>SachinKRaj</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[How To]]></category>
		<category><![CDATA[button]]></category>
		<category><![CDATA[css3]]></category>

		<guid isPermaLink="false">http://blog.sachinkraj.com/?p=1558</guid>
		<description><![CDATA[YouTube, obviously the most popular video site in the world got revamped recently with lots of &#8220;awesome&#8221; features and a new clean design. I like the new home page and also the white/grey buttons. This simple 2 steps tutorial will tell you, how you can do this for your website / blog. Step 1: Button [...]]]></description>
		<wfw:commentRss>http://blog.sachinkraj.com/how-to-create-youtube-like-buttons-with-css/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Top 5 AWESOME And SIMPLE CSS Frameworks You Should Consider For Your Website Design</title>
		<link>http://blog.sachinkraj.com/top-5-awesome-and-simple-css-frameworks/</link>
		<comments>http://blog.sachinkraj.com/top-5-awesome-and-simple-css-frameworks/#comments</comments>
		<pubDate>Fri, 03 Jun 2011 14:03:31 +0000</pubDate>
		<dc:creator>Prashant</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Weblinks]]></category>
		<category><![CDATA[1140]]></category>
		<category><![CDATA[960]]></category>
		<category><![CDATA[css2]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[frameworks]]></category>
		<category><![CDATA[grid-system]]></category>
		<category><![CDATA[grids]]></category>
		<category><![CDATA[less-framework]]></category>
		<category><![CDATA[yaml]]></category>
		<category><![CDATA[yui]]></category>

		<guid isPermaLink="false">http://blog.sachinkraj.com/?p=1723</guid>
		<description><![CDATA[<p style="float:right; margin:0 0 10px 15px; width:240px;">
		<img src="http://blog.sachinkraj.com/wp-content/uploads/2011/06/square-grid.png" width="240" />
		</p>We have collected top 5 CSS framework systems which can be very much useful in your website design to save the time of your css/html code plus it gives us power to control the layout elements in a very well structured format. A CSS framework is a library that is meant to allow for easier, [...]]]></description>
		<wfw:commentRss>http://blog.sachinkraj.com/top-5-awesome-and-simple-css-frameworks/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>How To Resize Images With CSS – Keeping Aspect Ratio As It Is: Quick &amp; Easy</title>
		<link>http://blog.sachinkraj.com/how-to-resize-images-with-css/</link>
		<comments>http://blog.sachinkraj.com/how-to-resize-images-with-css/#comments</comments>
		<pubDate>Wed, 16 Dec 2009 05:51:54 +0000</pubDate>
		<dc:creator>SachinKRaj</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[resize]]></category>

		<guid isPermaLink="false">http://blog.sachinkraj.com/?p=1221</guid>
		<description><![CDATA[I found a quick and easy way to re-size images with CSS by keeping your image’s aspect ratio. This is very quick you can use it in less than 5 minutes, lets proceed. Lets say you want to show large images on your web page with maximum 200 pixels width, blog or forums just create [...]]]></description>
		<wfw:commentRss>http://blog.sachinkraj.com/how-to-resize-images-with-css/feed/</wfw:commentRss>
		<slash:comments>39</slash:comments>
		</item>
		<item>
		<title>How To Make Simplest Cross Browser Tooltip With CSS And JavaScript Events?</title>
		<link>http://blog.sachinkraj.com/how-to-make-simplest-cross-browser-tooltip-with-css-and-javascript-events/</link>
		<comments>http://blog.sachinkraj.com/how-to-make-simplest-cross-browser-tooltip-with-css-and-javascript-events/#comments</comments>
		<pubDate>Wed, 12 Aug 2009 20:56:26 +0000</pubDate>
		<dc:creator>SachinKRaj</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[How To]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[onmouseout]]></category>
		<category><![CDATA[onmouseover]]></category>
		<category><![CDATA[simple-tooltip]]></category>
		<category><![CDATA[tooltip]]></category>

		<guid isPermaLink="false">http://blog.sachinkraj.com/?p=953</guid>
		<description><![CDATA[<p style="float:right; margin:0 0 10px 15px; width:240px;">
		<img src="http://blog.sachinkraj.com/wp-content/uploads/2009/08/simple-tooltips.gif" width="240" />
		</p>There are lots and lots of tooltip scripts available on net. There are lot many too which provides lots of features like: fading effect, popup effects, onmouseover effects etc. The thing which encouraged me to write this tooltip script is that actually all these effects are not worth adding on my web pages due to [...]]]></description>
		<wfw:commentRss>http://blog.sachinkraj.com/how-to-make-simplest-cross-browser-tooltip-with-css-and-javascript-events/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>How To Make Rounded Corners In Internet Explorer Without Images? [Experimental]</title>
		<link>http://blog.sachinkraj.com/how-to-make-rounded-corners-in-internet-explorer-without-images/</link>
		<comments>http://blog.sachinkraj.com/how-to-make-rounded-corners-in-internet-explorer-without-images/#comments</comments>
		<pubDate>Sat, 18 Jul 2009 18:37:22 +0000</pubDate>
		<dc:creator>SachinKRaj</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[How To]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[Internet Explorer]]></category>
		<category><![CDATA[VML]]></category>

		<guid isPermaLink="false">http://blog.sachinkraj.com/?p=767</guid>
		<description><![CDATA[<p style="float:right; margin:0 0 10px 15px; width:240px;">
		<img src="http://blog.sachinkraj.com/wp-content/uploads/2009/07/ie-rounded-corners.gif" width="240" />
		</p>Have you ever missed the CSS3 features in IE? If you are a web designer or a Web developer, your answer should obviously be &#8220;YES&#8221;.  The very basic and popular CSS3 feature is to make rounded corners of DIVs and elements. Firefox, Safari, Chrome are now having full support to CSS3 but IE is still [...]]]></description>
		<wfw:commentRss>http://blog.sachinkraj.com/how-to-make-rounded-corners-in-internet-explorer-without-images/feed/</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
	</channel>
</rss>

