<?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>Recess Mobile Blog &#187; Web Design</title>
	<atom:link href="http://www.recessmobile.com/blog/category/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.recessmobile.com/blog</link>
	<description>SMS application development and integration</description>
	<lastBuildDate>Wed, 28 Jul 2010 16:44:41 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Fireworks Blueprint CSS template</title>
		<link>http://www.recessmobile.com/blog/fireworks-blueprint-css-template/</link>
		<comments>http://www.recessmobile.com/blog/fireworks-blueprint-css-template/#comments</comments>
		<pubDate>Tue, 13 Apr 2010 01:30:20 +0000</pubDate>
		<dc:creator>Yury</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.recessmobile.com/blog/?p=627</guid>
		<description><![CDATA[<h2>On prototyping</h2>
<p>I&#8217;ve been considering a switch to Fireworks from Photoshop and other heavy editors for mocking up layouts.</p>
<p>With many of our projects, <a href="http://37signals.com/svn/posts/1061-why-we-skip-photoshop">we&#8217;re skipping this step entirely</a>.</p>
<p>On that note, see also <a href="http://andyhoward.id.au/2010/01/04/mockups-with-markup-using-blueprint-to-sketch-in-code/">Mockups with markup – Using Blueprint to sketch in code</a> and Meagan Fisher&#8217;s fantastic piece, <a href="http://24ways.org/2009/make-your-mockup-in-markup">Make Your Mockup in Markup</a>. For the Ruby-inclined, there&#8217;s a nice writeup on prototyping workflow, <a href="http://jgn.heroku.com/2010/02/28/rapid-prototyping-with-haml-sass-and-ruby/">Rapid prototyping with HAML, SASS and Ruby</a>, by the skilled UI designer <a href="http://jgn.me/">Jérôme Gravel-Niquet</a>.</p>
<p><a href="http://www.recessmobile.com/blog/fireworks-blueprint-css-template/" class="more-link">Read more on Fireworks Blueprint CSS template&#8230;</a></p>
]]></description>
			<content:encoded><![CDATA[<h2>On prototyping</h2>
<p>I&#8217;ve been considering a switch to Fireworks from Photoshop and other heavy editors for mocking up layouts.</p>
<p>With many of our projects, <a href="http://37signals.com/svn/posts/1061-why-we-skip-photoshop">we&#8217;re skipping this step entirely</a>.</p>
<p>On that note, see also <a href="http://andyhoward.id.au/2010/01/04/mockups-with-markup-using-blueprint-to-sketch-in-code/">Mockups with markup – Using Blueprint to sketch in code</a> and Meagan Fisher&#8217;s fantastic piece, <a href="http://24ways.org/2009/make-your-mockup-in-markup">Make Your Mockup in Markup</a>. For the Ruby-inclined, there&#8217;s a nice writeup on prototyping workflow, <a href="http://jgn.heroku.com/2010/02/28/rapid-prototyping-with-haml-sass-and-ruby/">Rapid prototyping with HAML, SASS and Ruby</a>, by the skilled UI designer <a href="http://jgn.me/">Jérôme Gravel-Niquet</a>.</p>
<p>That said, and even considering the pain of iterating mockups in a graphics editor, I still turn to them. Maybe I&#8217;m stuck in my ways. Maybe it&#8217;s just more fun.</p>
<h2>The Fireworks Blueprint template</h2>
<p>A <a href="http://www.blueprintcss.org/">Blueprint</a> template was noticeably absent from the Fireworks arsenal (odd, because there&#8217;s <a href="http://mockupstogo.net/blueprint-css-grid">even one for Balsamiq</a>), so borrowing from the <a href="http://konigi.com/tools/photoshop-template-blueprint-css-comps">Photoshop template released by Konigi</a>, I put a template together. It has vertical and horizontal guides and zebra-striped columns from the Photoshop template. Hope you find it useful.</p>
<p><strong><a href="http://dl.dropbox.com/u/225019/fireworks-blueprint-template.png">Click to pull the full size image, which is the proper 24 columns across.</a></strong></p>
<p><a href="http://dl.dropbox.com/u/225019/fireworks-blueprint-template.png"><img class="alignnone" title="Fireworks Blueprint CSS Template" src="http://dl.dropbox.com/u/225019/fireworks-blueprint-template.png" alt="Fireworks Blueprint CSS Template" width="950" height="720" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.recessmobile.com/blog/fireworks-blueprint-css-template/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Multi-color typography</title>
		<link>http://www.recessmobile.com/blog/multi-color-typography/</link>
		<comments>http://www.recessmobile.com/blog/multi-color-typography/#comments</comments>
		<pubDate>Wed, 24 Dec 2008 09:36:00 +0000</pubDate>
		<dc:creator>Yury</dc:creator>
				<category><![CDATA[Random Thoughts]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[typography]]></category>

		<guid isPermaLink="false">http://holmesblog.com/?p=3</guid>
		<description><![CDATA[<p>I suppose this is an odd way to lead off a blog ostensibly on text messaging, but we did have mildly relevant posts before I burned them in a Wordpress upgrade.</p>
<p><a href="http://www.recessmobile.com/blog/multi-color-typography/" class="more-link">Read more on Multi-color typography&#8230;</a></p>
]]></description>
			<content:encoded><![CDATA[<p>I suppose this is an odd way to lead off a blog ostensibly on text messaging, but we did have mildly relevant posts before I burned them in a Wordpress upgrade.</p>
<p>Onwards: a friend challenged me on my apparent loathing of all things variegated. I brushed it off, but it gnawed at me and I realized I&#8217;m not sufficiently open-minded when it comes to type. Not everything can be black, white and Helvetica.</p>
<p>I&#8217;m afraid that I don&#8217;t have the sources for these images, so if you spot them, please do leave a comment here or on Flickr. Alternatively, if you see a reason to pull them down, please do the same.</p>
<h2>Examples of type in rainbow colors:</h2>
<p>[flickr album=72157611578499310 num=30 size=Thumbnail]</p>
<p><strong>Rainbow graphics:</strong></p>
<p>[flickr album=72157611578499300 num=30 size=Thumbnail]</p>
<p><strong>And some related posts on Abduzeedo:</strong></p>
<p><a href="http://abduzeedo.com/inspiration-archan-nair-badam-pista">http://abduzeedo.com/inspiration-archan-nair-badam-pista</a>, <a href="http://abduzeedo.com/super-cool-abstract-vectors-illustrator-and-photoshop">http://abduzeedo.com/super-cool-abstract-vectors-illustrator-and-photoshop</a>, <a href="http://abduzeedo.com/awesome-floral-type-fireworks-and-photoshop-5-minutes">http://abduzeedo.com/awesome-floral-type-fireworks-and-photoshop-5-minutes</a>, <a href="http://abduzeedo.com/clever-logos">http://abduzeedo.com/clever-logos</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.recessmobile.com/blog/multi-color-typography/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
