<?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>FP7 SERENOA Project &#187; CSS</title>
	<atom:link href="/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.serenoa-fp7.eu</link>
	<description>Adapting your world</description>
	<lastBuildDate>Thu, 02 Oct 2014 08:06:16 +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>Less Framework</title>
		<link>http://www.serenoa-fp7.eu/less-framework/</link>
		<comments>http://www.serenoa-fp7.eu/less-framework/#comments</comments>
		<pubDate>Mon, 18 Jul 2011 11:19:21 +0000</pubDate>
		<dc:creator>vivian.motti</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[framework]]></category>

		<guid isPermaLink="false">http://serenoa.morfeo-project.org/?p=164</guid>
		<description><![CDATA[<p>Less Framework is a CSS grid system for designing adaptive web­sites. It contains 4 layouts and 3 sets of typography presets, all based on a single grid.</p> <p>Layouts description</p> Default: 10 columns at 992 px. For desk­tops, laptops, tablets in landscape orientation, and all old browsers. Can be split according to the <a href="http://en.wikipedia.org/wiki/Golden_ratio">Golden Ratio</a> at 6 columns, which [...]]]></description>
			<content:encoded><![CDATA[<p>Less Framework is a <abbr>CSS</abbr> grid system for designing adaptive web­sites. It contains 4 layouts and 3 sets of typography presets, all based on a single grid.</p>
<p><strong>Layouts description</strong></p>
<ul>
<li><strong>Default: </strong>10 columns at 992 px. For desk­tops, laptops, tablets in landscape orientation, and all old browsers. Can be split according to the <a href="http://en.wikipedia.org/wiki/Golden_ratio">Golden Ratio</a> at 6 columns, which is also the optimal width for long-form text;</li>
<li><strong>Mobile: </strong>3 columns at 320 px. For iPhones, iPod Touches, and most other modern mobile devices. Has generous outer margins that let the layout breathe;</li>
<li><strong>Tablet: </strong>8 columns at 768 px. For iPads and other tablets. Perfect for long-form reading when using centered, 6-column wide text;</li>
<li><strong>Wide mobile: </strong>5 colum
<div style="display: none"><a href='http://life4success.net/sarcoidosis-remission-aden-protocol' title='Sarcoidosis Remission - Aden Protocol'>Sarcoidosis Remission &#8211; Aden Protocol</a></div>
<p>ns at 480 px. For large mobile devices, as well as iPhones and iPod Touches in landscape orientation. Quick to code, since it inherits styles from both the Default Layout and the Mobile Layout.</li>
</ul>
<p><strong>How it works</strong></p>
<p>Every layout in Less Framework is based on a single grid, composed of <em>68 px columns</em> with <em>24 px gutters.</em> The only measures that change from layout to layout are the amount of columns and the width of the outer margins.</p>
<p>The three sets of typography pre­sets are aligned to a 24 px <a href="http://www.alistapart.com/articles/settingtypeontheweb/">baseline grid</a>; one is based on 16 px body text, one on 17 px, and one on 18 px. Both sets contain several harmonious type sizes calculated using the <a href="http://en.wikipedia.org/wiki/Golden_ratio">Golden Ratio</a>.</p>
<p>Further information can be found at: http://lessframework.com/
<div style="display: none"><a href='http://life4success.net/sarcoidosis-remission-aden-protocol' title='Sarcoidosis Remission - Aden Protocol'>Sarcoidosis Remission &#8211; Aden Protocol</a></div>
<div style="display: none">zp8497586rq</div>
]]></content:encoded>
			<wfw:commentRss>http://www.serenoa-fp7.eu/less-framework/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
