<?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>Free Web Resources - Web Resources Depot &#187; Fluid</title>
	<atom:link href="http://www.webresourcesdepot.com/tag/fluid/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.webresourcesdepot.com</link>
	<description>Free Web Resources</description>
	<lastBuildDate>Sun, 12 Feb 2012 13:06:12 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.4</generator>
		<item>
		<title>A Cross-Browser &amp; Fluid CSS Grid &#8211; Flurid</title>
		<link>http://www.webresourcesdepot.com/a-cross-browser-fluid-css-grid-flurid/</link>
		<comments>http://www.webresourcesdepot.com/a-cross-browser-fluid-css-grid-flurid/#comments</comments>
		<pubDate>Mon, 27 Dec 2010 17:01:36 +0000</pubDate>
		<dc:creator>Umut M.</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[GPL License]]></category>
		<category><![CDATA[Xhtml & Css]]></category>
		<category><![CDATA[Fluid]]></category>
		<category><![CDATA[Grid]]></category>

		<guid isPermaLink="false">http://www.webresourcesdepot.com/?p=2012</guid>
		<description><![CDATA[<p><a href='http://rss.buysellads.com/click.php?z=1259982&k=ed230295611f656daf3115e6d682ca7d&a=2012&c=14850' target='_blank'><img src='http://rss.buysellads.com/img.php?z=1259982&k=ed230295611f656daf3115e6d682ca7d&a=2012&c=14850' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/ed230295611f656daf3115e6d682ca7d/zone/1259982' target='_blank'>Advertise here with BSA</a></p><br />Flurid is a CSS grid framework which is designed to create cross-browser and fluid interfaces. Compared to many other fluid grid systems, Flurid doesn&#39;t hide pixels in margins but uses overflow: hidden and width: auto properties to get rid of the extra pixels in the last column. The framework has a very intuitive naming convention [...]]]></description>
			<content:encoded><![CDATA[<p><a href='http://rss.buysellads.com/click.php?z=1259982&k=ed230295611f656daf3115e6d682ca7d&a=2012&c=3253' target='_blank'><img src='http://rss.buysellads.com/img.php?z=1259982&k=ed230295611f656daf3115e6d682ca7d&a=2012&c=3253' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/ed230295611f656daf3115e6d682ca7d/zone/1259982' target='_blank'>Advertise here with BSA</a></p><br /><p><a href="http://kflorence.github.com/flurid/" target="_blank"><strong>Flurid</strong></a> is a <strong>CSS grid framework</strong> which is designed to <strong>create cross-browser and fluid interfaces</strong>.</p>
<p>Compared to many other fluid grid systems, <strong>Flurid doesn&#39;t hide pixels in margins</strong> but uses <code>overflow: hidden</code> and <code>width: auto</code> properties to get rid of the extra pixels in the last column.</p>
<p><a href="http://kflorence.github.com/flurid/" target="_blank"><img alt="Flurid CSS Framework" height="212" src="http://www.webresourcesdepot.com/wp-content/uploads/flurid-css-framework.gif" width="480" /></a></p>
<p>The framework has a very intuitive naming convention and supports nested grids + mixed columns.</p>
<p>There is also an optional <strong><a href="https://github.com/kflorence/jquery-flurid" target="_blank">Flurid jQuery plugin</a></strong> provided which automatically adds classes for you and makes developing easier.</p>
<p><strong>Special Downloads:</strong><br />
<a href="http://www.webresourcesdepot.com/?download=jBasket" target="_blank">Ajaxed Add-To-Basket Scenarios With jQuery And PHP</a><br />
<a href="http://www.webresourcesdepot.com/?download=Free-Admin-Template" target="_blank">Free Admin Template For Web Applications</a><br />
<a href="http://www.webresourcesdepot.com/?download=jQuery-Dynamic-Drag-Drop" target="_blank">jQuery Dynamic Drag&#8217;n Drop</a><br />
<a href="http://www.webresourcesdepot.com/?download=sTwitter-1-0" target="_blank">ScheduledTweets</a></p>
<p><strong>Advertisements:</strong><br />
<a href="http://www.admintemplates.com" target="_blank">Professional XHTML Admin Template ($15 Discount With The Code: WRD.)</a><br />
<a href="http://www.xhtmchop.com" target="_blank">Psd to Xhtml</a><br />
<a href="http://www.sslmatic.com" target="_blank">SSLmatic &#8211; Cheap SSL Certificates (from $19.99/year)</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.webresourcesdepot.com/a-cross-browser-fluid-css-grid-flurid/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Smart&#8217;n Fluid CSS/LESS Framework &#8211; Centage</title>
		<link>http://www.webresourcesdepot.com/smartn-fluid-cssless-framework-centage/</link>
		<comments>http://www.webresourcesdepot.com/smartn-fluid-cssless-framework-centage/#comments</comments>
		<pubDate>Mon, 15 Nov 2010 09:11:40 +0000</pubDate>
		<dc:creator>Umut M.</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[GPL License]]></category>
		<category><![CDATA[Xhtml & Css]]></category>
		<category><![CDATA[Fluid]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://www.webresourcesdepot.com/?p=1945</guid>
		<description><![CDATA[<p><a href='http://rss.buysellads.com/click.php?z=1259982&k=ed230295611f656daf3115e6d682ca7d&a=1945&c=15064' target='_blank'><img src='http://rss.buysellads.com/img.php?z=1259982&k=ed230295611f656daf3115e6d682ca7d&a=1945&c=15064' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/ed230295611f656daf3115e6d682ca7d/zone/1259982' target='_blank'>Advertise here with BSA</a></p><br />Centage is a CSS framework that focuses on creating simple-to-advanced fluid layouts easily. It is based on less.js, a JavaScript implementation of less css, and makes use of it&#39;s advanced features like mixins, variables and nesting. Also, due to the nature of less language, it doesn&#39;t add any extra markup to the Xhtml documents and [...]]]></description>
			<content:encoded><![CDATA[<p><a href='http://rss.buysellads.com/click.php?z=1259982&k=ed230295611f656daf3115e6d682ca7d&a=1945&c=24425' target='_blank'><img src='http://rss.buysellads.com/img.php?z=1259982&k=ed230295611f656daf3115e6d682ca7d&a=1945&c=24425' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/ed230295611f656daf3115e6d682ca7d/zone/1259982' target='_blank'>Advertise here with BSA</a></p><br /><p><strong><a href="http://centage.peruste.net/" target="_blank">Centage</a></strong> is a <strong>CSS framework</strong> that focuses on creating <strong>simple-to-advanced fluid layouts</strong> easily.</p>
<p>It is <strong>based on <a href="http://github.com/cloudhead/less.js" target="_blank">less.js</a></strong>, a JavaScript implementation of <a href="http://lesscss.org/" target="_blank">less css</a>, and makes use of it&#39;s advanced features like mixins, variables and nesting.</p>
<p>Also, due to the nature of less language, it <strong>doesn&#39;t add any extra markup to the Xhtml documents</strong> and everything stays inside the CSS file.</p>
<p><a href="http://centage.peruste.net/" target="_blank"><img alt="Centage CSS Framework" height="161" src="http://www.webresourcesdepot.com/wp-content/uploads/centage-css-framework.jpg" width="480" /></a></p>
<p>The framework <strong>doesn&#39;t use any pixel values</strong>, everything expands and shrinks according to browser width, remaining in visual balance.</p>
<p>Besides these advantages, the major disadvantage is the requirement of JavaScript (there are solutions offered for that in the resource&#39;s website).</p>
<p><strong>Centage</strong> is currently in <strong>alpha stage</strong> and, although works as expected in most modern browsers, have problems in Opera and not fully tested in IE.</p>
<p><strong>Special Downloads:</strong><br />
<a href="http://www.webresourcesdepot.com/?download=jBasket" target="_blank">Ajaxed Add-To-Basket Scenarios With jQuery And PHP</a><br />
<a href="http://www.webresourcesdepot.com/?download=Free-Admin-Template" target="_blank">Free Admin Template For Web Applications</a><br />
<a href="http://www.webresourcesdepot.com/?download=jQuery-Dynamic-Drag-Drop" target="_blank">jQuery Dynamic Drag&#8217;n Drop</a><br />
<a href="http://www.webresourcesdepot.com/?download=sTwitter-1-0" target="_blank">ScheduledTweets</a></p>
<p><strong>Advertisements:</strong><br />
<a href="http://www.admintemplates.com" target="_blank">Professional XHTML Admin Template ($15 Discount With The Code: WRD.)</a><br />
<a href="http://www.xhtmchop.com" target="_blank">Psd to Xhtml</a><br />
<a href="http://www.sslmatic.com" target="_blank">SSLmatic &#8211; Cheap SSL Certificates (from $19.99/year)</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.webresourcesdepot.com/smartn-fluid-cssless-framework-centage/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>1140px To Mobile Sizes: A Fluid CSS Framework</title>
		<link>http://www.webresourcesdepot.com/1140px-to-mobile-sizes-a-fluid-css-framework/</link>
		<comments>http://www.webresourcesdepot.com/1140px-to-mobile-sizes-a-fluid-css-framework/#comments</comments>
		<pubDate>Mon, 08 Nov 2010 07:21:27 +0000</pubDate>
		<dc:creator>Umut M.</dc:creator>
				<category><![CDATA[CC License]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Xhtml & Css]]></category>
		<category><![CDATA[Fluid]]></category>

		<guid isPermaLink="false">http://www.webresourcesdepot.com/?p=1933</guid>
		<description><![CDATA[<p><a href='http://rss.buysellads.com/click.php?z=1259982&k=ed230295611f656daf3115e6d682ca7d&a=1933&c=16313' target='_blank'><img src='http://rss.buysellads.com/img.php?z=1259982&k=ed230295611f656daf3115e6d682ca7d&a=1933&c=16313' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/ed230295611f656daf3115e6d682ca7d/zone/1259982' target='_blank'>Advertise here with BSA</a></p><br />The 1140 grid is a CSS framework which fits perfectly to 1280px resolutions and, for smaller sizes, it becomes fluid for adapting to the width of the browser. After a certain size, by using media queries for serving the mobile version, it positions all the columns on top of each other to help the same [...]]]></description>
			<content:encoded><![CDATA[<p><a href='http://rss.buysellads.com/click.php?z=1259982&k=ed230295611f656daf3115e6d682ca7d&a=1933&c=25586' target='_blank'><img src='http://rss.buysellads.com/img.php?z=1259982&k=ed230295611f656daf3115e6d682ca7d&a=1933&c=25586' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/ed230295611f656daf3115e6d682ca7d/zone/1259982' target='_blank'>Advertise here with BSA</a></p><br /><p>The <a href="http://cssgrid.net/" target="_blank"><strong>1140 grid</strong></a> is a CSS framework which fits perfectly to 1280px resolutions and, for smaller sizes, it becomes fluid for adapting to the width of the browser.</p>
<p>After a certain size, by <strong>using media queries for serving the mobile version</strong>, it positions all the columns on top of each other to help the same design still make sense.</p>
<p><a href="http://cssgrid.net/" target="_blank"><img alt="1140 CSS Grid Framework" height="210" src="http://www.webresourcesdepot.com/wp-content/uploads/1140-grid-framework.gif" width="480" /></a></p>
<p>It uses a <strong>12 column system</strong> and have gutters ~40px on full-width.</p>
<p>The framework works in most modern browsers. As expected, it is <strong>a little problematic in IE6</strong> (the developer of the framework states there should be very few people using IE6 and having a large screen size which sounds true).</p>
<p><strong>Special Downloads:</strong><br />
<a href="http://www.webresourcesdepot.com/?download=jBasket" target="_blank">Ajaxed Add-To-Basket Scenarios With jQuery And PHP</a><br />
<a href="http://www.webresourcesdepot.com/?download=Free-Admin-Template" target="_blank">Free Admin Template For Web Applications</a><br />
<a href="http://www.webresourcesdepot.com/?download=jQuery-Dynamic-Drag-Drop" target="_blank">jQuery Dynamic Drag&#8217;n Drop</a><br />
<a href="http://www.webresourcesdepot.com/?download=sTwitter-1-0" target="_blank">ScheduledTweets</a></p>
<p><strong>Advertisements:</strong><br />
<a href="http://www.admintemplates.com" target="_blank">Professional XHTML Admin Template ($15 Discount With The Code: WRD.)</a><br />
<a href="http://www.xhtmchop.com" target="_blank">Psd to Xhtml</a><br />
<a href="http://www.sslmatic.com" target="_blank">SSLmatic &#8211; Cheap SSL Certificates (from $19.99/year)</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.webresourcesdepot.com/1140px-to-mobile-sizes-a-fluid-css-framework/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>The 1Kb CSS Grid Framework</title>
		<link>http://www.webresourcesdepot.com/the-1kb-css-grid-framework/</link>
		<comments>http://www.webresourcesdepot.com/the-1kb-css-grid-framework/#comments</comments>
		<pubDate>Sat, 20 Jun 2009 07:06:56 +0000</pubDate>
		<dc:creator>Umut M.</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[GPL License]]></category>
		<category><![CDATA[Xhtml & Css]]></category>
		<category><![CDATA[Fixed]]></category>
		<category><![CDATA[Fluid]]></category>
		<category><![CDATA[Generator]]></category>

		<guid isPermaLink="false">http://www.webresourcesdepot.com/?p=1007</guid>
		<description><![CDATA[<p><a href='http://rss.buysellads.com/click.php?z=1259982&k=ed230295611f656daf3115e6d682ca7d&a=1007&c=23097' target='_blank'><img src='http://rss.buysellads.com/img.php?z=1259982&k=ed230295611f656daf3115e6d682ca7d&a=1007&c=23097' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/ed230295611f656daf3115e6d682ca7d/zone/1259982' target='_blank'>Advertise here with BSA</a></p><br />There are various CSS frameworks which offer a grid system, a style reset, basic typography, form styling &#38; more. But, if you only need a lightweight grid framework to build the skeleton of your website, take a look at the 1Kb CSS Grid. It supports both fluid grids besides the fixed-width ones and nested rows [...]]]></description>
			<content:encoded><![CDATA[<p><a href='http://rss.buysellads.com/click.php?z=1259982&k=ed230295611f656daf3115e6d682ca7d&a=1007&c=30527' target='_blank'><img src='http://rss.buysellads.com/img.php?z=1259982&k=ed230295611f656daf3115e6d682ca7d&a=1007&c=30527' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/ed230295611f656daf3115e6d682ca7d/zone/1259982' target='_blank'>Advertise here with BSA</a></p><br /><p>There are various <strong>CSS frameworks</strong> which offer a grid system, a style reset, basic typography, form styling &amp; more.</p>
<p>But, if you only need a <strong>lightweight grid framework</strong> to build the skeleton of your website, take a look at the <a target="_blank" href="http://www.1kbgrid.com/"><strong>1Kb CSS Grid</strong></a>.</p>
<p><a target="_blank" href="http://www.1kbgrid.com/"><img height="102" width="480" alt="1Kb CSS Grid" src="http://www.webresourcesdepot.com/wp-content/uploads/image/1-kb-css-grid.jpg" /></a></p>
<p>It supports both fluid grids besides the fixed-width ones and nested rows can be created.</p>
<p>The website of the framework provides a <strong>generator to customize the grid</strong> &amp; download the CSS easily.</p>
<p>Also, <strong>Usability Post</strong> has a very detailed introduction to the <strong>1Kb CSS Grid</strong> in 3 steps. To dig the details, make sure you check them:</p>
<ul>
<li><a href="http://www.usabilitypost.com/2009/05/29/the-1kb-css-grid-part-1/" target="_blank">Introduction</a></li>
<li><a href="http://www.usabilitypost.com/2009/06/06/the-1kb-css-grid-part-2/" target="_blank">Using The Grid For Templating</a></li>
<li><a href="http://www.usabilitypost.com/2009/06/19/the-1kb-css-grid-part-3/" target="_blank">The Details</a> (nested rows, fluid grids..)</li>
</ul>
<p><strong>Special Downloads:</strong><br />
<a href="http://www.webresourcesdepot.com/?download=jBasket" target="_blank">Ajaxed Add-To-Basket Scenarios With jQuery And PHP</a><br />
<a href="http://www.webresourcesdepot.com/?download=Free-Admin-Template" target="_blank">Free Admin Template For Web Applications</a><br />
<a href="http://www.webresourcesdepot.com/?download=jQuery-Dynamic-Drag-Drop" target="_blank">jQuery Dynamic Drag&#8217;n Drop</a><br />
<a href="http://www.webresourcesdepot.com/?download=sTwitter-1-0" target="_blank">ScheduledTweets</a></p>
<p><strong>Advertisements:</strong><br />
<a href="http://www.admintemplates.com" target="_blank">Professional XHTML Admin Template ($15 Discount With The Code: WRD.)</a><br />
<a href="http://www.xhtmchop.com" target="_blank">Psd to Xhtml</a><br />
<a href="http://www.sslmatic.com" target="_blank">SSLmatic &#8211; Cheap SSL Certificates (from $19.99/year)</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.webresourcesdepot.com/the-1kb-css-grid-framework/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using wincache
Page Caching using wincache (User agent is rejected)
Database Caching using wincache

Served from: www.webresourcesdepot.com @ 2012-02-12 20:16:00 -->
