<?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>mushroom &#187; twitter</title>
	<atom:link href="http://mr-mushroom.com/tag/twitter/feed/" rel="self" type="application/rss+xml" />
	<link>http://mr-mushroom.com</link>
	<description>my blog</description>
	<lastBuildDate>Thu, 13 Jan 2011 21:53:42 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Twitter background 101</title>
		<link>http://mr-mushroom.com/blog/twitter-background-101/</link>
		<comments>http://mr-mushroom.com/blog/twitter-background-101/#comments</comments>
		<pubDate>Mon, 05 Jul 2010 17:17:42 +0000</pubDate>
		<dc:creator>mushroom</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[picture]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://mr-mushroom.com/?p=260</guid>
		<description><![CDATA[So you have Twitter account from some time. Wether it is your personal or company account it is good to personalize the look and feel to represent your selfhood or image of business. Of course there is nothing wrong about having default background all of Twitter&#8217;s predefined images are lovely and clean. Let&#8217;s see what [...]]]></description>
			<content:encoded><![CDATA[<p>So you have Twitter account from some time. Wether it is your personal or company account it is good to personalize the look and feel to represent your selfhood or image of business. Of course there is nothing wrong about having default background all of Twitter&#8217;s predefined images are lovely and clean.</p>
<p><a href="http://twitter.com/hirundula"><img src="http://mr-mushroom.com/wp-content/uploads/2010/06/hirundula.jpg" alt="" title="hirundula" width="880" height="480" class="alignnone size-full wp-image-279" /></a></p>
<p>Let&#8217;s see what are main trends in Twitter background industry and learn something about creating them.</p>
<p><strong>1. Repeating pattern</strong><br />
This technique is probably as old as internet. We just need small image and it will be repeated to fill whole background. If we will craft one special tile we can achieve endless pattern. This kind of background will fill display with every resolution.<br />
<a href="http://twitter.com/brucel"><img src="http://mr-mushroom.com/wp-content/uploads/2010/06/brucel.jpg" alt="" title="brucel" width="880" height="480" class="alignnone size-full wp-image-262" /></a></p>
<p><a href="http://twitter.com/maxvoltar"><img src="http://mr-mushroom.com/wp-content/uploads/2010/06/maxvoltar.jpg" alt="" title="maxvoltar" width="880" height="480" class="alignnone size-full wp-image-263" /></a></p>
<p><a href="http://twitter.com/carsonified"><img src="http://mr-mushroom.com/wp-content/uploads/2010/06/carsonified.jpg" alt="" title="carsonified" width="880" height="480" class="alignnone size-full wp-image-264" /></a></p>
<p><a href="http://twitter.com/bluelounge"><img src="http://mr-mushroom.com/wp-content/uploads/2010/06/bluelounge.jpg" alt="" title="bluelounge" width="880" height="480" class="alignnone size-full wp-image-265" /></a></p>
<p><strong>2. Super large image</strong><br />
This solution provides larger area for our creativity but the drawbacks are large image size (longer loading time) and not full screen coverage on very big resolution.<br />
<a href="http://twitter.com/riddle"><img src="http://mr-mushroom.com/wp-content/uploads/2010/06/riddle.jpg" alt="" title="riddle" width="880" height="480" class="alignnone size-full wp-image-267" /></a></p>
<p><a href="http://twitter.com/designerdepot"><img src="http://mr-mushroom.com/wp-content/uploads/2010/06/designerdepot.jpg" alt="" title="designerdepot" width="880" height="480" class="alignnone size-full wp-image-268" /></a></p>
<p><a href="http://twitter.com/yaili"><img src="http://mr-mushroom.com/wp-content/uploads/2010/06/yaili.jpg" alt="" title="yaili" width="880" height="480" class="alignnone size-full wp-image-270" /></a></p>
<p><a href="http://twitter.com/supersexycpr"><img src="http://mr-mushroom.com/wp-content/uploads/2010/06/supersexycpr.jpg" alt="" title="supersexycpr" width="880" height="480" class="alignnone size-full wp-image-269" /></a></p>
<p><strong>3. Faded out image</strong><br />
My personal favourite and neatest approach. Combination of image faded out to solid colour and same colour set as Twitter background. This scales up to every monitor size.<br />
<a href="http://twitter.com/chriscoyier"><img src="http://mr-mushroom.com/wp-content/uploads/2010/06/chriscoyier.jpg" alt="" title="chriscoyier" width="880" height="480" class="alignnone size-full wp-image-272" /></a></p>
<p><a href="http://twitter.com/chrisspooner"><img src="http://mr-mushroom.com/wp-content/uploads/2010/06/chrisspooner.jpg" alt="" title="chrisspooner" width="880" height="480" class="alignnone size-full wp-image-273" /></a></p>
<p><a href="http://twitter.com/rem"><img src="http://mr-mushroom.com/wp-content/uploads/2010/06/rem.jpg" alt="" title="rem" width="880" height="480" class="alignnone size-full wp-image-275" /></a></p>
<p><a href="http://twitter.com/oatmeal"><img src="http://mr-mushroom.com/wp-content/uploads/2010/06/oatmeal.jpg" alt="" title="oatmeal" width="880" height="480" class="alignnone size-full wp-image-274" /></a></p>
<h3>Create your own?</h3>
<p>There are virtually no limitations regarding designing Twitter background. Only rule to remember is that column with tweets is fixed width and regarding viewers resolution more or less of background is visible.</p>
<p>You can read more and find inspiration in <a href="http://www.blog.spoongraphics.co.uk/tutorials/twitter-background-design-how-to-and-best-practices">this post about Twitter backgrounds</a>. There is useful <a href="http://www.blog.spoongraphics.co.uk/wp-content/uploads/2009/twitter-theme/Twitter-BG-Template.psd.zip">Photoshop template</a> available to download.</p>
<p>You are more than welcome to be inspired by <a href="http://twitter.com/mr_mushroom">my own Twitter background</a>.</p>
<p><span style="color:red">&#8212; UPDATE &#8212;</span> After launching <a href="http://twitter.com/newtwitter">#newtwitter</a> central box width has changed so there is <a href="http://www.fuelyourcreativity.com/free-new-twitter-psd-background-template/">a new template</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://mr-mushroom.com/blog/twitter-background-101/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

