<?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>Front-end Developer Blog and Resources on Css 3, Javascript and HTML 5 &#187; CSS</title>
	<atom:link href="http://www.front-end-developer.com/resources/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.front-end-developer.com</link>
	<description>Front end Developer Jobs, Web developer tools, tips and tricks, CSS 3 and Html 5 Examples</description>
	<lastBuildDate>Fri, 21 Oct 2011 08:21:09 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Create Pure CSS Icons using just CSS and semantic HTML</title>
		<link>http://www.front-end-developer.com/2011/08/19/create-pure-css-icons-using-just-css-and-semantic-html/</link>
		<comments>http://www.front-end-developer.com/2011/08/19/create-pure-css-icons-using-just-css-and-semantic-html/#comments</comments>
		<pubDate>Fri, 19 Aug 2011 11:09:05 +0000</pubDate>
		<dc:creator>Vidal</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Freebies]]></category>
		<category><![CDATA[How-to]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[Demo]]></category>
		<category><![CDATA[Example]]></category>
		<category><![CDATA[Pseudo-elements]]></category>
		<category><![CDATA[Pure CSS]]></category>
		<category><![CDATA[Sample]]></category>

		<guid isPermaLink="false">http://www.front-end-developer.com/?p=378</guid>
		<description><![CDATA[An experiment that uses pseudo-elements to create 84 simple GUI icons using CSS and semantic HTML. Shared as an exercise in creative problem solving and working within constraints. This is not a “production ready” CSS icon set. The HTML is very simple and it relies on CSS pseudo-elements rather than extraneous HTML elements. Known support: Firefox 3.5+, Safari [...]]]></description>
		<wfw:commentRss>http://www.front-end-developer.com/2011/08/19/create-pure-css-icons-using-just-css-and-semantic-html/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>15+ Web developer Tools a Front-end Developer can&#8217;t life without</title>
		<link>http://www.front-end-developer.com/2011/03/22/15-web-developer-tools-a-front-end-developer-cant-life-without/</link>
		<comments>http://www.front-end-developer.com/2011/03/22/15-web-developer-tools-a-front-end-developer-cant-life-without/#comments</comments>
		<pubDate>Tue, 22 Mar 2011 08:59:12 +0000</pubDate>
		<dc:creator>Vidal</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Developer Tools]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Chrome]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[Safari]]></category>
		<category><![CDATA[Web Developer Tools]]></category>

		<guid isPermaLink="false">http://www.front-end-developer.com/?p=340</guid>
		<description><![CDATA[IE WebDeveloper Toolbar Is a free plugin The Microsoft Internet Explorer Developer Toolbar provides a variety of tools for quickly creating, understanding, and troubleshooting Web pages. Features: Explore and modify the document object model (DOM) of a Web page. Locate and select specific elements on a Web page through a variety of techniques. Selectively disable Internet [...]]]></description>
		<wfw:commentRss>http://www.front-end-developer.com/2011/03/22/15-web-developer-tools-a-front-end-developer-cant-life-without/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS Zen Coding, a new fast way of writing CSS and HTML code</title>
		<link>http://www.front-end-developer.com/2010/10/10/css-zen-coding-a-new-fast-way-of-writing-css-and-html-code/</link>
		<comments>http://www.front-end-developer.com/2010/10/10/css-zen-coding-a-new-fast-way-of-writing-css-and-html-code/#comments</comments>
		<pubDate>Sun, 10 Oct 2010 09:14:01 +0000</pubDate>
		<dc:creator>Vidal</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS Zen Coding]]></category>
		<category><![CDATA[shorthand code]]></category>
		<category><![CDATA[speed coding]]></category>
		<category><![CDATA[zen coding]]></category>
		<category><![CDATA[Zen Garden]]></category>

		<guid isPermaLink="false">http://www.front-end-developer.com/?p=316</guid>
		<description><![CDATA[Zen Coding is an editor plugin for high-speed HTML, XML, XSL (or any other structured code format) coding and editing. The core of this plugin is a powerful abbreviation engine which allows you to expand expressions—similar to CSS selectors—into HTML code. For example: [html]div#page&#62;div.logo+ul#navigation&#62;li*5&#62;a[/html] &#8230;can be expanded into: [html] [/html] Check it out here]]></description>
		<wfw:commentRss>http://www.front-end-developer.com/2010/10/10/css-zen-coding-a-new-fast-way-of-writing-css-and-html-code/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Great CSS3 and HTML5 Resources</title>
		<link>http://www.front-end-developer.com/2010/04/07/great-css3-and-html5-resources/</link>
		<comments>http://www.front-end-developer.com/2010/04/07/great-css3-and-html5-resources/#comments</comments>
		<pubDate>Wed, 07 Apr 2010 18:16:50 +0000</pubDate>
		<dc:creator>Vidal</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[collection]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[resources]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://www.front-end-developer.com/?p=289</guid>
		<description><![CDATA[In this “Collection of HTML5 and CSS3 Resources“, you will find articles and tutorials covered on different websites. Demos and examples are also included in this list. I tried my best to collect all useful and related information to put at one place. Still if you find something missing, kindly share it in the comments below. [...]]]></description>
		<wfw:commentRss>http://www.front-end-developer.com/2010/04/07/great-css3-and-html5-resources/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>CSS Frameworks, cut down on your development time.</title>
		<link>http://www.front-end-developer.com/2009/10/05/css-frameworks-cut-down-on-your-development-time/</link>
		<comments>http://www.front-end-developer.com/2009/10/05/css-frameworks-cut-down-on-your-development-time/#comments</comments>
		<pubDate>Mon, 05 Oct 2009 11:16:36 +0000</pubDate>
		<dc:creator>Vidal</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[css framework]]></category>
		<category><![CDATA[CSS Frameworks]]></category>

		<guid isPermaLink="false">http://www.front-end-developer.com/?p=286</guid>
		<description><![CDATA[A CSS framework, also known as a web design framework is a pre-prepared library that is meant to allow for easier, more standards-compliant styling of a webpage using the Cascading Style Sheets language. Just like programming and scripting language libraries, CSS frameworks (usually packaged as external .css sheets inserted into the header) package a number [...]]]></description>
		<wfw:commentRss>http://www.front-end-developer.com/2009/10/05/css-frameworks-cut-down-on-your-development-time/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Modernizr: start implementing CSS 3 and HTML5 features now</title>
		<link>http://www.front-end-developer.com/2009/07/06/modernizr-start-implementing-css-3-and-html5-features-now/</link>
		<comments>http://www.front-end-developer.com/2009/07/06/modernizr-start-implementing-css-3-and-html5-features-now/#comments</comments>
		<pubDate>Mon, 06 Jul 2009 06:50:08 +0000</pubDate>
		<dc:creator>Vidal</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[browsers]]></category>
		<category><![CDATA[css-3]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[modernizr]]></category>
		<category><![CDATA[web-standards]]></category>

		<guid isPermaLink="false">http://www.front-end-developer.com/?p=239</guid>
		<description><![CDATA[So, you&#8217;re a front-end developer, and you want to start taking advantage of new features in CSS 3 and HTML5. That&#8217;s great, but you know that most of your users aren&#8217;t running browsers that support these new standards. You could just wait for browsers to get with the times, or you could check out Modernizr. [...]]]></description>
		<wfw:commentRss>http://www.front-end-developer.com/2009/07/06/modernizr-start-implementing-css-3-and-html5-features-now/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Top 9 CSS and HTML validation services</title>
		<link>http://www.front-end-developer.com/2008/04/11/top-9-css-and-html-validation-services/</link>
		<comments>http://www.front-end-developer.com/2008/04/11/top-9-css-and-html-validation-services/#comments</comments>
		<pubDate>Fri, 11 Apr 2008 07:09:39 +0000</pubDate>
		<dc:creator>Vidal</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Freebies]]></category>
		<category><![CDATA[My Personal Projects]]></category>
		<category><![CDATA[validate]]></category>
		<category><![CDATA[w3c]]></category>

		<guid isPermaLink="false">http://www.front-end-developer.com/?p=37</guid>
		<description><![CDATA[Tools and services to validate css / html / code. Walidator.com : front end to most common official validators Markup Validation Service : Markup Validation Service by W3.org CSS Validator : CSS Validation Service by W3.org CSSCheck : CSS validator at HTMLHelp Feed Atom and RSS Feed Validator : Atom and RSS Feed Validator at [...]]]></description>
		<wfw:commentRss>http://www.front-end-developer.com/2008/04/11/top-9-css-and-html-validation-services/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Top 17 CSS Tutorials</title>
		<link>http://www.front-end-developer.com/2008/04/11/top-17-css-tutorials/</link>
		<comments>http://www.front-end-developer.com/2008/04/11/top-17-css-tutorials/#comments</comments>
		<pubDate>Fri, 11 Apr 2008 07:05:53 +0000</pubDate>
		<dc:creator>Vidal</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://www.front-end-developer.com/?p=36</guid>
		<description><![CDATA[Sites with long, multiple tutorials on CSS. CSS Basics.com : Learn everything you ever wanted to know about the basics of CSS CSS Tutorials : at EchoEcho CSS Tutorials : Eric Meyer / Meyerweb CSS Tutorials : at Tizag CSS Tutorials : at Tutorialized CSS Tutorials : at W3 Schools CSS Tutorials : CSS guide, [...]]]></description>
		<wfw:commentRss>http://www.front-end-developer.com/2008/04/11/top-17-css-tutorials/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Top 17 CSS Lightbox Variations</title>
		<link>http://www.front-end-developer.com/2008/04/11/top-17-css-lightbox-variations/</link>
		<comments>http://www.front-end-developer.com/2008/04/11/top-17-css-lightbox-variations/#comments</comments>
		<pubDate>Fri, 11 Apr 2008 07:04:01 +0000</pubDate>
		<dc:creator>Vidal</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[greybox]]></category>
		<category><![CDATA[lightbox]]></category>
		<category><![CDATA[suckerfish]]></category>
		<category><![CDATA[thickbox]]></category>

		<guid isPermaLink="false">http://www.front-end-developer.com/?p=35</guid>
		<description><![CDATA[CSS techniques to overlay images on a webpage. Lightbox JS : Original; a simple, unobtrusive script used to overlay images on the current page. Greased Lightbox : Greasemonkey/Creammonkey/Opera user script designed to enhance browsing on websites that link to images such as Google Image Search, Flickr, Wikipedia, Facebook, MySpace, and deviantART. GreyBox : A pop-up [...]]]></description>
		<wfw:commentRss>http://www.front-end-developer.com/2008/04/11/top-17-css-lightbox-variations/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS:Auto-matic Link Icons</title>
		<link>http://www.front-end-developer.com/2008/04/10/cssauto-matic-link-icons/</link>
		<comments>http://www.front-end-developer.com/2008/04/10/cssauto-matic-link-icons/#comments</comments>
		<pubDate>Thu, 10 Apr 2008 15:56:30 +0000</pubDate>
		<dc:creator>Vidal</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Graphics]]></category>
		<category><![CDATA[My Personal Projects]]></category>

		<guid isPermaLink="false">http://www.front-end-developer.com/?p=34</guid>
		<description><![CDATA[CSS 2.1 has many new wonderful capabilities and cool tricks &#8211; automatic link icons. First, a look at the end result :- This is a normal link. This is an external link to Google. This is a link to a MS Word document. This is a .zip file. (don’t bother clicking the links though &#8211; [...]]]></description>
		<wfw:commentRss>http://www.front-end-developer.com/2008/04/10/cssauto-matic-link-icons/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

