<?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>Josef Müller-Brockmann &#187; Web Design</title>
	<atom:link href="http://www.josef-muller-brockmann.net/category/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.josef-muller-brockmann.net</link>
	<description>Grid Design and the Creative Arts</description>
	<lastBuildDate>Mon, 08 Nov 2010 22:16:38 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>Helvetireader</title>
		<link>http://www.josef-muller-brockmann.net/2010/07/helvetireader/</link>
		<comments>http://www.josef-muller-brockmann.net/2010/07/helvetireader/#comments</comments>
		<pubDate>Thu, 29 Jul 2010 11:01:02 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Data Visualisation]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Helvetica]]></category>
		<category><![CDATA[Swiss]]></category>
		<category><![CDATA[Utilities]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Jon Hicks]]></category>

		<guid isPermaLink="false">http://josef-muller-brockmann.net/?p=317</guid>
		<description><![CDATA[Helvetireader is a minimal, anti-social theme for Google Reader which uses a hosted user stylesheet for Google Reader served via a user-script. It aims to make the interface a clean, minimal experience where you&#8217;re not assaulted by an array of colours, social features and buttons  &#8230; <a href="http://www.josef-muller-brockmann.net/2010/07/helvetireader/" class="more-link">Read More <span class="excerpt-arrow">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img alt="" src="/wp-content/uploads/2010/07/hr.png" title="Helvetireader" class="alignleft" width="300" /><a href="http://helvetireader.com/" title="Helvetireader">Helvetireader</a> is a minimal, anti-social theme for Google Reader which uses a hosted user stylesheet for Google Reader served via a user-script. It aims to make the interface a clean, minimal experience where you&#8217;re not assaulted by an array of colours, social features and buttons (using Shortcuts instead). It&#8217;s designed for people who just read the latest entries in expanded view without all the other gubbins.</p>
<p>Helvetireader has been developed by <a href="http://hicksdesign.co.uk/goodies/" title="Jon Hicks">Jon Hicks</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.josef-muller-brockmann.net/2010/07/helvetireader/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The 960 Grid System Made Easy</title>
		<link>http://www.josef-muller-brockmann.net/2010/07/the-960-grid-system-made-easy/</link>
		<comments>http://www.josef-muller-brockmann.net/2010/07/the-960-grid-system-made-easy/#comments</comments>
		<pubDate>Tue, 20 Jul 2010 12:14:13 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Education]]></category>
		<category><![CDATA[Grid Design]]></category>
		<category><![CDATA[Utilities]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Joshua Johnson]]></category>
		<category><![CDATA[six revisions]]></category>

		<guid isPermaLink="false">http://josef-muller-brockmann.net/?p=313</guid>
		<description><![CDATA[For those of you that are interested in &#8216;playing&#8217; with a grid system framework for web design, but aren&#8217;t really sure how to use 960gs, you&#8217;d be wise to take a look at this great little 960gs tutorial by Joshua Johnson of Six Revisions.]]></description>
			<content:encoded><![CDATA[<p><img alt="" src="/wp-content/uploads/2010/07/960gs.jpeg" title="960 Grid System" class="alignleft" width="150" />For those of you that are interested in &#8216;playing&#8217; with a grid system framework for web design, but aren&#8217;t really sure how to use 960gs, you&#8217;d be wise to take a look at this great little <a href="http://sixrevisions.com/web_design/the-960-grid-system-made-easy/">960gs tutorial</a> by Joshua Johnson of Six Revisions.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.josef-muller-brockmann.net/2010/07/the-960-grid-system-made-easy/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Grid-based Expression Engine Themes</title>
		<link>http://www.josef-muller-brockmann.net/2010/07/expression-engine-themes/</link>
		<comments>http://www.josef-muller-brockmann.net/2010/07/expression-engine-themes/#comments</comments>
		<pubDate>Sun, 18 Jul 2010 23:01:31 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Grid Design]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[LIM]]></category>
		<category><![CDATA[starter fluid]]></category>

		<guid isPermaLink="false">http://josef-muller-brockmann.net/?p=304</guid>
		<description><![CDATA[If you&#8217;ve been looking for a quick way to get some of the well-known grid-based frameworks, such as Blueprint and 960gs, into your Expression Engine installation, it might be worth taking a look at the useful tool created by Nick Johnson of LIM, who says:  &#8230; <a href="http://www.josef-muller-brockmann.net/2010/07/expression-engine-themes/" class="more-link">Read More <span class="excerpt-arrow">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img alt="" src="http://josef-muller-brockmann.net/wp-content/uploads/2010/07/expression%20engine%20themes.png" title="Expression Engine Themes" class="alignleft" width="819" height="421" />If you&#8217;ve been looking for a quick way to get some of the well-known grid-based frameworks, such as <a href="http://www.blueprintcss.org/">Blueprint</a> and <a href="http://960.gs/" title="960 css grid system">960gs</a>, into your <a href="http://expressionengine.com/index.php?affiliate=josefmullerbrockmann">Expression Engine</a> installation, it might be worth taking a look at the <a href="http://limcollective.com/starter-fluid/">useful tool</a> created by Nick Johnson of LIM, who says:</p>
<blockquote><p>&#8220;I threw this together because I found that I was wanting to get an expression engine site up and running with some boilerplate css I could use to flesh out the design quickly. I prefer the grid based layouts, but for some simple layouts the css tinderbox works great.&#8221;</p></blockquote>
<p>It will give you a nice blank canvas to work from based on some of the most popular CSS frameworks of the moment.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.josef-muller-brockmann.net/2010/07/expression-engine-themes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WordPress Grid Theme</title>
		<link>http://www.josef-muller-brockmann.net/2010/07/wordpress-grid-theme/</link>
		<comments>http://www.josef-muller-brockmann.net/2010/07/wordpress-grid-theme/#comments</comments>
		<pubDate>Fri, 02 Jul 2010 12:44:15 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Grid Design]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://josef-muller-brockmann.net/?p=291</guid>
		<description><![CDATA[A recently added, grid-based WordPress theme, Studio 960 by Cudazi that looks quite nice and offers lots of scope for making it your own. A quick, inexpensive way of getting a clean, bold site up and running if you fancy it, too. I just thought  &#8230; <a href="http://www.josef-muller-brockmann.net/2010/07/wordpress-grid-theme/" class="more-link">Read More <span class="excerpt-arrow">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://themeforest.net/item/studio960-wordpress-by-cudazi/111595?ref=icebergcreative"><img alt="" src="http://josef-muller-brockmann.net/wp-content/uploads/2010/07/studio960.jpg" title="Studio 960 by Cudazi" class="alignleft" width="590" height="300" /></a>A recently added, <a href="http://themeforest.net/item/studio960-wordpress-by-cudazi/111595?ref=icebergcreative">grid-based WordPress theme, Studio 960</a> by Cudazi that looks quite nice and offers lots of scope for making it your own. A quick, inexpensive way of getting a clean, bold site up and running if you fancy it, too. I just thought that this kind of design might appeal to a few of my readers. </p>
]]></content:encoded>
			<wfw:commentRss>http://www.josef-muller-brockmann.net/2010/07/wordpress-grid-theme/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Applying Mathematics To Web Design</title>
		<link>http://www.josef-muller-brockmann.net/2010/02/applying-mathematics-to-web-design/</link>
		<comments>http://www.josef-muller-brockmann.net/2010/02/applying-mathematics-to-web-design/#comments</comments>
		<pubDate>Wed, 10 Feb 2010 09:46:08 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Grid Design]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Smashing Magazine]]></category>

		<guid isPermaLink="false">http://josef-muller-brockmann.net/?p=272</guid>
		<description><![CDATA[Smashing Magazine show you how to use different mathematical formulae to create a structured &#8216;grid&#8217; to your web designs. They cover the usual supsects; the Golden Ratio, but there is another Indian-based &#8216;philosophy&#8217; that I have never come across before, Kundli, which is based on  &#8230; <a href="http://www.josef-muller-brockmann.net/2010/02/applying-mathematics-to-web-design/" class="more-link">Read More <span class="excerpt-arrow">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img alt="" src="http://josef-muller-brockmann.net/wp-content/uploads/2010/02/maths-web-design.jpg" title="Space Geek" class="alignleft" width="300" />Smashing Magazine show you how to use different mathematical formulae to <a href="http://www.smashingmagazine.com/2010/02/09/applying-mathematics-to-web-design/">create a structured &#8216;grid&#8217; to your web designs</a>. They cover the usual supsects; the Golden Ratio, but there is another Indian-based &#8216;philosophy&#8217; that I have never come across before, Kundli, which is based on horoscope charts. Interesting stuff.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.josef-muller-brockmann.net/2010/02/applying-mathematics-to-web-design/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Welcome to The New AisleOne</title>
		<link>http://www.josef-muller-brockmann.net/2010/02/welcome-to-the-new-aisleone/</link>
		<comments>http://www.josef-muller-brockmann.net/2010/02/welcome-to-the-new-aisleone/#comments</comments>
		<pubDate>Tue, 02 Feb 2010 09:00:04 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Grid Design]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[aisle one]]></category>
		<category><![CDATA[Antonio Carusone]]></category>

		<guid isPermaLink="false">http://josef-muller-brockmann.net/?p=270</guid>
		<description><![CDATA[Antonio Carusone, creator of Aisle One, a resource blog focused on graphic design, typography, grid systems, minimalism and modernism, has recently wrapped the site up in a fancy new design. The new site design utilises keyboard navigation to &#8216;enhance the viewing experience&#8217; and uses the  &#8230; <a href="http://www.josef-muller-brockmann.net/2010/02/welcome-to-the-new-aisleone/" class="more-link">Read More <span class="excerpt-arrow">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img alt="" src="http://josef-muller-brockmann.net/wp-content/uploads/2010/welcome-new-aisleone.jpeg" title="Aisle One Re-design" class="alignleft" width="250"/>Antonio Carusone, creator of <a href="http://www.aisleone.net">Aisle One</a>, a resource blog focused on graphic design, typography, grid systems, minimalism and modernism, has recently wrapped the site up in a fancy new design. </p>
<p>The new site design utilises keyboard navigation to &#8216;enhance the viewing experience&#8217; and uses the up ↑ and down ↓ arrow keys to scroll through the site, which takes advantage of a nifty infinite scrolling feature. The site also has two viewing modes that can be accessed by pressing the (g) key for grid mode and the (l) key for list mode. And finally there’s a dashboard that can be opened and closed by pressing the (d) key. It contains other goodies like Twitter Hastags, inspirational links, featured articles and more.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.josef-muller-brockmann.net/2010/02/welcome-to-the-new-aisleone/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Design trends (predictions) and minimalist grid designs in 2010</title>
		<link>http://www.josef-muller-brockmann.net/2010/01/web-design-trends-2010-grid-design/</link>
		<comments>http://www.josef-muller-brockmann.net/2010/01/web-design-trends-2010-grid-design/#comments</comments>
		<pubDate>Thu, 21 Jan 2010 16:39:20 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Grid Design]]></category>
		<category><![CDATA[Opinion]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Nick La]]></category>
		<category><![CDATA[Web Designer Wall]]></category>

		<guid isPermaLink="false">http://josef-muller-brockmann.net/?p=247</guid>
		<description><![CDATA[Nick La of Web Designer Wall has posted his predictions of the way web sites will be designed in 2010. Not too many surprises in his post but it makes for an interesting read. There is a specific section on Minimalist &#038; Grid Designs where  &#8230; <a href="http://www.josef-muller-brockmann.net/2010/01/web-design-trends-2010-grid-design/" class="more-link">Read More <span class="excerpt-arrow">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://josef-muller-brockmann.net/wp-content/uploads/2010/01/Screen-shot-2010-01-21-at-4.33.09-PM.png"><img src="http://josef-muller-brockmann.net/wp-content/uploads/2010/01/Screen-shot-2010-01-21-at-4.33.09-PM-285x152.png" alt="" title="Screen shot 2010-01-21 at 4.33.09 PM" width="285" height="152" class="alignleft size-medium wp-image-248" /></a>Nick La of <a href="http://www.webdesignerwall.com/trends/design-trends-predictions-in-2010/">Web Designer Wall</a> has posted his predictions of the way web sites will be designed in 2010. Not too many surprises in his post but it makes for an interesting read.</p>
<p>There is a specific section on Minimalist &#038; Grid Designs where Nick says:</p>
<blockquote><p>Minimalist and grid designs are not today’s new. They have been popular for the past couple years and I think it will continue to grow in 2010.</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://www.josef-muller-brockmann.net/2010/01/web-design-trends-2010-grid-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>72 Rivington St.</title>
		<link>http://www.josef-muller-brockmann.net/2010/01/72-rivington-st/</link>
		<comments>http://www.josef-muller-brockmann.net/2010/01/72-rivington-st/#comments</comments>
		<pubDate>Tue, 12 Jan 2010 09:28:30 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Grid Design]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[ycn]]></category>

		<guid isPermaLink="false">http://josef-muller-brockmann.net/?p=236</guid>
		<description><![CDATA[An interesting grid design for 72 Rivington Street, London, the new physical home of YCN, a multi - purpose space comprising a public ground floor, two floors of studio and a rooftop too. The space has been designed for YCN by the Klassnik corporation, with interiors installed  &#8230; <a href="http://www.josef-muller-brockmann.net/2010/01/72-rivington-st/" class="more-link">Read More <span class="excerpt-arrow">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://josef-muller-brockmann.net/wp-content/uploads/2010/01/Screen-shot-2010-01-12-at-9.18.03-AM.png"><img src="http://josef-muller-brockmann.net/wp-content/uploads/2010/01/Screen-shot-2010-01-12-at-9.18.03-AM-285x218.png" alt="" title="Screen shot 2010-01-12 at 9.18.03 AM" width="285" height="218" class="alignleft size-medium wp-image-237" /></a>An interesting <a href="http://josef-muller-brockmann.net/category/grid-design/">grid design</a> for <a href="http://72rivingtonstreet.com/">72 Rivington Street</a>, London, the new physical home of <a href="http://www.ycnonline.com/about">YCN</a>, a multi - purpose space comprising a public ground floor, two floors of studio and a rooftop too. The space has been designed for YCN by the <a href="http://www.klassnik.com/">Klassnik</a> corporation, with interiors installed by <a href="http://www.okaystudio.org/">OKAY Studio</a> and <a href="http://www.shroudme.com/">Rob Thuring</a>.</p>
<p>YCN create projects and platforms to showcase emerging talent; as well as producing design, campaigns and other communication for varied clients. The ground floor at 72 Rivington Street is open publicly daily, to present the outcomes of YCN projects alongside other creative work and products.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.josef-muller-brockmann.net/2010/01/72-rivington-st/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Data Tables In Modern Web Design</title>
		<link>http://www.josef-muller-brockmann.net/2009/12/data-tables-in-modern-web-design/</link>
		<comments>http://www.josef-muller-brockmann.net/2009/12/data-tables-in-modern-web-design/#comments</comments>
		<pubDate>Tue, 29 Dec 2009 21:30:03 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Data Visualisation]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Infographics]]></category>
		<category><![CDATA[Lists]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Matt Cronin]]></category>
		<category><![CDATA[Neuro Software]]></category>

		<guid isPermaLink="false">http://josef-muller-brockmann.net/?p=227</guid>
		<description><![CDATA[Matt Cronin of Neuro Software has written an interesting article on the different approaches to displaying tabular data. Tables have played a major part of web design and graphic designers are always keen to add their own personal touch to make them more usable, as  &#8230; <a href="http://www.josef-muller-brockmann.net/2009/12/data-tables-in-modern-web-design/" class="more-link">Read More <span class="excerpt-arrow">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img src="http://josef-muller-brockmann.net/wp-content/uploads/2009/12/Mt-in-Data-Tables-In-Modern-Web-Design-285x221.jpg" alt="" title="Mt in Data Tables In Modern Web Design" width="285" height="221" class="alignleft size-medium wp-image-228" />Matt Cronin of Neuro Software has written an interesting article on the <a href="http://www.neurosoftware.ro/programming-blog/facebook-web-design/web-resources/data-tables-in-modern-web-design/">different approaches to displaying tabular data</a>.</p>
<p>Tables have played a major part of web design and graphic designers are always keen to add their own personal touch to make them more usable, as well as interesting.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.josef-muller-brockmann.net/2009/12/data-tables-in-modern-web-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Templates for Rapid Interactive Prototyping on 960 gs</title>
		<link>http://www.josef-muller-brockmann.net/2009/12/templates-for-rapid-interactive-prototyping-on-960-gs/</link>
		<comments>http://www.josef-muller-brockmann.net/2009/12/templates-for-rapid-interactive-prototyping-on-960-gs/#comments</comments>
		<pubDate>Mon, 21 Dec 2009 20:33:53 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Grid Design]]></category>
		<category><![CDATA[Utilities]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://josef-muller-brockmann.net/?p=205</guid>
		<description><![CDATA[Stephen Bau has created a collection of useful web elements built on Nathan Smith’s 960 grid system. The Fluid 960 Grid System templates have been built upon the work of Nathan Smith and his 960 Grid System using effects from the MooTools and jQuery JavaScript  &#8230; <a href="http://www.josef-muller-brockmann.net/2009/12/templates-for-rapid-interactive-prototyping-on-960-gs/" class="more-link">Read More <span class="excerpt-arrow">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img src="http://josef-muller-brockmann.net/wp-content/uploads/2009/12/7af963d3b2e37be53caeae963f2ac20b-285x221.jpg" alt="" title="7af963d3b2e37be53caeae963f2ac20b" width="285" height="221" class="alignleft size-medium wp-image-206" /><a href="http://www.domain7.com/Team/StephenBau.html">Stephen Bau</a> has created a collection of <a href="http://designinfluences.com/fluid960gs/16/">useful web elements</a> built on <a href="http://960.gs/">Nathan Smith’s 960</a> grid system. The Fluid 960 Grid System templates have been built upon the work of Nathan Smith and his 960 Grid System using effects from the <a href="http://mootools.net/">MooTools</a> and <a href="http://jquery.com/">jQuery</a> JavaScript libraries.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.josef-muller-brockmann.net/2009/12/templates-for-rapid-interactive-prototyping-on-960-gs/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

