<?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>Blog Reign &#187; CSS framework</title>
	<atom:link href="http://www.blogreign.com/tag/css-framework/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.blogreign.com</link>
	<description>A blog containing Blogging tips, Web Design &#38; Development resources, Technology news, Gadgets &#38; Software reviews, Tips &#38; Tricks and Freebies.</description>
	<lastBuildDate>Fri, 06 Jan 2012 14:55:54 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Tiny Fluid Grid &#8211; a CSS Grid Framework Generator</title>
		<link>http://www.blogreign.com/tiny-fluid-grid-a-css-grid-framework-generator/</link>
		<comments>http://www.blogreign.com/tiny-fluid-grid-a-css-grid-framework-generator/#comments</comments>
		<pubDate>Sat, 29 May 2010 14:49:52 +0000</pubDate>
		<dc:creator>Wallace</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS framework]]></category>
		<category><![CDATA[tinyfluidgrid]]></category>

		<guid isPermaLink="false">http://www.blogreign.com/?p=1672</guid>
		<description><![CDATA[Inspired by 1kbgrid, Tiny Fluid Grid was developed by an American design agency Girlfriend, for help web designers to easily build fluid grid based websites. TinyFluidGrid is a handy CSS grid framework for creating fluid grids instantly. You just need to define the Number of Columns, Gutter Percentage, and Min &#038; Max Width with the [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.blogreign.com/wp-content/uploads/2010/05/Tinyfluidgrid.png" alt="" title="Tinyfluidgrid" width="450" height="223" class="alignnone size-full wp-image-1670" /></p>
<p>Inspired by <a href="http://www.1kbgrid.com/" target="_blank">1kbgrid</a>, Tiny Fluid Grid was developed by an American design agency <a href="http://www.girlfriendnyc.com/" target="_blank">Girlfriend</a>, for help web designers to easily build fluid grid based websites. TinyFluidGrid is a handy <a href="http://www.blogreign.com/category/css/">CSS</a> grid framework for creating fluid grids instantly. You just need to define the Number of Columns, Gutter Percentage, and Min &#038; Max Width with the sexy slider. Once created, you can preview the grid and download it which includes with a index.html with demo code, and the grid.css containing the CSS for the grid.</p>
<ul>
<li><a href="http://www.tinyfluidgrid.com/" target="_blank">http://www.tinyfluidgrid.com/</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.blogreign.com/tiny-fluid-grid-a-css-grid-framework-generator/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Develop and Customize Web Forms with Formee CSS Framework</title>
		<link>http://www.blogreign.com/develop-and-customize-web-forms-with-formee-css-framework/</link>
		<comments>http://www.blogreign.com/develop-and-customize-web-forms-with-formee-css-framework/#comments</comments>
		<pubDate>Wed, 12 May 2010 13:11:37 +0000</pubDate>
		<dc:creator>Wallace</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS framework]]></category>
		<category><![CDATA[formee]]></category>

		<guid isPermaLink="false">http://www.blogreign.com/?p=1634</guid>
		<description><![CDATA[Developed by Bernard De Luna, Daniel Araujo and Marcello Manso, Formee is a CSS framework for styling form elements and creating web based form layout. It uses Fluid 960 Grid System technique to compose the layout, providing you total flexibility to put it in any website. It also helps you create standard compliant forms with [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.blogreign.com/wp-content/uploads/2010/05/Formee-CSS-Framework.png" alt="" title="Formee CSS Framework" width="450" height="256" class="alignnone size-full wp-image-1635" /></p>
<p>Developed by <a href="http://www.bernarddeluna.com/" target="_blank">Bernard De Luna</a>, Daniel Araujo and Marcello Manso, <a href="http://www.formee.org/" target="_blank">Formee</a> is a CSS framework for styling form elements and creating web based form layout. It uses <a href="http://www.designinfluences.com/fluid960gs/" target="_blank">Fluid 960 Grid System</a> technique to compose the layout, providing you total flexibility to put it in any website. It also helps you create standard compliant forms with less but more markup semantic markup. Formee is built with the smallest number of tags possible and it generates semantic forms. You can use this CSS framework for quickly creating cross-browser and flexible web forms. Moreover, there are some side elements in the package that are widely used with web forms such as message boxes to show errors, warnings and success alerts. <a href="http://www.formee.org/download/fclick.php?fid=zip1-2" target="_blank">Formee</a> is available for download under GPL and MIT Licenses. You can find further information, <a href="http://www.formee.org/demo/index.htm" target="_blank">demo</a> and download on Formee Website.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.blogreign.com/develop-and-customize-web-forms-with-formee-css-framework/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML5 CSS Framework &#8211; LessFramework</title>
		<link>http://www.blogreign.com/html5-css-framework-lessframework/</link>
		<comments>http://www.blogreign.com/html5-css-framework-lessframework/#comments</comments>
		<pubDate>Tue, 02 Mar 2010 17:45:54 +0000</pubDate>
		<dc:creator>Wallace</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS framework]]></category>
		<category><![CDATA[html5]]></category>

		<guid isPermaLink="false">http://www.blogreign.com/?p=1517</guid>
		<description><![CDATA[Developed and maintained by web designer Joni Korpi, Less Framework is a new generation CSS framework that is built perfectly for any web browser such as Chrome, Safari 3.0+, Firefox 3.0+ and Internet Explorer 7+, and any device including the Apple iPhone and iPad. It&#8217;s a lightweight CSS framework for building flexible multi-column website layouts. [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.blogreign.com/wp-content/uploads/2010/03/less-framework.png" alt="" title="less framework" width="450" height="270" class="alignnone size-full wp-image-1518" /></p>
<p>Developed and maintained by web designer <a href="http://www.jonikorpi.com/" target="_blank">Joni Korpi</a>, <a href="http://lessframework.com/" target="_blank">Less Framework</a> is a new generation CSS framework that is built perfectly for any web browser such as Chrome, Safari 3.0+, Firefox 3.0+ and Internet Explorer 7+, and any device including the Apple iPhone and <a href="http://www.amazon.com/gp/redirect.html?ie=UTF8&#038;location=http%3A%2F%2Fwww.amazon.com%2Fs%3Fie%3DUTF8%26redirect%3Dtrue%26ref_%3Dsr%5Fnr%5Fn%5F1%26keywords%3Dapple%2520ipad%2520tablet%26bbn%3D493964%26qid%3D1267544893%26rnid%3D493964%26rh%3Dn%253A172282%252Ck%253Aapple%2520ipad%2520tablet%252Cn%253A%2521493964%252Cn%253A541966&#038;tag=thblre-20&#038;linkCode=ur2&#038;camp=1789&#038;creative=390957" target="_blank">iPad</a>. It&#8217;s a lightweight <a href="http://www.blogreign.com/tag/css-framework/">CSS framework</a> for building flexible multi-column website layouts. LESS contains an eight-column grid optimized for a line-height of 24px, and a set of typography presets based on the <a href="http://en.wikipedia.org/wiki/Golden_ratio" target="_blank">golden ratio</a> that fit into the grid&#8217;s vertical rhythm. Webpage can collapse automatically into a single column in old browsers and on small width screens. LESS CSS framework requires a single.css, multi.css, HTML5.js and switcher.js to function. <a href="http://lessframework.com/less-framework-1.0.zip" target="_blank">Download Less Framework 1.0</a>.</p>
<ul>
<li><a href="http://lessframework.com/" target="_blank">http://lessframework.com/</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.blogreign.com/html5-css-framework-lessframework/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>EZ-CSS: Simple, Lightweight and Flexible CSS Framework</title>
		<link>http://www.blogreign.com/ez-css-simple-lightweight-and-flexible-css-framework/</link>
		<comments>http://www.blogreign.com/ez-css-simple-lightweight-and-flexible-css-framework/#comments</comments>
		<pubDate>Fri, 26 Feb 2010 02:18:40 +0000</pubDate>
		<dc:creator>Wallace</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS framework]]></category>
		<category><![CDATA[ez-css]]></category>

		<guid isPermaLink="false">http://www.blogreign.com/2010/02/ez-css-simple-lightweight-and-flexible-css-framework/</guid>
		<description><![CDATA[EZ-CSS is a simple, lightweight (1kb only) and flexible CSS Framework for complex table-less layouts and rapid prototyping. EZ-CSS lets you apply any width you want to containers and gutters for building any type of CSS layouts. It&#8217;s a easy-to-use CSS framework for creating browser-friendly CSS layouts for your websites. When using EZ-CSS framework, you [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.blogreign.com/wp-content/uploads/2010/02/ez-css.png" alt="" title="ez-css" width="450" height="247" class="alignnone size-full wp-image-1476" /></p>
<p><a href="http://www.ez-css.org/" target="_blank">EZ-CSS</a> is a simple, lightweight (1kb only) and flexible CSS Framework for complex table-less layouts and rapid prototyping. EZ-CSS lets you apply any width you want to containers and gutters for building any type of <a href="http://www.blogreign.com/category/css/">CSS</a> layouts. It&#8217;s a easy-to-use <a href="http://www.blogreign.com/tag/css-framework/">CSS framework</a> for creating browser-friendly CSS layouts for your websites. When using EZ-CSS framework, you are not bound to a grid but it allows you create multiple columns of any width, with or without gutters of any width. EZ-CSS has a very small footprint (only 915 bytes) for a fast download time, and it&#8217;s also framework agnostic that integrates well with any other style sheet. Rounding issues, rounding errors, and collapsing margin across all containers are all prevented. EZ-CSS is an open source CSS framework and available for <a href="http://www.ez-css.org/downloads" target="_blank">download</a>.</p>
<ul>
<li><a href="http://www.ez-css.org/" target="_blank">http://www.ez-css.org/</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.blogreign.com/ez-css-simple-lightweight-and-flexible-css-framework/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Elasticss: Elastic CSS Framework</title>
		<link>http://www.blogreign.com/elasticss-elastic-css-framework/</link>
		<comments>http://www.blogreign.com/elasticss-elastic-css-framework/#comments</comments>
		<pubDate>Mon, 13 Jul 2009 14:31:44 +0000</pubDate>
		<dc:creator>Wallace</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS framework]]></category>

		<guid isPermaLink="false">http://www.blogreign.com/?p=572</guid>
		<description><![CDATA[CSS frameworks are the consequence of repeated ready-made Cascading Style Sheets library that helps designers and developers get faster for designing and outlaying a webpage. Elastic CSS Framework is a simple CSS framework to layout web-based interfaces for creating elastic, fixed and liquid layouts with various column layout. It based on the printed layout techniques [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.blogreign.com/wp-content/uploads/2009/07/Elastic-CSS-Framework.png" alt="Elastic CSS Framework" title="Elastic CSS Framework" width="450" height="111" class="alignnone size-full wp-image-574" /></p>
<p>CSS frameworks are the consequence of repeated ready-made <a href="http://www.blogreign.com/category/css/">Cascading Style Sheets</a> library that helps designers and developers get faster for designing and outlaying a webpage. <a href="http://elasticss.com/" target="_blank">Elastic CSS Framework</a> is a simple CSS framework to layout web-based interfaces for creating elastic, fixed and liquid layouts with various column layout. It based on the printed layout techniques of 4 columns but with capabilities to unlimited column combinations.</p>
<ul>
<li>Elastic CSS Framework defines a declarative language to make layouts;</li>
<li>A freestyle framework you can mix and nest any number of columns, you can even mix any number of columns, fixed-columns, and elastic-columns;</li>
<li>Provides a set of helper classes, to accomplish hard things by pure CSS like: same-height, full-width, and vertical-center;</li>
<li>You can mix classes to accomplish complex layouts like elastic header and footer, fixed width content.</li>
<li><a href="http://elasticss.com/">http://elasticss.com/</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.blogreign.com/elasticss-elastic-css-framework/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

