<?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>Webdesign, CSS, Social Media, Tech &#38; Geek Stuff &#187; layout</title>
	<atom:link href="http://www.mr-mojo-risin.net/tag/layout/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.mr-mojo-risin.net</link>
	<description>Web news, CSS and HTML tweaks, social media marketing and blog resources, geeky gadgets, mind blowing graphic sites...</description>
	<lastBuildDate>Fri, 15 Jul 2011 13:18:29 +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>Webdesign hints</title>
		<link>http://www.mr-mojo-risin.net/2009/01/16/webdesign-hints/</link>
		<comments>http://www.mr-mojo-risin.net/2009/01/16/webdesign-hints/#comments</comments>
		<pubDate>Fri, 16 Jan 2009 10:11:34 +0000</pubDate>
		<dc:creator>mr-mojo-risin</dc:creator>
				<category><![CDATA[coding]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[background]]></category>
		<category><![CDATA[hint]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[menu]]></category>
		<category><![CDATA[tool]]></category>
		<category><![CDATA[trick]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.mr-mojo-risin.net/?p=115</guid>
		<description><![CDATA[Collection of sites for help and inspiration: Create a Mac style CSS Dock Menu Really nice tutorial for creating a cool and fancy navigation using CSS and a Jquery Javascript library. Comes as complete Download, including a icon set. How to: CSS large Background Here you&#8217;ll find instructions how to integrate a large image as [...]]]></description>
			<content:encoded><![CDATA[<p>Collection of sites for help  and inspiration:</p>
<ul>
<li>
<a title="Css Dock Menu" href="http://www.ndesign-studio.com/blog/design/css-dock-menu/" target="_blank"><strong>Create a Mac style CSS Dock Menu</strong></a><br />

<p>Really nice tutorial for creating a cool and fancy navigation using CSS and a Jquery Javascript library. Comes as complete Download, including a icon set.</p>
</li>
<li><a title="Css large background" href="http://www.webdesignerwall.com/tutorials/how-to-css-large-background/" target="_blank"><strong>How to: CSS large Background</strong></a><br />

<p>Here you&#8217;ll find instructions how to integrate a large image as webpage background properly.</p>
</li>
<li><a title="Blurry background effect" href="http://css-tricks.com/blurry-background-effect/" target="_blank"><strong>Blurry Background Effect </strong></a><br />

<p>A very nice and eye teasing visual effect, unfortunately not working for Internet Explorer 6.</p>
</li>
<li><a title="12 useful web tools for designers" href="http://sixrevisions.com/graphics-design/12-useful-web-tools-for-designers/" target="_blank"><strong>12 Useful Web Tools for Designers</strong></a><br />

<p>Several neat tools making a webdesigners daily work less miserable, a color schemer, tools for creating templates, favicons, background patterns or fonts.</p>
</li>
<li><a title="Creating scalable layouts" href="http://www.netmag.co.uk/zine/develop-css/creating-scalable-layouts" target="_blank"><strong>Creating scalable Layouts</strong></a><br />

<p>As the design of a site is confronted with a huge range of completly different screen resolutions, it should be pretty flexible.  Should. Here&#8217;s ecplain how to achieve that.</p>
</li>
<li><a title="Css Techniques" href="http://www.smashingmagazine.com/2007/01/19/53-css-techniques-you-couldnt-live-without/" target="_blank"><strong>Massive collection of CSS hints</strong></a><br />

<p>Ok, this might be quite an old post, but it&#8217;s still very useful and just through it&#8217;s coverage and useful tricks, all the techniques are great helpers.</p>
</li>
</ul>
<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.mr-mojo-risin.net%2F2009%2F01%2F16%2Fwebdesign-hints%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.mr-mojo-risin.net%2F2009%2F01%2F16%2Fwebdesign-hints%2F&amp;source=mrmojorisin&amp;style=compact&amp;service=bit.ly&amp;service_api=R_47f1cccea29760eee97be5cf0ad3e3f7&amp;hashtags=background,css,hint,layout,menu,tool,trick,web,webdesign&amp;b=2" height="61" width="50" title="Webdesign hints |  image" alt=" Webdesign hints" /><br />
			</a>
		</div>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fwww.mr-mojo-risin.net%2F2009%2F01%2F16%2Fwebdesign-hints%2F&amp;title=Webdesign%20hints" id="wpa2a_2"><img src="http://www.mr-mojo-risin.net/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="share save 171 16 Webdesign hints"  title="Webdesign hints | share save 171 16 image" /></a></p> <p><a href="http://www.mr-mojo-risin.net/?flattrss_redirect&amp;id=115&amp;md5=c6a679284345e958b789e1034baa6e30" title="Flattr" target="_blank"><img src="http://www.mr-mojo-risin.net/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.mr-mojo-risin.net/2009/01/16/webdesign-hints/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<atom:link rel="payment" href="http://www.mr-mojo-risin.net/?flattrss_redirect&amp;id=115&amp;md5=c6a679284345e958b789e1034baa6e30" type="text/html" />"
	</item>
		<item>
		<title>New Year, new Layout!</title>
		<link>http://www.mr-mojo-risin.net/2009/01/05/new-year-new-layout/</link>
		<comments>http://www.mr-mojo-risin.net/2009/01/05/new-year-new-layout/#comments</comments>
		<pubDate>Sun, 04 Jan 2009 22:21:18 +0000</pubDate>
		<dc:creator>mr-mojo-risin</dc:creator>
				<category><![CDATA[Blog resources]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[clear]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[nice]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.mr-mojo-risin.net/?p=61</guid>
		<description><![CDATA[Back from a long winter nap, in the new year I decided to do some clean up, upgraded that wordpress thingy and got a new face for this blog. The basic layout was taken from Derek Punsalan from 5thirtyone.com, called &#8220;Grid Focus&#8220;, just had to edit some graphics and add some SEO stuff like tag [...]]]></description>
			<content:encoded><![CDATA[<p>Back from a long winter nap, in the new year I decided to do some clean up, upgraded that wordpress thingy and got a new face for this blog.<br />
The basic layout was taken from Derek Punsalan from <a href="http://5thirtyone.com" target="_blank">5thirtyone.com</a>, called &#8220;<a href="http://5thirtyone.com/grid-focus" target="_blank">Grid Focus</a>&#8220;, just had to edit some graphics and add some SEO stuff like tag display. The categories in the posts are still missing, I&#8217;ll add them later. Besides that, it&#8217;s a really nice, clean and tidy layout, which is easy and comfortable to modify.</p>
<p>Hope you like it.
<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.mr-mojo-risin.net%2F2009%2F01%2F05%2Fnew-year-new-layout%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.mr-mojo-risin.net%2F2009%2F01%2F05%2Fnew-year-new-layout%2F&amp;source=mrmojorisin&amp;style=compact&amp;service=bit.ly&amp;service_api=R_47f1cccea29760eee97be5cf0ad3e3f7&amp;hashtags=clear,layout,nice,Wordpress&amp;b=2" height="61" width="50" title="New Year, new Layout! |  image" alt=" New Year, new Layout!" /><br />
			</a>
		</div>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fwww.mr-mojo-risin.net%2F2009%2F01%2F05%2Fnew-year-new-layout%2F&amp;title=New%20Year%2C%20new%20Layout%21" id="wpa2a_4"><img src="http://www.mr-mojo-risin.net/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="share save 171 16 New Year, new Layout!"  title="New Year, new Layout! | share save 171 16 image" /></a></p> <p><a href="http://www.mr-mojo-risin.net/?flattrss_redirect&amp;id=61&amp;md5=8235a6a79654bba3f17957874784f36d" title="Flattr" target="_blank"><img src="http://www.mr-mojo-risin.net/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.mr-mojo-risin.net/2009/01/05/new-year-new-layout/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<atom:link rel="payment" href="http://www.mr-mojo-risin.net/?flattrss_redirect&amp;id=61&amp;md5=8235a6a79654bba3f17957874784f36d" type="text/html" />"
	</item>
	</channel>
</rss>

