<?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"
	>

<channel>
	<title>WebHelperMagazine.com &#187; CSS Concepts &amp; Design Principles in the Zen Garden | WebHelperMagazine.com</title>
	<atom:link href="http://webhelpermagazine.com/category/learning-css/feed" rel="self" type="application/rss+xml" />
	<link>http://www.webhelpermagazine.com</link>
	<description>BlogMaster Techniques and Social Media Matters</description>
	<pubDate>Mon, 25 Aug 2008 16:45:00 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.6</generator>
	<language>en</language>
			<item>
		<title>CSS Concepts &#38; Design Principles in the Zen Garden</title>
		<link>http://www.webhelpermagazine.com/2008/04/css-concepts-design-principles-in-the-zen-garden/</link>
		<comments>http://www.webhelpermagazine.com/2008/04/css-concepts-design-principles-in-the-zen-garden/#comments</comments>
		<pubDate>Sat, 12 Apr 2008 15:30:43 +0000</pubDate>
		<dc:creator>Scott Frangos</dc:creator>
		
		<category><![CDATA[Learning CSS]]></category>

		<category><![CDATA[OS WebMaster]]></category>

		<category><![CDATA[articles]]></category>

		<category><![CDATA[background]]></category>

		<category><![CDATA[benefit]]></category>

		<category><![CDATA[blog categories]]></category>

		<category><![CDATA[code]]></category>

		<category><![CDATA[coding]]></category>

		<category><![CDATA[color]]></category>

		<category><![CDATA[colors]]></category>

		<category><![CDATA[column]]></category>

		<category><![CDATA[content]]></category>

		<category><![CDATA[copy]]></category>

		<category><![CDATA[CSS]]></category>

		<category><![CDATA[css design]]></category>

		<category><![CDATA[css structure]]></category>

		<category><![CDATA[css zen garden]]></category>

		<category><![CDATA[dave shea]]></category>

		<category><![CDATA[design]]></category>

		<category><![CDATA[develop]]></category>

		<category><![CDATA[developers]]></category>

		<category><![CDATA[development]]></category>

		<category><![CDATA[divs]]></category>

		<category><![CDATA[element]]></category>

		<category><![CDATA[elements]]></category>

		<category><![CDATA[error]]></category>

		<category><![CDATA[extensible]]></category>

		<category><![CDATA[extension]]></category>

		<category><![CDATA[extensions]]></category>

		<category><![CDATA[firefox]]></category>

		<category><![CDATA[frangos]]></category>

		<category><![CDATA[graphic]]></category>

		<category><![CDATA[graphic design principles]]></category>

		<category><![CDATA[graphics]]></category>

		<category><![CDATA[headlines]]></category>

		<category><![CDATA[hosting]]></category>

		<category><![CDATA[html]]></category>

		<category><![CDATA[illustrations]]></category>

		<category><![CDATA[image]]></category>

		<category><![CDATA[images]]></category>

		<category><![CDATA[install]]></category>

		<category><![CDATA[layout]]></category>

		<category><![CDATA[links]]></category>

		<category><![CDATA[look]]></category>

		<category><![CDATA[magazine]]></category>

		<category><![CDATA[master]]></category>

		<category><![CDATA[optimization]]></category>

		<category><![CDATA[optimizing]]></category>

		<category><![CDATA[page]]></category>

		<category><![CDATA[photo]]></category>

		<category><![CDATA[principles]]></category>

		<category><![CDATA[program]]></category>

		<category><![CDATA[programming principles]]></category>

		<category><![CDATA[right]]></category>

		<category><![CDATA[search]]></category>

		<category><![CDATA[separator]]></category>

		<category><![CDATA[Series]]></category>

		<category><![CDATA[sheet]]></category>

		<category><![CDATA[site]]></category>

		<category><![CDATA[sites]]></category>

		<category><![CDATA[source]]></category>

		<category><![CDATA[standards]]></category>

		<category><![CDATA[stunning website design]]></category>

		<category><![CDATA[style]]></category>

		<category><![CDATA[styles]]></category>

		<category><![CDATA[themes]]></category>

		<category><![CDATA[tools]]></category>

		<category><![CDATA[validate]]></category>

		<category><![CDATA[validated]]></category>

		<category><![CDATA[validator]]></category>

		<category><![CDATA[vertical]]></category>

		<category><![CDATA[web]]></category>

		<category><![CDATA[Web Developer]]></category>

		<category><![CDATA[web standards]]></category>

		<category><![CDATA[webmaster]]></category>

		<category><![CDATA[webmasters]]></category>

		<category><![CDATA[website]]></category>

		<category><![CDATA[websites]]></category>

		<category><![CDATA[world class designers]]></category>

		<category><![CDATA[XML]]></category>

		<guid isPermaLink="false">http://www.webhelpermagazine.com/?p=677</guid>
		<description><![CDATA[by Scott Frangos
<div style="12px;">
<a href="http://www.webhelpermagazine.com/category/uncategorized/learning-css/"><img src="http://webhelpermagazine.com/wp-content/uploads/2007/12/lrngcsslogo.png" alt="Learning about CSS at WebHelperMagazine.com" width="120" border="1" /></a>
</div>
<p>
 <span style="#ff8000">In this Lesson we'll look at the CSS structure of an excellent site design in the CSS Zen Garden. You can follow along using the Web Developer Firefox extension which will help us reveal the hidden structure of the design.</span></p>
<a href='http://www.webhelpermagazine.com/wp-content/uploads/2008/04/zengardn.png'></a> <div class="pgee-read-more"><a href="http://www.webhelpermagazine.com/2008/04/css-concepts-design-principles-in-the-zen-garden/">Continue reading</a></div>]]></description>
		<wfw:commentRss>http://www.webhelpermagazine.com/2008/04/css-concepts-design-principles-in-the-zen-garden/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Using the “Box Model” to Create a Layout with Columns</title>
		<link>http://www.webhelpermagazine.com/2007/12/using-the-box-model-for-column-layouts/</link>
		<comments>http://www.webhelpermagazine.com/2007/12/using-the-box-model-for-column-layouts/#comments</comments>
		<pubDate>Wed, 19 Dec 2007 20:12:58 +0000</pubDate>
		<dc:creator>Scott Frangos</dc:creator>
		
		<category><![CDATA[Learning CSS]]></category>

		<category><![CDATA[OS WebMaster]]></category>

		<category><![CDATA[Online Business]]></category>

		<category><![CDATA[Web Help]]></category>

		<category><![CDATA[closing]]></category>

		<category><![CDATA[code]]></category>

		<category><![CDATA[coding]]></category>

		<category><![CDATA[color]]></category>

		<category><![CDATA[colors]]></category>

		<category><![CDATA[csss]]></category>

		<category><![CDATA[developers]]></category>

		<category><![CDATA[development]]></category>

		<category><![CDATA[elements]]></category>

		<category><![CDATA[extensible]]></category>

		<category><![CDATA[extension]]></category>

		<category><![CDATA[extensions]]></category>

		<category><![CDATA[firefox]]></category>

		<category><![CDATA[fixed]]></category>

		<category><![CDATA[formats]]></category>

		<category><![CDATA[graphic]]></category>

		<category><![CDATA[graphics]]></category>

		<category><![CDATA[illustrations]]></category>

		<category><![CDATA[layout]]></category>

		<category><![CDATA[s]]></category>

		<category><![CDATA[separator]]></category>

		<category><![CDATA[Series]]></category>

		<category><![CDATA[sheet]]></category>

		<category><![CDATA[source]]></category>

		<category><![CDATA[style]]></category>

		<category><![CDATA[styles]]></category>

		<category><![CDATA[tables]]></category>

		<category><![CDATA[tinderbox]]></category>

		<category><![CDATA[tools]]></category>

		<category><![CDATA[tutorial]]></category>

		<category><![CDATA[webmaster]]></category>

		<category><![CDATA[webmasters]]></category>

		<guid isPermaLink="false">http://webhelpermagazine.com/2007/12/using-the-%e2%80%9cbox-model%e2%80%9d-to-create-a-layout-with-columns/</guid>
		<description><![CDATA[<div style="float: left; margin: 12px;">
<a href="http://www.webhelpermagazine.com/category/uncategorized/learning-css/"><img src="http://webhelpermagazine.com/wp-content/uploads/2007/12/lrngcsslogo.png" alt="Learning about CSS at WebHelperMagazine.com" width="120"  border="1" /></a>
</div>
 <span style="color: #ff8000">In this Lesson we will review the CSS Box Model and see how it is used to create an attractive column style layout with no tables involved. You can download and use the template discussed here, in your own work. </span>
<p>
<img src='http://webhelpermagazine.com/wp-content/uploads/2007/12/css2overview.png' alt='css2overview.png' />

<h3>Understanding the CSS Box Model</h3>

<div style="float: right; margin: 12px;"></div> <div class="pgee-read-more"><a href="http://www.webhelpermagazine.com/2007/12/using-the-box-model-for-column-layouts/">Continue reading</a></div></p>]]></description>
		<wfw:commentRss>http://www.webhelpermagazine.com/2007/12/using-the-box-model-for-column-layouts/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Learning CSS: Understanding &#8220;Columns&#8221;</title>
		<link>http://www.webhelpermagazine.com/2007/10/learning-css-understanding-columns/</link>
		<comments>http://www.webhelpermagazine.com/2007/10/learning-css-understanding-columns/#comments</comments>
		<pubDate>Fri, 19 Oct 2007 21:43:44 +0000</pubDate>
		<dc:creator>Scott Frangos</dc:creator>
		
		<category><![CDATA[Learning CSS]]></category>

		<category><![CDATA[OS WebMaster]]></category>

		<category><![CDATA[Web Help]]></category>

		<category><![CDATA[articles]]></category>

		<category><![CDATA[background]]></category>

		<category><![CDATA[block level elements]]></category>

		<category><![CDATA[code]]></category>

		<category><![CDATA[coding]]></category>

		<category><![CDATA[column]]></category>

		<category><![CDATA[column layout]]></category>

		<category><![CDATA[column website]]></category>

		<category><![CDATA[css elements]]></category>

		<category><![CDATA[design]]></category>

		<category><![CDATA[develop]]></category>

		<category><![CDATA[developers]]></category>

		<category><![CDATA[development]]></category>

		<category><![CDATA[divs]]></category>

		<category><![CDATA[editor]]></category>

		<category><![CDATA[extension]]></category>

		<category><![CDATA[firefox]]></category>

		<category><![CDATA[fixed]]></category>

		<category><![CDATA[frangos]]></category>

		<category><![CDATA[graphic]]></category>

		<category><![CDATA[graphics]]></category>

		<category><![CDATA[html]]></category>

		<category><![CDATA[install]]></category>

		<category><![CDATA[intermediate level]]></category>

		<category><![CDATA[layout]]></category>

		<category><![CDATA[layout style]]></category>

		<category><![CDATA[links]]></category>

		<category><![CDATA[page layout]]></category>

		<category><![CDATA[plug-in]]></category>

		<category><![CDATA[program]]></category>

		<category><![CDATA[s]]></category>

		<category><![CDATA[Series]]></category>

		<category><![CDATA[site]]></category>

		<category><![CDATA[sites]]></category>

		<category><![CDATA[source]]></category>

		<category><![CDATA[style]]></category>

		<category><![CDATA[styles]]></category>

		<category><![CDATA[tags]]></category>

		<category><![CDATA[template]]></category>

		<category><![CDATA[tinderbox]]></category>

		<category><![CDATA[tools]]></category>

		<category><![CDATA[tutorial]]></category>

		<category><![CDATA[tutorial series]]></category>

		<category><![CDATA[web]]></category>

		<category><![CDATA[Web Developer]]></category>

		<category><![CDATA[webmaster]]></category>

		<category><![CDATA[webmasters]]></category>

		<category><![CDATA[website]]></category>

		<category><![CDATA[websites]]></category>

		<guid isPermaLink="false">http://webhelpermagazine.com/?p=116</guid>
		<description><![CDATA[<div style="float: left; margin: 12px;">
<a href="http://www.webhelpermagazine.com/category/uncategorized/learning-css/"><img src="http://webhelpermagazine.com/wp-content/uploads/2007/12/lrngcsslogo.png" alt="Learning about CSS at WebHelperMagazine.com" width="120"  border="1" /></a>
</div>
<span style="color: #ff8000">"Learning CSS" is a tutorial series is for webmasters who are making the transition from straight HTML, or for those who already know CSS a bit and want to hone their skills. It is also categorized at WebHelperMagazine.com under the column, "The Open Source WebMaster."</span>

<h1>Understanding the "Blueprint" for a 3 over 4 column</h1> <div class="pgee-read-more"><a href="http://www.webhelpermagazine.com/2007/10/learning-css-understanding-columns/">Continue reading</a></div>]]></description>
		<wfw:commentRss>http://www.webhelpermagazine.com/2007/10/learning-css-understanding-columns/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
