<?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>Youhack.Me &#187; Html &amp; CSS</title>
	<atom:link href="http://youhack.me/category/html-and-css/feed/" rel="self" type="application/rss+xml" />
	<link>http://youhack.me</link>
	<description>Tips,Tricks and Hacks!</description>
	<lastBuildDate>Sun, 15 Jan 2012 20:15:25 +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>Create Google Plus-Style Button using CSS3</title>
		<link>http://youhack.me/2011/11/01/create-google-plus-style-button-using-css3/</link>
		<comments>http://youhack.me/2011/11/01/create-google-plus-style-button-using-css3/#comments</comments>
		<pubDate>Tue, 01 Nov 2011 05:57:38 +0000</pubDate>
		<dc:creator>Hyder</dc:creator>
				<category><![CDATA[Html & CSS]]></category>
		<category><![CDATA[css 3 buttons]]></category>
		<category><![CDATA[Google Plus]]></category>
		<category><![CDATA[gplus]]></category>

		<guid isPermaLink="false">http://youhack.me/?p=1084</guid>
		<description><![CDATA[With everyone talking about Google Plus recent site kick off, I figured it was the perfect time to try and recreate probably one of the most noticeable element on the new social network. Creating buttons with CSS is one of the most experimented-with web design techniques around. The trend in CSS button design seems to be eliminating the use of images, especially background images, from buttons. This emerging trend is mainly due to the recent breakthrough of CSS3. Buttons have now evolved in web designing, not just their appearance and effects but the way they are designed.

<h3>Related Posts</h3>
<ol>
		<li><a href="http://youhack.me/2011/07/15/google-plus-photo-stack-animation-using-jquery-and-css3/" rel="bookmark">Google Plus Photo stack animation using Jquery and CSS3</a><!-- (8.16649)--></li>
		<li><a href="http://youhack.me/2011/09/18/how-to-build-a-drop-down-menu-enhanced-with-css3/" rel="bookmark">How to build a CSS3 drop down menu</a><!-- (7.3884)--></li>
		<li><a href="http://youhack.me/2011/10/22/facebook-and-google-plus-style-of-introducing-new-features-using-jquery/" rel="bookmark">Facebook and Google Plus style of introducing new features using jQuery</a><!-- (6.48983)--></li>
	</ol>
]]></description>
		<wfw:commentRss>http://youhack.me/2011/11/01/create-google-plus-style-button-using-css3/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>How to build a CSS3 drop down menu</title>
		<link>http://youhack.me/2011/09/18/how-to-build-a-drop-down-menu-enhanced-with-css3/</link>
		<comments>http://youhack.me/2011/09/18/how-to-build-a-drop-down-menu-enhanced-with-css3/#comments</comments>
		<pubDate>Sun, 18 Sep 2011 17:45:19 +0000</pubDate>
		<dc:creator>Hyder</dc:creator>
				<category><![CDATA[Html & CSS]]></category>
		<category><![CDATA[css3 menu]]></category>
		<category><![CDATA[dropdown menu]]></category>
		<category><![CDATA[navigation menu]]></category>
		<category><![CDATA[slick css3 menu]]></category>

		<guid isPermaLink="false">http://youhack.me/?p=959</guid>
		<description><![CDATA[I always thought creating navigation menu using pure css was something only the css black belt could do. After some coding headache (I should admit!)  I managed to design a drop-down menu using pure css. This article explains step by step how I did it from scratch. Don't worry you won’t need to spend hours in front for Photoshop gradients, borders and shadows. I have made use of CSS3 to reproduce the same effect.

<h3>Related Posts</h3>
<ol>
		<li><a href="http://youhack.me/2011/07/15/google-plus-photo-stack-animation-using-jquery-and-css3/" rel="bookmark">Google Plus Photo stack animation using Jquery and CSS3</a><!-- (5.75334)--></li>
		<li><a href="http://youhack.me/2010/07/22/create-a-fancy-contact-form-with-css-3-and-jquery/" rel="bookmark">Create fancy contact form with CSS 3 and jQuery</a><!-- (5.63414)--></li>
		<li><a href="http://youhack.me/2011/11/01/create-google-plus-style-button-using-css3/" rel="bookmark">Create Google Plus-Style Button using CSS3</a><!-- (5.0733)--></li>
	</ol>
]]></description>
		<wfw:commentRss>http://youhack.me/2011/09/18/how-to-build-a-drop-down-menu-enhanced-with-css3/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Create fancy contact form with CSS 3 and jQuery</title>
		<link>http://youhack.me/2010/07/22/create-a-fancy-contact-form-with-css-3-and-jquery/</link>
		<comments>http://youhack.me/2010/07/22/create-a-fancy-contact-form-with-css-3-and-jquery/#comments</comments>
		<pubDate>Thu, 22 Jul 2010 19:37:41 +0000</pubDate>
		<dc:creator>Hyder</dc:creator>
				<category><![CDATA[Html & CSS]]></category>
		<category><![CDATA[Jquery]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Contact Form]]></category>
		<category><![CDATA[Form Validation jQUery]]></category>
		<category><![CDATA[Send Email PHP]]></category>

		<guid isPermaLink="false">http://youhack.me/?p=600</guid>
		<description><![CDATA[This tutorial is about creating a simple contact form using XHTML CSS, PHP, and jQuery. The Aim of this article is to show some of the nice  CSS 3 style properties such as adding Background Gradient, Corners and Borders to Form Elements. 

<h3>Related Posts</h3>
<ol>
		<li><a href="http://youhack.me/2010/03/30/designing-a-form-using-pure-css-enhanced-with-jquery/" rel="bookmark">Designing a form using pure CSS enhanced with Jquery</a><!-- (9.91192)--></li>
		<li><a href="http://youhack.me/2010/05/04/username-availability-check-in-registration-form-using-jqueryphp/" rel="bookmark">Username Availability Check in Registration Form using Jquery/PHP</a><!-- (9.75483)--></li>
		<li><a href="http://youhack.me/2010/04/28/creating-a-fancy-search-feature-with-php-mysql-and-jquery/" rel="bookmark">Creating a Fancy Search Feature with PHP,Mysql and Jquery</a><!-- (6.61339)--></li>
	</ol>
]]></description>
		<wfw:commentRss>http://youhack.me/2010/07/22/create-a-fancy-contact-form-with-css-3-and-jquery/feed/</wfw:commentRss>
		<slash:comments>45</slash:comments>
		</item>
		<item>
		<title>Designing a form using pure CSS enhanced with Jquery</title>
		<link>http://youhack.me/2010/03/30/designing-a-form-using-pure-css-enhanced-with-jquery/</link>
		<comments>http://youhack.me/2010/03/30/designing-a-form-using-pure-css-enhanced-with-jquery/#comments</comments>
		<pubDate>Tue, 30 Mar 2010 19:21:19 +0000</pubDate>
		<dc:creator>Hyder</dc:creator>
				<category><![CDATA[Html & CSS]]></category>
		<category><![CDATA[Jquery]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Forms]]></category>

		<guid isPermaLink="false">http://youhack.me/?p=381</guid>
		<description><![CDATA[Web Forms are a fundamental part of web design . From small login forms to complex administration panels, forms are probably the most important interactive elements in a web application.Some peaple prefer to design forms using table whereas some prefer a tabless design using pure CSS .In this tutorial,i have created a form using pure css and i have skinned the form elements such as textbox,drop down list ,radio button using a Jquery Plugin .

<h3>Related Posts</h3>
<ol>
		<li><a href="http://youhack.me/2010/05/04/username-availability-check-in-registration-form-using-jqueryphp/" rel="bookmark">Username Availability Check in Registration Form using Jquery/PHP</a><!-- (11.1372)--></li>
		<li><a href="http://youhack.me/2010/07/22/create-a-fancy-contact-form-with-css-3-and-jquery/" rel="bookmark">Create fancy contact form with CSS 3 and jQuery</a><!-- (10.2619)--></li>
		<li><a href="http://youhack.me/2010/03/27/creating-message-boxes-using-css-with-fadein-effects-using-jquery/" rel="bookmark">Creating Message boxes using css with fadein Effects using jquery</a><!-- (7.04777)--></li>
	</ol>
]]></description>
		<wfw:commentRss>http://youhack.me/2010/03/30/designing-a-form-using-pure-css-enhanced-with-jquery/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Creating Message boxes using css with fadein Effects using jquery</title>
		<link>http://youhack.me/2010/03/27/creating-message-boxes-using-css-with-fadein-effects-using-jquery/</link>
		<comments>http://youhack.me/2010/03/27/creating-message-boxes-using-css-with-fadein-effects-using-jquery/#comments</comments>
		<pubDate>Sat, 27 Mar 2010 18:57:55 +0000</pubDate>
		<dc:creator>Hyder</dc:creator>
				<category><![CDATA[Html & CSS]]></category>
		<category><![CDATA[Jquery]]></category>

		<guid isPermaLink="false">http://youhack.me/?p=340</guid>
		<description><![CDATA[Using Message boxes is a great way to display warning ,error or success messages .Facebook uses  similar message box to display success messages .To Enhance the message box,i have added different icons for different Message Status .I have also added a fade in effect using Jquery .

<h3>Related Posts</h3>
<ol>
		<li><a href="http://youhack.me/2010/07/22/create-a-fancy-contact-form-with-css-3-and-jquery/" rel="bookmark">Create fancy contact form with CSS 3 and jQuery</a><!-- (6.14201)--></li>
		<li><a href="http://youhack.me/2010/04/28/creating-a-fancy-search-feature-with-php-mysql-and-jquery/" rel="bookmark">Creating a Fancy Search Feature with PHP,Mysql and Jquery</a><!-- (5.44184)--></li>
		<li><a href="http://youhack.me/2011/10/22/facebook-and-google-plus-style-of-introducing-new-features-using-jquery/" rel="bookmark">Facebook and Google Plus style of introducing new features using jQuery</a><!-- (5.40615)--></li>
	</ol>
]]></description>
		<wfw:commentRss>http://youhack.me/2010/03/27/creating-message-boxes-using-css-with-fadein-effects-using-jquery/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

