<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>CSS Junction</title>
	
	<link>http://www.cssjunction.com</link>
	<description>a blog for/by web designers</description>
	<lastBuildDate>Mon, 18 Mar 2013 06:29:13 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/Cssjunction" /><feedburner:info uri="cssjunction" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item>
		<title>Metro UI Form using HTML5 and CSS3</title>
		<link>http://feedproxy.google.com/~r/Cssjunction/~3/8Iy_P4VTc60/</link>
		<comments>http://www.cssjunction.com/tutorials/html5-css3-metro-ui-form/#comments</comments>
		<pubDate>Sun, 17 Mar 2013 20:22:55 +0000</pubDate>
		<dc:creator>Shekhar Sharma</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Metro UI]]></category>

		<guid isPermaLink="false">http://www.cssjunction.com/?p=964</guid>
		
				<content:encoded><![CDATA[Few months ago I had posted a PSD freebie for Metro UI Contact form. I received many requests saying for the HTML/CSS version of the same. So here is the form, coded using HTML5 and CSS3. A Quick...<br/>
<br/>
[[ This is a content summary only. Visit my website for full links, other content, and more! ]]<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Cssjunction?a=8Iy_P4VTc60:37q9RIMaW8I:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Cssjunction?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Cssjunction?a=8Iy_P4VTc60:37q9RIMaW8I:dnMXMwOfBR0"><img src="http://feeds.feedburner.com/~ff/Cssjunction?d=dnMXMwOfBR0" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Cssjunction?a=8Iy_P4VTc60:37q9RIMaW8I:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/Cssjunction?i=8Iy_P4VTc60:37q9RIMaW8I:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Cssjunction?a=8Iy_P4VTc60:37q9RIMaW8I:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/Cssjunction?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Cssjunction?a=8Iy_P4VTc60:37q9RIMaW8I:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/Cssjunction?i=8Iy_P4VTc60:37q9RIMaW8I:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Cssjunction?a=8Iy_P4VTc60:37q9RIMaW8I:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/Cssjunction?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Cssjunction?a=8Iy_P4VTc60:37q9RIMaW8I:KwTdNBX3Jqk"><img src="http://feeds.feedburner.com/~ff/Cssjunction?i=8Iy_P4VTc60:37q9RIMaW8I:KwTdNBX3Jqk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Cssjunction?a=8Iy_P4VTc60:37q9RIMaW8I:l6gmwiTKsz0"><img src="http://feeds.feedburner.com/~ff/Cssjunction?d=l6gmwiTKsz0" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Cssjunction?a=8Iy_P4VTc60:37q9RIMaW8I:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/Cssjunction?i=8Iy_P4VTc60:37q9RIMaW8I:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Cssjunction?a=8Iy_P4VTc60:37q9RIMaW8I:TzevzKxY174"><img src="http://feeds.feedburner.com/~ff/Cssjunction?d=TzevzKxY174" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Cssjunction/~4/8Iy_P4VTc60" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.cssjunction.com/tutorials/html5-css3-metro-ui-form/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.cssjunction.com/tutorials/html5-css3-metro-ui-form/</feedburner:origLink></item>
		<item>
		<title>CSS Icons for Better Web – Part I</title>
		<link>http://feedproxy.google.com/~r/Cssjunction/~3/mBuTysqujo8/</link>
		<comments>http://www.cssjunction.com/tutorials/css-icons-for-better-web/#comments</comments>
		<pubDate>Fri, 25 Jan 2013 14:26:37 +0000</pubDate>
		<dc:creator>Shekhar Sharma</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Icons]]></category>

		<guid isPermaLink="false">http://www.cssjunction.com/?p=945</guid>
		
				<content:encoded><![CDATA[Recently, I have been busy working on several mobile applications &#8211; both web and native apps. Most of them was User Centric and app was allowing them to set their own themes. This made my job...<br/>
<br/>
[[ This is a content summary only. Visit my website for full links, other content, and more! ]]<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Cssjunction?a=mBuTysqujo8:hv0Epq9NvKM:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Cssjunction?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Cssjunction?a=mBuTysqujo8:hv0Epq9NvKM:dnMXMwOfBR0"><img src="http://feeds.feedburner.com/~ff/Cssjunction?d=dnMXMwOfBR0" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Cssjunction?a=mBuTysqujo8:hv0Epq9NvKM:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/Cssjunction?i=mBuTysqujo8:hv0Epq9NvKM:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Cssjunction?a=mBuTysqujo8:hv0Epq9NvKM:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/Cssjunction?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Cssjunction?a=mBuTysqujo8:hv0Epq9NvKM:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/Cssjunction?i=mBuTysqujo8:hv0Epq9NvKM:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Cssjunction?a=mBuTysqujo8:hv0Epq9NvKM:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/Cssjunction?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Cssjunction?a=mBuTysqujo8:hv0Epq9NvKM:KwTdNBX3Jqk"><img src="http://feeds.feedburner.com/~ff/Cssjunction?i=mBuTysqujo8:hv0Epq9NvKM:KwTdNBX3Jqk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Cssjunction?a=mBuTysqujo8:hv0Epq9NvKM:l6gmwiTKsz0"><img src="http://feeds.feedburner.com/~ff/Cssjunction?d=l6gmwiTKsz0" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Cssjunction?a=mBuTysqujo8:hv0Epq9NvKM:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/Cssjunction?i=mBuTysqujo8:hv0Epq9NvKM:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Cssjunction?a=mBuTysqujo8:hv0Epq9NvKM:TzevzKxY174"><img src="http://feeds.feedburner.com/~ff/Cssjunction?d=TzevzKxY174" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Cssjunction/~4/mBuTysqujo8" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.cssjunction.com/tutorials/css-icons-for-better-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.cssjunction.com/tutorials/css-icons-for-better-web/</feedburner:origLink></item>
		<item>
		<title>O Simple – Free Website PSD Template</title>
		<link>http://feedproxy.google.com/~r/Cssjunction/~3/UsuEtMWxKbM/</link>
		<comments>http://www.cssjunction.com/freebies/o-simple-website-psd-template/#comments</comments>
		<pubDate>Wed, 31 Oct 2012 13:12:20 +0000</pubDate>
		<dc:creator>Shekhar Sharma</dc:creator>
				<category><![CDATA[Freebies]]></category>
		<category><![CDATA[Psd]]></category>
		<category><![CDATA[Templates]]></category>

		<guid isPermaLink="false">http://www.cssjunction.com/?p=927</guid>
		
				<content:encoded><![CDATA[I love freebies and when it is useful &#8211; I just download that. So here we have a very clean website template in psd format as a freebie today. My purpose I have designed this template to write a...<br/>
<br/>
[[ This is a content summary only. Visit my website for full links, other content, and more! ]]<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Cssjunction?a=UsuEtMWxKbM:rxPM8YNC_8w:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Cssjunction?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Cssjunction?a=UsuEtMWxKbM:rxPM8YNC_8w:dnMXMwOfBR0"><img src="http://feeds.feedburner.com/~ff/Cssjunction?d=dnMXMwOfBR0" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Cssjunction?a=UsuEtMWxKbM:rxPM8YNC_8w:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/Cssjunction?i=UsuEtMWxKbM:rxPM8YNC_8w:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Cssjunction?a=UsuEtMWxKbM:rxPM8YNC_8w:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/Cssjunction?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Cssjunction?a=UsuEtMWxKbM:rxPM8YNC_8w:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/Cssjunction?i=UsuEtMWxKbM:rxPM8YNC_8w:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Cssjunction?a=UsuEtMWxKbM:rxPM8YNC_8w:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/Cssjunction?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Cssjunction?a=UsuEtMWxKbM:rxPM8YNC_8w:KwTdNBX3Jqk"><img src="http://feeds.feedburner.com/~ff/Cssjunction?i=UsuEtMWxKbM:rxPM8YNC_8w:KwTdNBX3Jqk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Cssjunction?a=UsuEtMWxKbM:rxPM8YNC_8w:l6gmwiTKsz0"><img src="http://feeds.feedburner.com/~ff/Cssjunction?d=l6gmwiTKsz0" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Cssjunction?a=UsuEtMWxKbM:rxPM8YNC_8w:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/Cssjunction?i=UsuEtMWxKbM:rxPM8YNC_8w:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Cssjunction?a=UsuEtMWxKbM:rxPM8YNC_8w:TzevzKxY174"><img src="http://feeds.feedburner.com/~ff/Cssjunction?d=TzevzKxY174" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Cssjunction/~4/UsuEtMWxKbM" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.cssjunction.com/freebies/o-simple-website-psd-template/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		<feedburner:origLink>http://www.cssjunction.com/freebies/o-simple-website-psd-template/</feedburner:origLink></item>
		<item>
		<title>Top 5 Articles on HTML5 Audio Video</title>
		<link>http://feedproxy.google.com/~r/Cssjunction/~3/lwvA1TiBOR4/</link>
		<comments>http://www.cssjunction.com/tutorials/html5-audio-video/#comments</comments>
		<pubDate>Mon, 24 Sep 2012 13:02:18 +0000</pubDate>
		<dc:creator>Shekhar Sharma</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Audio]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Resources]]></category>
		<category><![CDATA[Video]]></category>

		<guid isPermaLink="false">http://www.cssjunction.com/?p=912</guid>
		
				<content:encoded><![CDATA[1. Everything you need to know about HTML5 video and audio Here, Simon Pieters, from Opera, will walk you through everything basics you needed to know about HTML5 Audio &#38; Video features. He says:...<br/>
<br/>
[[ This is a content summary only. Visit my website for full links, other content, and more! ]]<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Cssjunction?a=lwvA1TiBOR4:EgrmNu2NPS8:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Cssjunction?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Cssjunction?a=lwvA1TiBOR4:EgrmNu2NPS8:dnMXMwOfBR0"><img src="http://feeds.feedburner.com/~ff/Cssjunction?d=dnMXMwOfBR0" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Cssjunction?a=lwvA1TiBOR4:EgrmNu2NPS8:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/Cssjunction?i=lwvA1TiBOR4:EgrmNu2NPS8:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Cssjunction?a=lwvA1TiBOR4:EgrmNu2NPS8:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/Cssjunction?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Cssjunction?a=lwvA1TiBOR4:EgrmNu2NPS8:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/Cssjunction?i=lwvA1TiBOR4:EgrmNu2NPS8:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Cssjunction?a=lwvA1TiBOR4:EgrmNu2NPS8:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/Cssjunction?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Cssjunction?a=lwvA1TiBOR4:EgrmNu2NPS8:KwTdNBX3Jqk"><img src="http://feeds.feedburner.com/~ff/Cssjunction?i=lwvA1TiBOR4:EgrmNu2NPS8:KwTdNBX3Jqk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Cssjunction?a=lwvA1TiBOR4:EgrmNu2NPS8:l6gmwiTKsz0"><img src="http://feeds.feedburner.com/~ff/Cssjunction?d=l6gmwiTKsz0" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Cssjunction?a=lwvA1TiBOR4:EgrmNu2NPS8:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/Cssjunction?i=lwvA1TiBOR4:EgrmNu2NPS8:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Cssjunction?a=lwvA1TiBOR4:EgrmNu2NPS8:TzevzKxY174"><img src="http://feeds.feedburner.com/~ff/Cssjunction?d=TzevzKxY174" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Cssjunction/~4/lwvA1TiBOR4" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.cssjunction.com/tutorials/html5-audio-video/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.cssjunction.com/tutorials/html5-audio-video/</feedburner:origLink></item>
		<item>
		<title>Learning Gamification</title>
		<link>http://feedproxy.google.com/~r/Cssjunction/~3/PT1XAlMUneI/</link>
		<comments>http://www.cssjunction.com/trends/learning-gamification/#comments</comments>
		<pubDate>Tue, 18 Sep 2012 17:57:33 +0000</pubDate>
		<dc:creator>Shekhar Sharma</dc:creator>
				<category><![CDATA[Trends]]></category>
		<category><![CDATA[Gamification]]></category>
		<category><![CDATA[Resources]]></category>

		<guid isPermaLink="false">http://www.cssjunction.com/?p=899</guid>
		
				<content:encoded><![CDATA[Applying game design principles &#38; techniques to non-game elements to increase user engagement is Gamification. Wikipedia says:- Gamification is the use of game design elements, game thinking and...<br/>
<br/>
[[ This is a content summary only. Visit my website for full links, other content, and more! ]]<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Cssjunction?a=PT1XAlMUneI:R3PcnVUo_kk:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Cssjunction?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Cssjunction?a=PT1XAlMUneI:R3PcnVUo_kk:dnMXMwOfBR0"><img src="http://feeds.feedburner.com/~ff/Cssjunction?d=dnMXMwOfBR0" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Cssjunction?a=PT1XAlMUneI:R3PcnVUo_kk:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/Cssjunction?i=PT1XAlMUneI:R3PcnVUo_kk:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Cssjunction?a=PT1XAlMUneI:R3PcnVUo_kk:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/Cssjunction?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Cssjunction?a=PT1XAlMUneI:R3PcnVUo_kk:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/Cssjunction?i=PT1XAlMUneI:R3PcnVUo_kk:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Cssjunction?a=PT1XAlMUneI:R3PcnVUo_kk:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/Cssjunction?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Cssjunction?a=PT1XAlMUneI:R3PcnVUo_kk:KwTdNBX3Jqk"><img src="http://feeds.feedburner.com/~ff/Cssjunction?i=PT1XAlMUneI:R3PcnVUo_kk:KwTdNBX3Jqk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Cssjunction?a=PT1XAlMUneI:R3PcnVUo_kk:l6gmwiTKsz0"><img src="http://feeds.feedburner.com/~ff/Cssjunction?d=l6gmwiTKsz0" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Cssjunction?a=PT1XAlMUneI:R3PcnVUo_kk:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/Cssjunction?i=PT1XAlMUneI:R3PcnVUo_kk:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Cssjunction?a=PT1XAlMUneI:R3PcnVUo_kk:TzevzKxY174"><img src="http://feeds.feedburner.com/~ff/Cssjunction?d=TzevzKxY174" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Cssjunction/~4/PT1XAlMUneI" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.cssjunction.com/trends/learning-gamification/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.cssjunction.com/trends/learning-gamification/</feedburner:origLink></item>
	</channel>
</rss>
