<?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>Zero to One-Eighty &#187; layout</title>
	<atom:link href="http://ztoe.net/tag/layout/feed/" rel="self" type="application/rss+xml" />
	<link>http://ztoe.net</link>
	<description>by Adrian Cooke</description>
	<lastBuildDate>Tue, 31 Jan 2012 00:34:45 +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>New, new, new, all-new</title>
		<link>http://ztoe.net/feeder/?FeederAction=clicked&#038;feed=Articles+%28RSS2%29&#038;seed=http%3A%2F%2Fztoe.net%2F2010%2F01%2Fall-new%2F&#038;seed_title=New%2C+new%2C+new%2C+all-new</link>
		<comments>http://ztoe.net/feeder/?FeederAction=clicked&#038;feed=Articles+%28RSS2%29&#038;seed=http%3A%2F%2Fztoe.net%2F2010%2F01%2Fall-new%2F&#038;seed_title=New%2C+new%2C+new%2C+all-new#comments</comments>
		<pubDate>Fri, 01 Jan 2010 21:08:11 +0000</pubDate>
		<dc:creator>Adrian Cooke</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[changes]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[new]]></category>
		<category><![CDATA[theme]]></category>
		<category><![CDATA[typography]]></category>
		<category><![CDATA[versions]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[ztoe]]></category>

		<guid isPermaLink="false">http://ztoe.net/?p=2711</guid>
		<description><![CDATA[New year’s resolution: achieved!
Related posts:<ul>
<li><a href='http://ztoe.net/feeder/?FeederAction=clicked&amp;feed=Articles+%28RSS2%29&amp;seed=http%3A%2F%2Fztoe.net%2F2008%2F12%2Fgeorgia%2F&amp;seed_title=Going+all+the+way+with+Georgia' rel='bookmark' title='Going all the way with Georgia'>Going all the way with Georgia</a></li>
<li><a href='http://ztoe.net/feeder/?FeederAction=clicked&amp;feed=Articles+%28RSS2%29&amp;seed=http%3A%2F%2Fztoe.net%2F2009%2F02%2Fgrids%2F&amp;seed_title=Grids' rel='bookmark' title='Grids'>Grids</a></li>
<li><a href='http://ztoe.net/feeder/?FeederAction=clicked&amp;feed=Articles+%28RSS2%29&amp;seed=http%3A%2F%2Fztoe.net%2F2009%2F09%2Fmake-your-own%2F&amp;seed_title=Make+your+own%21' rel='bookmark' title='Make your own!'>Make your own!</a></li>
</ul>]]></description>
			<content:encoded><![CDATA[<div class="image"><img src="http://ztoe.net/wp-content/uploads/2010/01/greywater4.jpg" alt="[homepage screenshot of Greywater 4 WordPress theme]" width="500" height="708" /><br /> <small><em>Everything is new!</em> Greywater 4 WordPress theme.</small></div>
<p>One has created version 4.0 of the not-so-venerable “Greywater” WordPress theme. New layout, new feeds from external sites, FF Meta, more hubris, white background, search is back… <ins datetime="2010-01-01T23:56:23+00:00">and I even removed the border on the header image (thanks Lyds)!</ins></p>
<p><span id="more-2711"></span></p>
<p>Need to figure out what to do about images in the new default column width. For <abbr title="Cascading Style Sheet">CSS</abbr> nerds the layout is my own, largely untested version of “liquid-elastic”—it shrinks or expands to fill the screen up (or down) to a point. Works okay on Safari (Mac, iPhone), Firefox and Camino. No idea yet how it looks on PCs. I will go ahead and assume that it’s pretty much a disaster on Internet Explorer right now. Plenty to fix and fuss with, ad nauseam, over the coming weeks…</p>
<p>Oh, and um… <em>happy new year!</em></p>
<p>Related posts:<ul>
<li><a href='http://ztoe.net/feeder/?FeederAction=clicked&amp;feed=Articles+%28RSS2%29&amp;seed=http%3A%2F%2Fztoe.net%2F2008%2F12%2Fgeorgia%2F&amp;seed_title=Going+all+the+way+with+Georgia' rel='bookmark' title='Going all the way with Georgia'>Going all the way with Georgia</a></li>
<li><a href='http://ztoe.net/feeder/?FeederAction=clicked&amp;feed=Articles+%28RSS2%29&amp;seed=http%3A%2F%2Fztoe.net%2F2009%2F02%2Fgrids%2F&amp;seed_title=Grids' rel='bookmark' title='Grids'>Grids</a></li>
<li><a href='http://ztoe.net/feeder/?FeederAction=clicked&amp;feed=Articles+%28RSS2%29&amp;seed=http%3A%2F%2Fztoe.net%2F2009%2F09%2Fmake-your-own%2F&amp;seed_title=Make+your+own%21' rel='bookmark' title='Make your own!'>Make your own!</a></li>
</ul></p>]]></content:encoded>
			<wfw:commentRss>http://ztoe.net/feeder/?FeederAction=clicked&#038;feed=Articles+%28RSS2%29&#038;seed=http%3A%2F%2Fztoe.net%2F2010%2F01%2Fall-new%2F&#038;seed_title=New%2C+new%2C+new%2C+all-new/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Grids</title>
		<link>http://ztoe.net/feeder/?FeederAction=clicked&#038;feed=Articles+%28RSS2%29&#038;seed=http%3A%2F%2Fztoe.net%2F2009%2F02%2Fgrids%2F&#038;seed_title=Grids</link>
		<comments>http://ztoe.net/feeder/?FeederAction=clicked&#038;feed=Articles+%28RSS2%29&#038;seed=http%3A%2F%2Fztoe.net%2F2009%2F02%2Fgrids%2F&#038;seed_title=Grids#comments</comments>
		<pubDate>Sun, 22 Feb 2009 04:47:37 +0000</pubDate>
		<dc:creator>Adrian Cooke</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[reference]]></category>
		<category><![CDATA[structure]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[tools]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://ztoe.net/?p=883</guid>
		<description><![CDATA[Resources and love for grid systems.
Related posts:<ul>
<li><a href='http://ztoe.net/feeder/?FeederAction=clicked&amp;feed=Articles+%28RSS2%29&amp;seed=http%3A%2F%2Fztoe.net%2F2010%2F01%2Fall-new%2F&amp;seed_title=New%2C+new%2C+new%2C+all-new' rel='bookmark' title='New, new, new, all-new'>New, new, new, all-new</a></li>
<li><a href='http://ztoe.net/feeder/?FeederAction=clicked&amp;feed=Articles+%28RSS2%29&amp;seed=http%3A%2F%2Fztoe.net%2F2009%2F02%2Fthirty-one%2F&amp;seed_title=Thirty-one' rel='bookmark' title='Thirty-one'>Thirty-one</a></li>
<li><a href='http://ztoe.net/feeder/?FeederAction=clicked&amp;feed=Articles+%28RSS2%29&amp;seed=http%3A%2F%2Fztoe.net%2F2008%2F11%2Fie-unicode-freakout-boxes-css%2F&amp;seed_title=IE%2C+Unicode%2C+freakout+boxes+and+CSS' rel='bookmark' title='IE, Unicode, freakout boxes and CSS'>IE, Unicode, freakout boxes and CSS</a></li>
</ul>]]></description>
			<content:encoded><![CDATA[<div class="image"><img src="http://ztoe.net/wp-content/uploads/2009/02/jarves-grid.png" alt="[stylised layout of F8 WordPress theme]" width="500" height="500" /><br /> <small>Layout of <a href="http://graphpaperpress.com/2008/06/02/f8-lite-portfolio-theme-for-wordpress/">F8 Lite</a> by Thad Allender, used to <a href="http://jonnyj.net/m5/">dramatic effect</a> by Jonathan Jarvis</small></div>
<p>Believe it or not I used a grid tool when I made the most recent layout for this site. I can’t remember how I found <a href="http://gridlayouts.com/">ctrl+shift+g</a>, but it’s surprisingly useful for aligning elements on the page, even if said page includes (ahem) one column. It’s a JavaScript implementation of Khoi Vinh’s clever <a href="http://www.subtraction.com/2004/12/31/grid-computi">background image</a> technique.</p>
<p>More recently I came across <a href="http://www.thegridsystem.org/">The Grid System</a>, with it’s complex and highly controlled grid layout. I really like the “Show Grid” feature (top right) because it highlights horizontal as well as vertical sections. The site bills itself as “The ultimate resource in grid systems.” It’s a bold strategy, Cotton. Let’s see if it pays off for ’em. (I’m pretty sure I won’t have to star any others.)</p>
<p>Related posts:<ul>
<li><a href='http://ztoe.net/feeder/?FeederAction=clicked&amp;feed=Articles+%28RSS2%29&amp;seed=http%3A%2F%2Fztoe.net%2F2010%2F01%2Fall-new%2F&amp;seed_title=New%2C+new%2C+new%2C+all-new' rel='bookmark' title='New, new, new, all-new'>New, new, new, all-new</a></li>
<li><a href='http://ztoe.net/feeder/?FeederAction=clicked&amp;feed=Articles+%28RSS2%29&amp;seed=http%3A%2F%2Fztoe.net%2F2009%2F02%2Fthirty-one%2F&amp;seed_title=Thirty-one' rel='bookmark' title='Thirty-one'>Thirty-one</a></li>
<li><a href='http://ztoe.net/feeder/?FeederAction=clicked&amp;feed=Articles+%28RSS2%29&amp;seed=http%3A%2F%2Fztoe.net%2F2008%2F11%2Fie-unicode-freakout-boxes-css%2F&amp;seed_title=IE%2C+Unicode%2C+freakout+boxes+and+CSS' rel='bookmark' title='IE, Unicode, freakout boxes and CSS'>IE, Unicode, freakout boxes and CSS</a></li>
</ul></p>]]></content:encoded>
			<wfw:commentRss>http://ztoe.net/feeder/?FeederAction=clicked&#038;feed=Articles+%28RSS2%29&#038;seed=http%3A%2F%2Fztoe.net%2F2009%2F02%2Fgrids%2F&#038;seed_title=Grids/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Dynamic Page Served (once) in 0.307 seconds -->

