<?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>Maze of Minds &#187; Layout</title>
	<atom:link href="/tag/layout/feed/" rel="self" type="application/rss+xml" />
	<link>https://mazeofminds.com</link>
	<description>Blog About Web Design &#38; Development</description>
	<lastBuildDate>Thu, 30 Aug 2012 05:21:38 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
		<item>
		<title>Useful Online Grid making Tools for Web Designers</title>
		<link>https://mazeofminds.com/148/online-grid-making-tools/</link>
		<comments>https://mazeofminds.com/148/online-grid-making-tools/#comments</comments>
		<pubDate>Wed, 13 Jul 2011 17:45:52 +0000</pubDate>
		<dc:creator>Tomas</dc:creator>
				<category><![CDATA[Resources]]></category>
		<category><![CDATA[Layout]]></category>

		<guid isPermaLink="false">https://mazeofminds.com/?p=148</guid>
		<description><![CDATA[<p>For couple of years the grid system like 960.gs or Blueprint framework became popular tools for many web designers. But not all web projects can be done with these tools. For some projects you have to make the grid yourself. In this post I included few my favorite online grid making tools.</p> <p>1. modulargrid.org</p> <p>Modular Grid tool lets you create your grid online or you can use it directly in Adobe Photoshop via plugin. If you create you grid online... <a href="/148/online-grid-making-tools/" title="Continue Reading the Post" class="read-more-link"> Read more<span class="read-more-prep">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<div class="full-image"><img class="alignnone size-full wp-image-150" title="grid" src="/wp-content/uploads/grid.png" alt="Online Grids" width="460" height="220" /></div>
<p>For couple of years the grid system like <a title="960 Grid System" href="http://960.gs/">960.gs</a> or <a title="Blue print" href="http://www.blueprintcss.org/">Blueprint framework</a> became popular tools for many web designers. But not all web projects can be done with these tools. For some projects you have to make the grid yourself. In this post I included few my favorite online grid making tools.<span id="more-148"></span></p>
<p>1. <a title="Modular Grid" href="http://modulargrid.org/#app">modulargrid.org</a></p>
<p>Modular Grid tool lets you create your grid online or you can use it directly in Adobe Photoshop via plugin. If you create you grid online this tool offers you a few handy options like export png, Photoshop patterns and transparency mask. <em>Highly recommended, my personal favorite.</em></p>
<p>2. <a title="Netprotozo-Grid" href="http://netprotozo.com/grid/">netprotozo.com/grid/</a></p>
<p>Second best. It has png export and examples of CSS code. No extensions for graphic programs.</p>
<p>3. <a title="Gridr Buildrrr" href="http://gridr.atomeye.com/">gridr.atomeye.com</a></p>
<p>This one has a few very useful options like &#8220;show column widths&#8221; or &#8220;drag gable boxes&#8221;. Unfortunately no exports of png, Photoshop patterns and no CSS code.</p>
<p>4. <a title="29digital-grid" href="http://www.29digital.net/grid/">www.29digital.net/grid/</a></p>
<p>Very similar to previous one (&#8220;Gridr buildrrr&#8221; ), just no extra options, only grid calculator.</p>
<p>5. <a title="spry-soft-grids" href="http://www.spry-soft.com/grids/">www.spry-soft.com/grids/</a></p>
<p>Simple grid calculator with CSS code.</p>
]]></content:encoded>
			<wfw:commentRss>https://mazeofminds.com/148/online-grid-making-tools/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
