<?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 Feed</title>
	
	<link>http://www.cssfeed.net</link>
	<description>CSS web blog</description>
	<lastBuildDate>Tue, 21 May 2013 18:20:02 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2</generator>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/cssfeed/YdCw" /><feedburner:info uri="cssfeed/ydcw" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item>
        Natural Language Form with Custom Input Elements		<title>Natural Language Form with Custom Input Elements</title>
		<link>http://feedproxy.google.com/~r/cssfeed/YdCw/~3/5buQd_qEBPQ/natural-language-form-with-custom-input-elements</link>
		<comments>http://www.cssfeed.net/natural-language-form-with-custom-input-elements#comments</comments>
		<pubDate>Tue, 21 May 2013 18:20:02 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[js]]></category>
		<category><![CDATA[xhtml]]></category>
		<guid isPermaLink="false">http://www.cssfeed.net/natural-language-form-with-custom-input-elements</guid>
        
		<description><![CDATA[<IMG border="0" align="left" src="http://www.cssfeed.net/wp-content/plugins/wp-o-matic/cache/cssfeed-11fd6_NaturalLanguageForm2.png" border="0" alt="" width="150" style="margin:5px"/> View demo Download source There is something really interesting about Natural Language UIs and after visiting awesome ...]]></description>
			<content:encoded><![CDATA[<IMG border="0" align="left" src="http://www.cssfeed.net/wp-content/plugins/wp-o-matic/cache/cssfeed-11fd6_NaturalLanguageForm2.png" border="0" alt="" width="150" style="margin:5px"/> <p>
  View demo   Download source<br />
 There is something really interesting about  Natural Language UIs  and after visiting awesome  Escape Flight  we wanted to play around with NL forms and custom form elements The idea is to turn a classic form into one that uses natural language to obtain information from the user For that we&#8217;ll construct a sentence where some words and parts are select elements and text inputs We&#8217;ll then transform the select elements so that we can customize them<br />
 Natural language forms are&#8230;..</p>
<img src="http://feeds.feedburner.com/~r/cssfeed/YdCw/~4/5buQd_qEBPQ" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.cssfeed.net/natural-language-form-with-custom-input-elements/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.cssfeed.net/natural-language-form-with-custom-input-elements</feedburner:origLink></item>
		<item>
        Mighty Deals:  WordPress Shortcodes Plugin + 3 Premium WP Themes		<title>Mighty Deals:  WordPress Shortcodes Plugin + 3 Premium WP Themes</title>
		<link>http://feedproxy.google.com/~r/cssfeed/YdCw/~3/klO02iwDgdE/mighty-deals-wordpress-shortcodes-plugin-3-premium-wp%c2%a0themes</link>
		<comments>http://www.cssfeed.net/mighty-deals-wordpress-shortcodes-plugin-3-premium-wp%c2%a0themes#comments</comments>
		<pubDate>Tue, 21 May 2013 18:00:25 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[js]]></category>
		<category><![CDATA[xhtml]]></category>
		<guid isPermaLink="false">http://www.cssfeed.net/mighty-deals-wordpress-shortcodes-plugin-3-premium-wp%c2%a0themes</guid>
        
		<description><![CDATA[<IMG border="0" align="left" src="http://www.cssfeed.net/wp-content/plugins/wp-o-matic/cache/cssfeed-b3756_shortcodes2.jpg" border="0" alt="" width="150" style="margin:5px"/> A while back I wrote a post about WordPress Shortcode creation  Shortcodes are convenient and useful on ...]]></description>
			<content:encoded><![CDATA[<IMG border="0" align="left" src="http://www.cssfeed.net/wp-content/plugins/wp-o-matic/cache/cssfeed-b3756_shortcodes2.jpg" border="0" alt="" width="150" style="margin:5px"/> 
<p> A while back I wrote a post about  WordPress Shortcode  creation  Shortcodes are convenient and useful on so many levels and for so many levels of skilled WordPress users  A basic user can quickly learn shortcodes as can an expert-level developer  In short shortcodes are an invaluable tool for all levels of WordPress user  Mighty Deals is offering a  WordPress plugin containing  5000 WordPress shortcodes   plus three bonus themes for less than $20  Shortcodes include: </p>
<p>   Buttons   Hate the same old&#8230;..</p>
<img src="http://feeds.feedburner.com/~r/cssfeed/YdCw/~4/klO02iwDgdE" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.cssfeed.net/mighty-deals-wordpress-shortcodes-plugin-3-premium-wp%c2%a0themes/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.cssfeed.net/mighty-deals-wordpress-shortcodes-plugin-3-premium-wp%c2%a0themes</feedburner:origLink></item>
		<item>
        		<title>Creating Vanity URLs in Rails</title>
		<link>http://feedproxy.google.com/~r/cssfeed/YdCw/~3/sxl3jL1d8tM/creating-vanity-urls-in-rails</link>
		<comments>http://www.cssfeed.net/creating-vanity-urls-in-rails#comments</comments>
		<pubDate>Tue, 21 May 2013 18:00:17 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[xhtml]]></category>
		<guid isPermaLink="false">http://www.cssfeed.net/creating-vanity-urls-in-rails</guid>
        
		<description><![CDATA[ A vanity URL is a search engine optimized (SEO) URL Instead of having a meaningless URL like ...]]></description>
			<content:encoded><![CDATA[ <p> A vanity URL is a search engine optimized (SEO) URL Instead of having a meaningless URL like  http://storeofthefuturecom/products/2015  wouldn&#8217;t  http://storeofthefuturecom/products/hoverboard  be better and more meaningful?<br />
 It&#8217;s fairly straightforward to make URLs nicer in Rails I&#8217;ll walk you through the process<br />
 Baby Steps<br />
 In Rails the models have a method called  to_param  This method gets called when you pass a model into a URL helper like:<br />
  &lt;%= link_to productname product %&gt;</p>
<p> Or:<br />
  &lt;%= link_to productname product_path(product) %&gt;</p>
<p> By default the  to_param &#8230;..</p>
<img src="http://feeds.feedburner.com/~r/cssfeed/YdCw/~4/sxl3jL1d8tM" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.cssfeed.net/creating-vanity-urls-in-rails/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.cssfeed.net/creating-vanity-urls-in-rails</feedburner:origLink></item>
		<item>
        		<title>iTunes Scrolling and Mobile Shelving – Treehouse Show Ep 40</title>
		<link>http://feedproxy.google.com/~r/cssfeed/YdCw/~3/1DFl4WJKXY0/itunes-scrolling-and-mobile-shelving-%e2%80%93-treehouse-show-ep-40</link>
		<comments>http://www.cssfeed.net/itunes-scrolling-and-mobile-shelving-%e2%80%93-treehouse-show-ep-40#comments</comments>
		<pubDate>Tue, 21 May 2013 18:00:03 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[xhtml]]></category>
		<guid isPermaLink="false">http://www.cssfeed.net/itunes-scrolling-and-mobile-shelving-%e2%80%93-treehouse-show-ep-40</guid>
        
		<description><![CDATA[ In this episode of The Treehouse Show Nick Pettit (@nickrp) and Jason Seifer (@jseifer) talk about iTunes ...]]></description>
			<content:encoded><![CDATA[ <p> In this episode of The Treehouse Show Nick Pettit (@nickrp) and Jason Seifer (@jseifer) talk about iTunes Scrolling and Mobile Shelving </p>
<p> Here are the links for the week:<br />
 Quick &#8216;n dirty iTunes 11 style scroller &#8211; CodePen </p>
<p>http://codepenio/vaskemaskine/pen/DrdJE</p>
<p> Sly </p>
<p>http://darsain/sly/</p>
<p> jQueryShapeshift </p>
<p>http://mcpantsgithubio/jqueryshapeshift/</p>
<p> Packery </p>
<p>http://packerymetafizzyco/</p>
<p> Pure CSS Peeling Sticky &#8211; CodePen </p>
<p>http://codepenio/patrickkunka/pen/axEgL</p>
<p> Package Managers: An Introductory Guide For The Uninitiated Front-End Developer &#8211; TechPro </p>
<p>http://techpro/tutorial/1190/package-managers-an-introductory-guide-for-the-uninitiated-front-end-developer</p>
<p> Niice A search engine with taste </p>
<p>http://wwwniiceco/</p>
<p> jakiestfu/Snapjs · GitHub&#8230;..</p>
<img src="http://feeds.feedburner.com/~r/cssfeed/YdCw/~4/1DFl4WJKXY0" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.cssfeed.net/itunes-scrolling-and-mobile-shelving-%e2%80%93-treehouse-show-ep-40/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.cssfeed.net/itunes-scrolling-and-mobile-shelving-%e2%80%93-treehouse-show-ep-40</feedburner:origLink></item>
		<item>
        Learning from Historic Web Archives		<title>Learning from Historic Web Archives</title>
		<link>http://feedproxy.google.com/~r/cssfeed/YdCw/~3/GrZN8B8qxHk/learning-from-historic-web-archives</link>
		<comments>http://www.cssfeed.net/learning-from-historic-web-archives#comments</comments>
		<pubDate>Tue, 21 May 2013 17:50:15 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[xhtml]]></category>
		<guid isPermaLink="false">http://www.cssfeed.net/learning-from-historic-web-archives</guid>
        
		<description><![CDATA[<IMG border="0" align="left" src="http://www.cssfeed.net/wp-content/plugins/wp-o-matic/cache/cssfeed-fc390_historic-archives-google-1998.jpg" border="0" alt="" width="150" style="margin:5px"/> There are a plethora of resources available to aid in your success on the web From countless ...]]></description>
			<content:encoded><![CDATA[<IMG border="0" align="left" src="http://www.cssfeed.net/wp-content/plugins/wp-o-matic/cache/cssfeed-fc390_historic-archives-google-1998.jpg" border="0" alt="" width="150" style="margin:5px"/> <p>    There are a plethora of resources available to aid in your success on the web From countless analytics and SEO applications to thousands of articles and reports from our peers For anyone who runs their own website we can use these resources to improve and fine tune the online experience we give our visitors One oft-overlooked resource is the  Internet Archive  which contains years of fine-tuned updates and improvements from the world’s biggest and most successful websites &#8211; and we can learn from them       How can we have&#8230;..</p>
<img src="http://feeds.feedburner.com/~r/cssfeed/YdCw/~4/GrZN8B8qxHk" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.cssfeed.net/learning-from-historic-web-archives/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.cssfeed.net/learning-from-historic-web-archives</feedburner:origLink></item>
		<item>
        The Right Way to Retinafy Your Websites		<title>The Right Way to Retinafy Your Websites</title>
		<link>http://feedproxy.google.com/~r/cssfeed/YdCw/~3/YkmOXqf0v28/the-right-way-to-retinafy-your-websites</link>
		<comments>http://www.cssfeed.net/the-right-way-to-retinafy-your-websites#comments</comments>
		<pubDate>Tue, 21 May 2013 17:50:06 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[xhtml]]></category>
		<guid isPermaLink="false">http://www.cssfeed.net/the-right-way-to-retinafy-your-websites</guid>
        
		<description><![CDATA[<IMG border="0" align="left" src="http://www.cssfeed.net/wp-content/plugins/wp-o-matic/cache/cssfeed-2e0c4_growth-hacking-image-1.png" border="0" alt="" width="150" style="margin:5px"/> Making your website ready for Retina display doesn&#8217;t have to be a hassle Whether you are building ...]]></description>
			<content:encoded><![CDATA[<IMG border="0" align="left" src="http://www.cssfeed.net/wp-content/plugins/wp-o-matic/cache/cssfeed-2e0c4_growth-hacking-image-1.png" border="0" alt="" width="150" style="margin:5px"/> <p>     Making your website ready for Retina display doesn&rsquo;t have to be a hassle Whether you are building a new website or upgrading an existing one this guide is designed to help you get the job done smoothly       Make it Retina First   The easiest and most time-saving way to add Retina support is to create one image that is optimized for Retina devices and serve it to non-Retina devices as well   By now every  modern browser  uses bicubic resampling and does a great job&#8230;..</p>
<img src="http://feeds.feedburner.com/~r/cssfeed/YdCw/~4/YkmOXqf0v28" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.cssfeed.net/the-right-way-to-retinafy-your-websites/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.cssfeed.net/the-right-way-to-retinafy-your-websites</feedburner:origLink></item>
		<item>
        40 Stunning Doodles for Inspiration		<title>40 Stunning Doodles for Inspiration</title>
		<link>http://feedproxy.google.com/~r/cssfeed/YdCw/~3/MBxDxqzobPU/40-stunning-doodles-for-inspiration</link>
		<comments>http://www.cssfeed.net/40-stunning-doodles-for-inspiration#comments</comments>
		<pubDate>Tue, 21 May 2013 14:40:20 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[fonts]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[xhtml]]></category>
		<guid isPermaLink="false">http://www.cssfeed.net/40-stunning-doodles-for-inspiration</guid>
        
		<description><![CDATA[<IMG border="0" align="left" src="http://www.cssfeed.net/wp-content/plugins/wp-o-matic/cache/cssfeed-ed31c_sketch-17.jpg" border="0" alt="" width="150" style="margin:5px"/> When it comes to art and design sometimes the best way to boost your own creativity is ...]]></description>
			<content:encoded><![CDATA[<IMG border="0" align="left" src="http://www.cssfeed.net/wp-content/plugins/wp-o-matic/cache/cssfeed-ed31c_sketch-17.jpg" border="0" alt="" width="150" style="margin:5px"/> <p> When it comes to art and design sometimes the best way to boost your own creativity is to browse inspirational works of art from others In this article we&#8217;ll showcase 40 examples of amazing doodles The hand-drawn style is one that can be used in a variety of different ways and on all kinds of different projects You could incorporate doodled elements in a web design business card poster t-shirt or just about anything<br />
 The items shown here come from various artists Most of them are available for larger views at the source which you can reach by&#8230;..</p>
<img src="http://feeds.feedburner.com/~r/cssfeed/YdCw/~4/MBxDxqzobPU" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.cssfeed.net/40-stunning-doodles-for-inspiration/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.cssfeed.net/40-stunning-doodles-for-inspiration</feedburner:origLink></item>
		<item>
        Fantastical fairytale photos		<title>Fantastical fairytale photos</title>
		<link>http://feedproxy.google.com/~r/cssfeed/YdCw/~3/DzyXSQcj32I/fantastical-fairytale-photos</link>
		<comments>http://www.cssfeed.net/fantastical-fairytale-photos#comments</comments>
		<pubDate>Tue, 21 May 2013 14:40:05 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[css]]></category>
		<guid isPermaLink="false">http://www.cssfeed.net/fantastical-fairytale-photos</guid>
        
		<description><![CDATA[<IMG border="0" align="left" src="http://www.cssfeed.net/wp-content/plugins/wp-o-matic/cache/cssfeed-9a6b7_a.jpg" border="0" alt="" width="150" style="margin:5px"/> Film studios spend millions of dollars to create stunning epic masterpieces like The Lord of the Rings ...]]></description>
			<content:encoded><![CDATA[<IMG border="0" align="left" src="http://www.cssfeed.net/wp-content/plugins/wp-o-matic/cache/cssfeed-9a6b7_a.jpg" border="0" alt="" width="150" style="margin:5px"/> <p>  Film studios spend millions of dollars to create stunning epic masterpieces like The Lord of the Rings But sometimes visual perfection can be created on a shoestring — that is when enough time energy and sacrifice are the alternate currency<br />
 British  photographer Kirsty Mitchell  has done just that creating a fantastical fairytale-esque series of photos that were inspired by her late mother A former teacher and avid storyteller Kirsty’s mother lost her battle with a brain tumor in 2008 Since then the costume-designer-turned-photographer has spent countless hours constructing costumes wigs and sets to turn her&#8230;..</p>
<img src="http://feeds.feedburner.com/~r/cssfeed/YdCw/~4/DzyXSQcj32I" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.cssfeed.net/fantastical-fairytale-photos/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.cssfeed.net/fantastical-fairytale-photos</feedburner:origLink></item>
		<item>
        Dunked: Launched, but Hardly Finished		<title>Dunked: Launched, but Hardly Finished</title>
		<link>http://feedproxy.google.com/~r/cssfeed/YdCw/~3/H1CZWTPRaLA/dunked-launched-but-hardly-finished</link>
		<comments>http://www.cssfeed.net/dunked-launched-but-hardly-finished#comments</comments>
		<pubDate>Tue, 21 May 2013 11:30:19 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[xhtml]]></category>
		<guid isPermaLink="false">http://www.cssfeed.net/dunked-launched-but-hardly-finished</guid>
        
		<description><![CDATA[<IMG border="0" align="left" src="http://www.cssfeed.net/wp-content/plugins/wp-o-matic/cache/cssfeed-58945_dunked-process.jpg" border="0" alt="" width="150" style="margin:5px"/> I&#039;m part of the team that has recently launched a web app called Dunked Dunked is a ...]]></description>
			<content:encoded><![CDATA[<IMG border="0" align="left" src="http://www.cssfeed.net/wp-content/plugins/wp-o-matic/cache/cssfeed-58945_dunked-process.jpg" border="0" alt="" width="150" style="margin:5px"/> <p>    I&#039;m part of the team that has recently launched a web app called  Dunked  Dunked is a free simple-to-use online portfolio for creative types As of May 2013 we are in public beta; continuing to build out features as well as making incremental improvements based on user feedback  In this article I am going to discuss some of the reasons I believe that a beta launch is important to the development of your product I will also discuss how we at Dunked are going about the process of monitoring and gathering user feedback&#8230;..</p>
<img src="http://feeds.feedburner.com/~r/cssfeed/YdCw/~4/H1CZWTPRaLA" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.cssfeed.net/dunked-launched-but-hardly-finished/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.cssfeed.net/dunked-launched-but-hardly-finished</feedburner:origLink></item>
		<item>
        		<title>A taste of CoffeeScript (part 1)</title>
		<link>http://feedproxy.google.com/~r/cssfeed/YdCw/~3/Ikci5WoVCvE/a-taste-of-coffeescript-part-1</link>
		<comments>http://www.cssfeed.net/a-taste-of-coffeescript-part-1#comments</comments>
		<pubDate>Tue, 21 May 2013 11:30:03 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[css]]></category>
		<guid isPermaLink="false">http://www.cssfeed.net/a-taste-of-coffeescript-part-1</guid>
        
		<description><![CDATA[ Let&#8217;s face it JavaScript hasn&#8217;t always had the best reputation among developers and since the foundation of ...]]></description>
			<content:encoded><![CDATA[ <p>  Let&#8217;s face it JavaScript hasn&#8217;t always had the best reputation among developers and since the foundation of CoffeeScript back in 2009 this little language has taken the world of JavaScript developers by storm; mainly because it overcomes what some may say is the worst aspect of JavaScript: the syntax of its code<br />
 Even though this is a new language you will pick it up really fast mainly because it&#8217;s reformulated JavaScript; it&#8217;s essentially prettier simpler JavaScript <br />
 When writing CoffeeScript don&#8217;t forget you are writing code that before being deployed is going to be compiled into JavaScript that follows best practices&#8230;..</p>
<img src="http://feeds.feedburner.com/~r/cssfeed/YdCw/~4/Ikci5WoVCvE" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.cssfeed.net/a-taste-of-coffeescript-part-1/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.cssfeed.net/a-taste-of-coffeescript-part-1</feedburner:origLink></item>
	</channel>
</rss>
