<?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>&#60;Code Zen /&#62; &#187; design</title>
	<atom:link href="http://www.code-zen.net/tag/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.code-zen.net</link>
	<description>Peter Anselmo&#039;s Home on the Web</description>
	<lastBuildDate>Wed, 12 Oct 2011 01:11:59 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>The Zen of CSS Design</title>
		<link>http://www.code-zen.net/2008/the-zen-of-css-design/</link>
		<comments>http://www.code-zen.net/2008/the-zen-of-css-design/#comments</comments>
		<pubDate>Sun, 07 Dec 2008 23:13:57 +0000</pubDate>
		<dc:creator>Peter Anselmo</dc:creator>
				<category><![CDATA[Book Reviews]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://code-zen.net/?p=127</guid>
		<description><![CDATA[I recently finished The Zen of CSS Design. The book has a good display of creative website designs, and it&#8217;s good for providing inspiration. It organizes the content in an interesting way, where each chapter focuses on a single aspect of desgn: ie, layout, imagery, typography, etc.  Within each chapter, individual designs are dissected and [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_128" class="wp-caption alignleft" style="width: 150px"><a href="http://www.amazon.com/Zen-CSS-Design-Visual-Enlightenment/dp/0321303474" target="_blank"><img class="size-thumbnail wp-image-128" title="The Zen of CSS Design" src="http://code-zen.net/wp-content/uploads/2008/12/0321303474-150x150.jpg" alt="The Zen of CSS Design" width="140" height="140" /></a><p class="wp-caption-text">The Zen of CSS Design</p></div>
<p>I recently finished <em>The Zen of CSS Design</em>. The book has a good display of creative website designs, and it&#8217;s good for providing inspiration. It organizes the content in an interesting way, where each chapter focuses on a single aspect of desgn: ie, layout, imagery, typography, etc.  Within each chapter, individual designs are dissected and evaluated as they apply to these design principles.</p>
<p>Unfortunately, I found much of the text to be cheesy and repetitive, not unlike what you would stick in a history paper to reach the word count your teacher asked for.  The author is at times ambiguous, and at other times attempts to wax poetic.</p>
<p>It suffers from an identity crisis that many web books do: It moves too fast for the beginner, and re-hashes the basics too much for the experienced. Myself being in the latter camp, and my eyes start to glaze over when I read how to use a &#8220;background-image&#8221; or &#8220;border&#8221; property.</p>
<p>Also, with many CSS books, it fails to acknowledge when compromises are necessary. There are times when it&#8217;s just plain better to use JavaScript or tables. As a working web developer with deadlines and budgets, you don&#8217;t have the luxury (burden?) of creating 10 lines of CSS and 3 divs just to avoid using a little 2 cell table.</p>
<p>Overall, I&#8217;m glad to have the book, but mostly for the eye candy rather than what it has to say.</p>
<div class="lightsocial_container"><a class="lightsocial_a" href="http://digg.com/submit?url=http%3A%2F%2Fwww.code-zen.net%2F2008%2Fthe-zen-of-css-design%2F&amp;title=The+Zen+of+CSS+Design" ><img class="lightsocial_img" src="http://www.code-zen.net/wp-content/plugins/light-social/digg.png" alt="Digg This" title="Digg This" /></a>&nbsp;&nbsp;<a class="lightsocial_a" href="http://www.reddit.com/submit?url=http%3A%2F%2Fwww.code-zen.net%2F2008%2Fthe-zen-of-css-design%2F&amp;title=The+Zen+of+CSS+Design" ><img class="lightsocial_img" src="http://www.code-zen.net/wp-content/plugins/light-social/reddit.png" alt="Reddit This" title="Reddit This" /></a>&nbsp;&nbsp;<a class="lightsocial_a" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fwww.code-zen.net%2F2008%2Fthe-zen-of-css-design%2F&amp;title=The+Zen+of+CSS+Design" ><img class="lightsocial_img" src="http://www.code-zen.net/wp-content/plugins/light-social/stumbleupon.png" alt="Stumble Now!" title="Stumble Now!" /></a>&nbsp;&nbsp;<a class="lightsocial_a" href="http://buzz.yahoo.com/buzz?targetUrl=http%3A%2F%2Fwww.code-zen.net%2F2008%2Fthe-zen-of-css-design%2F&amp;headline=The+Zen+of+CSS+Design" ><img class="lightsocial_img" src="http://www.code-zen.net/wp-content/plugins/light-social/yahoo_buzz.png" alt="Buzz This" title="Buzz This" /></a>&nbsp;&nbsp;<a class="lightsocial_a" href="http://www.dzone.com/links/add.html?title=The+Zen+of+CSS+Design&amp;url=http%3A%2F%2Fwww.code-zen.net%2F2008%2Fthe-zen-of-css-design%2F" ><img class="lightsocial_img" src="http://www.code-zen.net/wp-content/plugins/light-social/dzone.png" alt="Vote on DZone" title="Vote on DZone" /></a>&nbsp;&nbsp;<a class="lightsocial_a" href="http://www.facebook.com/sharer.php?t=The+Zen+of+CSS+Design&amp;u=http%3A%2F%2Fwww.code-zen.net%2F2008%2Fthe-zen-of-css-design%2F" ><img class="lightsocial_img" src="http://www.code-zen.net/wp-content/plugins/light-social/facebook.png" alt="Share on Facebook" title="Share on Facebook" /></a>&nbsp;&nbsp;<a class="lightsocial_a" href="http://delicious.com/save?title=The+Zen+of+CSS+Design&amp;url=http%3A%2F%2Fwww.code-zen.net%2F2008%2Fthe-zen-of-css-design%2F" ><img class="lightsocial_img" src="http://www.code-zen.net/wp-content/plugins/light-social/delicious.png" alt="Bookmark this on Delicious" title="Bookmark this on Delicious" /></a>&nbsp;&nbsp;<a class="lightsocial_a" href="http://www.dotnetkicks.com/kick/?title=The+Zen+of+CSS+Design&amp;url=http%3A%2F%2Fwww.code-zen.net%2F2008%2Fthe-zen-of-css-design%2F" ><img class="lightsocial_img" src="http://www.code-zen.net/wp-content/plugins/light-social/dotnetkicks.png" alt="Kick It on DotNetKicks.com" title="Kick It on DotNetKicks.com" /></a>&nbsp;&nbsp;<a class="lightsocial_a" href="http://dotnetshoutout.com/Submit?title=The+Zen+of+CSS+Design&amp;url=http%3A%2F%2Fwww.code-zen.net%2F2008%2Fthe-zen-of-css-design%2F" ><img class="lightsocial_img" src="http://www.code-zen.net/wp-content/plugins/light-social/dotnetshoutout.png" alt="Shout it" title="Shout it" /></a>&nbsp;&nbsp;<a class="lightsocial_a" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fwww.code-zen.net%2F2008%2Fthe-zen-of-css-design%2F&amp;title=The+Zen+of+CSS+Design&amp;summary=&amp;source=" ><img class="lightsocial_img" src="http://www.code-zen.net/wp-content/plugins/light-social/linkedin.png" alt="Share on LinkedIn" title="Share on LinkedIn" /></a>&nbsp;&nbsp;<a class="lightsocial_a" href="http://www.technorati.com/faves?add=http%3A%2F%2Fwww.code-zen.net%2F2008%2Fthe-zen-of-css-design%2F" ><img class="lightsocial_img" src="http://www.code-zen.net/wp-content/plugins/light-social/technorati.png" alt="Bookmark this on Technorati" title="Bookmark this on Technorati" /></a>&nbsp;&nbsp;<a class="lightsocial_a" href="http://twitter.com/home?status=Reading+http%3A%2F%2Fwww.code-zen.net%2F2008%2Fthe-zen-of-css-design%2F" ><img class="lightsocial_img" src="http://www.code-zen.net/wp-content/plugins/light-social/twitter.png" alt="Post on Twitter" title="Post on Twitter" /></a>&nbsp;&nbsp;<a class="lightsocial_a" href="http://www.google.com/buzz/post?url=http%3A%2F%2Fwww.code-zen.net%2F2008%2Fthe-zen-of-css-design%2F" ><img class="lightsocial_img" src="http://www.code-zen.net/wp-content/plugins/light-social/google_buzz.png" alt="Google Buzz (aka. Google Reader)" title="Google Buzz (aka. Google Reader)" /></a>&nbsp;&nbsp;</div>]]></content:encoded>
			<wfw:commentRss>http://www.code-zen.net/2008/the-zen-of-css-design/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

