<?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>Designer. Gamer. Geek.</title>
	<atom:link href="http://www.designergamergeek.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.designergamergeek.com</link>
	<description>Covering design, games, technology, politics and food!</description>
	<lastBuildDate>Fri, 06 Aug 2010 17:08:08 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Sign up for Extra Life 2010 &#8211; Be a gaming hero</title>
		<link>http://www.designergamergeek.com/general/sign-up-for-extra-life-2010-be-a-gaming-hero/</link>
		<comments>http://www.designergamergeek.com/general/sign-up-for-extra-life-2010-be-a-gaming-hero/#comments</comments>
		<pubDate>Tue, 03 Aug 2010 06:26:00 +0000</pubDate>
		<dc:creator>yaypaul</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[charity gaming]]></category>
		<category><![CDATA[extra-life]]></category>
		<category><![CDATA[Games]]></category>
		<category><![CDATA[hero]]></category>
		<category><![CDATA[playgames-healkids]]></category>
		<category><![CDATA[sarcastic gamer]]></category>
		<category><![CDATA[signup]]></category>

		<guid isPermaLink="false">http://www.designergamergeek.com/?p=488</guid>
		<description><![CDATA[Over the last two years charity gaming event Extra Life has raised over $300,000 for Children&#8217;s Hospitals and the fight against Cancer. In 2009 my friend Alick told me all about the event and together with a small group of friends Team Meerkat was born. We&#8217;ve pledged to help out every year, and I&#8217;ll let [...]]]></description>
			<content:encoded><![CDATA[<p>Over the last two years charity gaming event <a title="View the Extra Life website for more details" href="http://extralife.sarcasticgamer.com" target="_blank">Extra Life</a> has raised over $300,000 for Children&#8217;s Hospitals and the fight against Cancer. In 2009 my friend Alick told me all about the event and together with a small group of friends <a title="Visit the Team Meerkat site to find out about the team members!" href="http://www.teammeerkat.com" target="_blank">Team Meerkat</a> was born. We&#8217;ve pledged to help out every year, and I&#8217;ll let you know how you can too.<span id="more-488"></span></p>
<p>Extra Life was started in 2008 by a Sarcastic Gamer Community member. You should read about the events beginnings on the <a title="Read the origins of Extra Life" href="http://extralife.sarcasticgamer.com/wp/index.php/2010/04/all-about-extra-life.html" target="_blank">Sarcastic Gamer site</a>. The communities story resonated because I&#8217;d also had leukemia in my family. I found myself being highly motivated for the event &#8211; I mean why not, marathon runners get sponsored for charity why not 24 hour gaming?</p>
<p>Last year Team Meerkat raised $577 for Extra Life, this year we&#8217;re setting our sights even higher, we want to bust that target! If you love games, want to help cure Cancer or simply want to make sure Local Hospitals get help, you should be doing Extra Life too! As the events awesome tagline says &#8220;Play games. Heal kids&#8221;.</p>
<p>It&#8217;s easy to participate in Extra Life at any level;</p>
<p><strong>1. Sponsor an Extra Life <a title="Find an Extra Life team member" href="https://www.hospitalshelpingkids.org/ExtraLife/search.aspx" target="_blank">team member</a>, Team Meerkat <a title="Sponsor Team Meerkat now!" href="http://www.teammeerkat.com/the-team/" target="_blank">team member</a> or <a title="Donate directly to Extra Life here" href="https://www.hospitalshelpingkids.org/ExtraLife/getdonorinfo.aspx?i=1703978839EFB4BF0" target="_blank">donate directly</a>.</strong></p>
<p><strong>2. <a title="Join Extra Life now!" href="http://extralife.sarcasticgamer.com" target="_blank">Signup to participate</a> in Extra Life and round up four or more sponsors.</strong></p>
<p><strong>3. Create a team, join a team or choose to <a title="Join Team Meerkat now!" href="http://www.teammeerkat.com/forum/topic/joining-instructions" target="_blank">join Team Meerkat</a> (we&#8217;d love to have you!) .</strong></p>
<p>Be a gaming hero and pledge 24 hours to healing kids on October 16th.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.designergamergeek.com/general/sign-up-for-extra-life-2010-be-a-gaming-hero/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Yaypaul.com title slider &#8211; explained</title>
		<link>http://www.designergamergeek.com/projects/yaypaul-com-title-slider-explained/</link>
		<comments>http://www.designergamergeek.com/projects/yaypaul-com-title-slider-explained/#comments</comments>
		<pubDate>Wed, 07 Jul 2010 17:04:22 +0000</pubDate>
		<dc:creator>yaypaul</dc:creator>
				<category><![CDATA[Projects]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[how-to]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[YAY Paul]]></category>

		<guid isPermaLink="false">http://www.designergamergeek.com/?p=446</guid>
		<description><![CDATA[I received a request asking me if I&#8217;d mind sharing the piece of code I use to slide entry titles up and down on Yaypaul.com. I&#8217;m always happy to share: I&#8217;ve striped the effect code, added some extra comments and hopefully with this explanation you&#8217;ll be able to decipher it. This particular effect has already [...]]]></description>
			<content:encoded><![CDATA[<p>I received a request asking me if I&#8217;d mind sharing the piece of code I use to slide entry titles up and down on <a title="Open Yaypaul.com website" href="http://www.Yaypaul.com" target="_blank">Yaypaul.com</a>. I&#8217;m always happy to share: I&#8217;ve striped the effect code, added some extra comments and hopefully with this explanation you&#8217;ll be able to decipher it. This particular effect has already been noted on a <a title="See the Noupe article" href="http://www.noupe.com/design/sliding-content.html" target="_blank">number</a> <a title="Read the jQuery Style article" href="http://jquerystyle.com/featured" target="_blank">of</a> <a title="Read the Smashing Magazine article" href="http://www.smashingmagazine.com/2010/04/27/usability-dos-and-donts-for-interactive-design/" target="_blank">sites</a>, so this feels like a natural extension.<span id="more-446"></span></p>
<p>I&#8217;ll cover everything pertinent but, HTML, CSS and some jQuery experience is assumed.  Where possible I&#8217;ll link to further information. If you find yourself having any major trouble please drop me a comment below.</p>
<p><a title="Download the Yaypaul.com Title Slide example" href="/downloads/yaypaul.com-titleslide-example.zip" target="_blank">Download a copy of the Sample Code</a> to work on as we go, it has everything you need to run the effect.</p>
<h2>Libraries</h2>
<p>I&#8217;ll be using a few code libraries to produce the sliding effect. Each is lightweight, the JavaScript library is required, but the CSS files are optional as their elements can be applied in other ways. However, for the purpose of this tutorial we&#8217;ll be using them.</p>
<p>I like to use <a title="View the Meyerweb Blog" href="http://meyerweb.com/eric/tools/css/reset/" target="_blank">Reset CSS by Eric Meyer</a> because it sets up all your elements with neutral values, this way you know what to expect when you start building your pages.</p>
<p>The second Core CSS file is of my own creation and is covered in a <a title="View Core CSS posts" href="http://designergamergeek.com/core-css/" target="_self">number of places</a>. For the purpose of this tutorial I&#8217;ve included only called elements.<br />
<a title="View jQuery project and documentation" href="http://jquery.com/" target="_blank"></a></p>
<p><a title="View jQuery project and documentation" href="http://jquery.com/" target="_blank">jQuery</a> is my JavaScript library of choice, <a title="View your JavaScript options" href="http://javascriptlibraries.com/" target="_blank">not your only option though</a>. I also chose to include a cached version of the library from <a title="View the Google Code project" href="http://code.google.com/apis/ajaxlibs/documentation/#jquery" target="_blank">Google Code</a>.</p>
<h2>HTML</h2>
<p>The most important elements in this HTML block are the IDs. Both <em>yourid1</em> and <em>yourid</em><em>1-title</em> are used by the JavaScript component to control the actual scroll effect.<br />
It&#8217;s also important to note the Absolute positioning and zero top margin of the Title item. Together these attributes ensure your title animates from the edge of it&#8217;s parent and over the top of it&#8217;s siblings. Relative positioning will also perform the effect, but you&#8217;ll notice the animation pushes down it&#8217;s siblings content, rather than slide over it.</p>
<pre class="brush: xml;">
&lt;div class=&quot;box block float relative&quot; id=&quot;yourid&lt;em&gt;&lt;/em&gt;1&quot;&gt;
	&lt;h1 class=&quot;float absolute hidden&quot; id=&quot;yourid1-title&quot;&gt;&lt;a href=&quot;&quot; class=&quot;block&quot;&gt;Box title here&lt;/a&gt;&lt;/h1&gt;
	&lt;p class=&quot;entry closed&quot;&gt;Box content here&lt;/p&gt;
&lt;/div&gt;
</pre>
<h2>CSS</h2>
<p>With the CSS on Yaypaul.com I chose to style the <em>a</em> tag inside of the title element. You could also  style the h1, div, p or span you&#8217;ve chosen to use for your actual title item.</p>
<p>As this CSS code only deals with formatting the HTML display and not with the effect I&#8217;ll leave comments to the code below &#8211; the JavaScript will still fire with no CSS at all.</p>
<pre class="brush: css;">
/* Define item box */
.box{width:300px; height:300px; overflow:hidden;}

/* Set title (H1) level &amp; position */
.box h1{margin:0; z-index:3;}

/* Define link tag */
.box h1 a{width:180px; margin-left:10px; padding:20px; font-size:24px; line-height:30px; background:#f1f1f1; color:#000;}

/* Define intro text/img and level */
.box .entry{width:220px; height:220px; margin-top:0; padding:10px; color:#fff; background-color:#000; z-index:1;}
</pre>
<h2>JavaScript</h2>
<p>Now on to the engine that drives the sliding effect. In the speed test preview below you&#8217;ll notice each item box has it&#8217;s own JavaScript block, this is not efficient. That&#8217;s why our sliding code moves each item at the same speed, this allows us to look for <em>any</em> instance of the item that&#8217;s triggered.</p>
<p>1. First we register a <em>mouseenter</em> on any .box element.<br />
2. Then we perform a Slide Down action on the instance of .box with the corresponding ID.<br />
3. The code then watches for a <em>mouseleave</em> action on the same instance of .box to perform the Slide Up action.</p>
<p>Inclusion of the :hidden and :visible attributes ensures that the animations only fire on mouseenter if the title is Hidden and on mouseleave if the title is Visible.<br />
The jQuery function <a title="View the jQuery .stop() documentation" href="http://api.jquery.com/stop/" target="_blank">.stop()</a> is called to ensure any animation already running is completed before another can be fired, queuing of animations avoided.</p>
<p>Speed values can be changed to any number you prefer to use, lower numbers are faster. Please refer to the Speed test preview below for some options and configurations for slider speed.</p>
<pre class="brush: jscript;">
$(document).ready(function(){

 //Title Slide Effect
 $(&quot;.box&quot;).bind(&quot;mouseenter&quot;, function() {
  $(&quot;#&quot;+this.id+&quot;-title:hidden&quot;).stop(true, true).slideDown(200);
 }).bind(&quot;mouseleave&quot;, function(){
  $(&quot;#&quot;+this.id+&quot;-title:visible&quot;).stop(true, true).slideUp(400);
 });

});
</pre>
<h3>Previews</h3>
<p>I&#8217;ve included a number of links to different previews of the code below;<br />
<a title="Open the Single box preview" href="/downloads/yaypaul.com-titleslide-sample.html" target="_blank">Single box</a> &#8211; Standard preview<br />
<a title="Open the Multiple box preview" href="/downloads/yaypaul.com-multipletitleslide-sample.html" target="_blank">Multiple box</a> &#8211; List implementation<br />
<a title="Open Variable Speed test preview" href="/downloads/yaypaul.com-speedtitleslide-sample.html" target="_blank">Speed preview</a> &#8211; Multiple examples of different slide speeds</p>
<h3>Example code</h3>
<p>Below you&#8217;ll find the whole code example, complete with comments.<br />
This same code can be <a title="Download the Yaypaul.com title slide example" href="/downloads/yaypaul.com-titleslide-example.zip" target="_blank">downloaded in a file</a> if you prefer.</p>
<pre class="brush: xml;">
&lt;html&gt;
&lt;head&gt;

&lt;title&gt;Yaypaul Title Slide&lt;/title&gt;
&lt;style&gt;
&lt;!--http://meyerweb.com/eric/tools/css/reset/--&gt;
	&lt;!--v1.0 | 20080212--&gt;
	html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}

&lt;!--Core CSS Part http://designergamergeek.com/core-css/--&gt;
	div{overflow:hidden;}
	p.closed{margin:0; font-size:18px;}
	.float{float:left !important;}
	.relative{position:relative !important;}
	.absolute{position:absolute !important;}
	.hidden{display:none}
	.block{display:block}
&lt;!--Content--&gt;
	&lt;!--Define item box--&gt;
	&lt;!--Set title (H1) level--&gt;
	&lt;!--Define link tag--&gt;
	&lt;!--Define intro text/img and level--&gt;
	.box{width:300px; height:300px; overflow:hidden;}
	.box h1{margin:0; z-index:3;}
	.box h1 a{width:180px; margin-left:10px; padding:20px; font-size:24px; line-height:30px; background:#f1f1f1; color:#000;}
	.box .entry{width:220px; height:220px; margin-top:0; padding:10px; color:#fff; background-color:#000; z-index:1;}
&lt;/style&gt;

&lt;/head&gt;
&lt;body&gt;

&lt;div class=&quot;box block float relative&quot; id=&quot;yourid1&quot;&gt; &lt;!--Item box--&gt;
	&lt;h1 class=&quot;float absolute hidden&quot; id=&quot;yourid1-title&quot;&gt;&lt;a href=&quot;&quot; class=&quot;block&quot;&gt;Box title here&lt;/a&gt;&lt;/h1&gt; &lt;!--Title[hidden]--&gt;
	&lt;p class=&quot;entry closed&quot;&gt;Box content here&lt;/p&gt; &lt;!--Intro text/img--&gt;
&lt;/div&gt;

&lt;script type=&quot;text/javascript&quot; src=&quot;http://www.google.com/jsapi&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;google.load(&quot;jquery&quot;, &quot;1.3.2&quot;);&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
$(document).ready(function(){

	//Title Slide Effect
	$(&quot;.box&quot;).bind(&quot;mouseenter&quot;, function() { //Register mouseenter on any .box element
		$(&quot;#&quot;+this.id+&quot;-title:hidden&quot;).stop(true, true).slideDown(200); //Stop any current action on this box then Slide Down by N speed
	}).bind(&quot;mouseleave&quot;, function(){ //Register mouseleave on this .box element
		$(&quot;#&quot;+this.id+&quot;-title:visible&quot;).stop(true, true).slideUp(400); //Stop any current action on this box then Slide Up by N speed
	});
	// The :hidden and :visible attributes ensure that the animations only fire on mouseenter if the title is Hidden and on mouseleave if the title is Visible

});
&lt;/script&gt;

&lt;/body&gt;
&lt;/html&gt;
</pre>
<p><a title="Link to Syntax Highlighter WordPress plugin" href="http://alexgorbatchev.com/SyntaxHighlighter/">Syntax Highlighter</a> &#8211; by Alex Gorbatchev</p>
]]></content:encoded>
			<wfw:commentRss>http://www.designergamergeek.com/projects/yaypaul-com-title-slider-explained/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>RCT3 Custom Map: Pirate Cove</title>
		<link>http://www.designergamergeek.com/games/rct3-custom-map-pirate-cove/</link>
		<comments>http://www.designergamergeek.com/games/rct3-custom-map-pirate-cove/#comments</comments>
		<pubDate>Sun, 04 Jul 2010 01:59:07 +0000</pubDate>
		<dc:creator>yaypaul</dc:creator>
				<category><![CDATA[Games]]></category>
		<category><![CDATA[RollerCoaster Tycoon 3]]></category>
		<category><![CDATA[custom]]></category>
		<category><![CDATA[gaming]]></category>
		<category><![CDATA[map]]></category>
		<category><![CDATA[pirate]]></category>
		<category><![CDATA[rct3]]></category>
		<category><![CDATA[rollercoaster]]></category>

		<guid isPermaLink="false">http://www.designergamergeek.com/?p=442</guid>
		<description><![CDATA[Following right on from my first RollerCoaster Tycoon 3 custom map post yesterday, Fluffy Mountain, is the next map named Pirate Cove. The wedding and it&#8217;s associated planning have had some posts backed up, so now you get two new custom maps in one weekend! Six Bunnies Pirate Cove For my next RCT3 map creation [...]]]></description>
			<content:encoded><![CDATA[<p>Following right on from my first RollerCoaster Tycoon 3 custom map post yesterday, Fluffy Mountain, is the next map named Pirate Cove. The wedding and it&#8217;s associated planning have had some posts backed up, so now you get two new custom maps in one weekend!<span id="more-442"></span></p>
<h2>Six Bunnies Pirate Cove</h2>
<p>For my next RCT3 map creation I wanted to open things up and give the appearance of more space &#8211; the actual maps are all the same size, large. To help give the feeling of space I&#8217;ve included some large cliffs where use of gravity for coasters could help extend run-times. The bottom half of the zone is a small cluster of islands, this opens up new water bound adventures and allows coasters to fly over water for an added feeling of speed.</p>
<p><a title="Download Pirate Cove empty paths only park" href="/downloads/rct3-piratecove-empty.zip" target="_blank">Download Pirate Cove Empty path only park</a></p>
<p><a title="Download Pirate Cove Full park" href="/downloads/rct3-piratecove-full.zip" target="_blank">Download Pirate Cover Full Rides and Attractions park</a></p>
<p>(download and unzip these files into your “Parks” folder)</p>
<p>The empty park has less pre-laid paths this time around as I wanted to give you a greater freedom for park evolution. Not one to leave you with a bare park I&#8217;ve included two scenery creations with the empty map. One large fort over-run by animatronic pirates rises out of a cliff out-cropping, paths snake throughout and pass close to ancient ruins. On the other side of the map there is a smaller pirate tower which overlooks a secret pool and waterfall.</p>
<h3>Pirate Cove path only park<img class="alignnone" title="Pirate Cove empty park" src="/img/games/rct3/rct3-piratecove-pathsonly.jpg" alt="" width="100%" /></h3>
<p>If you choose to download the full park from my own play session you can  look forward to some interesting rides and even more colorful scenery than last time. A total of 12 rollercoasters, 9 thrill rides, a largely expanded pool complex and a host of other  attractions to test drive, modify or rebuild. This time around I&#8217;ve taken much more time to build in the types of scenery you&#8217;d expect at a theme park, styled areas and structures around ride entrance/exits to name but a few. I particularly enjoy the Mine Train and Crows Nest Giga coasters.</p>
<h3>Pirate Cove full park<img class="alignnone" title="Pirate Cove full park" src="/img/games/rct3/rct3-piratecove-fullpark.jpg" alt="" width="100%" /></h3>
<p>Here’s a small selection of screen shots from around the Full Ride  and Attractions park. Be sure to link to your own Rollercoaster  creations in the comments if you use this park!</p>
<h3>Park Preview<br />
<img class="alignnone" title="Preview 1" src="/img/games/rct3/rct3-piratecove-preview1.jpg" alt="" width="100%" /></h3>
<h3><img class="alignnone" title="Preview 2" src="/img/games/rct3/rct3-piratecove-preview2.jpg" alt="" width="100%" /></h3>
<h3><img class="alignnone" title="Preview 3" src="/img/games/rct3/rct3-piratecove-preview3.jpg" alt="" width="100%" /></h3>
<h3><img class="alignnone" title="Preview 4" src="/img/games/rct3/rct3-piratecove-preview4.jpg" alt="" width="100%" /></h3>
<h3><img class="alignnone" title="Preview 5" src="/img/games/rct3/rct3-piratecove-preview5.jpg" alt="" width="100%" /></h3>
<h3><img class="alignnone" title="Preview 6" src="/img/games/rct3/rct3-piratecove-preview6.jpg" alt="" width="100%" /></h3>
<h3><img class="alignnone" title="Preview 7" src="/img/games/rct3/rct3-piratecove-preview7.jpg" alt="" width="100%" /></h3>
<h3><img class="alignnone" title="Preview 8" src="/img/games/rct3/rct3-piratecove-preview8.jpg" alt="" width="100%" /></h3>
<h3><img class="alignnone" title="Preview 9" src="/img/games/rct3/rct3-piratecove-preview9.jpg" alt="" width="100%" /></h3>
]]></content:encoded>
			<wfw:commentRss>http://www.designergamergeek.com/games/rct3-custom-map-pirate-cove/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>RCT3 Custom Map: Fluffy Mountain</title>
		<link>http://www.designergamergeek.com/games/rct3-custom-map-fluffy-mountain/</link>
		<comments>http://www.designergamergeek.com/games/rct3-custom-map-fluffy-mountain/#comments</comments>
		<pubDate>Sat, 03 Jul 2010 02:00:59 +0000</pubDate>
		<dc:creator>yaypaul</dc:creator>
				<category><![CDATA[Games]]></category>
		<category><![CDATA[RollerCoaster Tycoon 3]]></category>
		<category><![CDATA[custom]]></category>
		<category><![CDATA[gaming]]></category>
		<category><![CDATA[map]]></category>
		<category><![CDATA[rct3]]></category>
		<category><![CDATA[rollercoaster]]></category>
		<category><![CDATA[screenshots]]></category>

		<guid isPermaLink="false">http://www.designergamergeek.com/?p=430</guid>
		<description><![CDATA[Last year I published a number of Sim City 4 maps and while I love the game, the experience was waning on me. I jumped over to another of my all time faves Galactic Civilization II and posted some of my custom ship packs, then I set out to find more custom content I could [...]]]></description>
			<content:encoded><![CDATA[<p>Last year I published a number of<a title="Sim City 4 custom maps and downloads" href="http://www.designergamergeek.com/simcity4-custom-maps/" target="_self"> Sim City 4 maps</a> and while I love the game, the experience was waning on me.  I jumped over to another of my all time faves Galactic Civilization II and posted some of my <a title="Custom Galactic Civilization II Ships and Downloads" href="http://www.designergamergeek.com/galactic-civilizations-ii/" target="_self">custom ship packs</a>, then I set out to find more custom content I could make. That&#8217;s when I thought of <a title="Offical RollerCoaster Tycoon 3 Website" href="http://www.rollercoastertycoon.com/" target="_blank">Roller Coaster Tycoon 3</a>.<span id="more-430"></span></p>
<p>In my previous outings with RCT3 I had simply played through the campaign challenges, this time I was going to crack open the sandbox mode and build some custom maps.</p>
<h2>Six Bunnies Fluffy Mountain</h2>
<p>I named my first custom park &#8216;Six Bunnies Fluffy Mountain&#8217; as an homage to my new local Californian Theme Park. Here you&#8217;ll find a mountainous region complete with lake, custom waterfall and reflecting pool. The terrain transitions from rolling sand dunes to grassy plains, plains to jungle and jungle to snow-capped wasteland. Altogether you&#8217;ll have a large varied area to play with.</p>
<p>I&#8217;ve decided to make two downloads per map available. One will be mainly empty, only containing pre-placed paths. The other map will contain full rides and attractions from my play session for you to ride.</p>
<p><a title="Download Fluffy Mountain empty" href="/downloads/rct3-fluffymountain-empty.zip" target="_blank">Download the Empty path only park</a></p>
<p><a title="Download Fluffy Mountain full" href="/downloads/rct3-fluffymountain-full.zip" target="_blank">Download the Full Rides and Attractions park</a></p>
<p>(download and unzip these files into your &#8220;Parks&#8221; folder)</p>
<p>In the empty park I&#8217;ve started you off with with a central reflecting pool near the entrance, this pool feeds the stream which falls into the near by lake. Two main paths lead from the entrance along each side of the large central mountain. These paths eventually branch off in to dead ends. You&#8217;re all set to start building rides.</p>
<h3>Empty path only park<br />
<img class="alignnone" title="Fluffy Mountain paths only" src="/img/games/rct3/rct3-fluffymountain-pathsonly.jpg" alt="" width="100%" /></h3>
<p>If you choose to download the full park from my own play session you can look forward to some interesting rides and colorful scenery. A total of 8 rollercoasters, 12 thrill rides, a pool complex and a host of other attractions to test drive, modify or rebuild. I had extra fun building the scenery around the Rapids ride and the first ride built was the Wooden Coaster Tundra.</p>
<h3>Full Ride and Attractions park<br />
<img class="alignnone" title="Fluffy Mountain Full Park" src="/img/games/rct3/rct3-fluffymountain-fullpark.jpg" alt="" width="100%" /></h3>
<p>Here&#8217;s a small selection of screen shots from around the Full Ride and Attractions park. Be sure to link to your own Rollercoaster creations in the comments if you use this park!</p>
<h3>Park Preview<br />
<img class="alignnone" title="Preview 1" src="/img/games/rct3/rct3-fluffymountain-preview1.jpg" alt="" width="100%" /></h3>
<h3><img class="alignnone" title="Preview 2" src="/img/games/rct3/rct3-fluffymountain-preview2.jpg" alt="" width="100%" /></h3>
<h3><img class="alignnone" title="Preview 3" src="/img/games/rct3/rct3-fluffymountain-preview3.jpg" alt="" width="100%" /></h3>
<h3><img class="alignnone" title="Preview 4" src="/img/games/rct3/rct3-fluffymountain-preview4.jpg" alt="" width="100%" /></h3>
<h3><img class="alignnone" title="Preview 5" src="/img/games/rct3/rct3-fluffymountain-preview5.jpg" alt="" width="100%" /></h3>
<h3><img class="alignnone" title="Preview 6" src="/img/games/rct3/rct3-fluffymountain-preview6.jpg" alt="" width="100%" /></h3>
<h3><img class="alignnone" title="Preview 7" src="/img/games/rct3/rct3-fluffymountain-preview7.jpg" alt="" width="100%" /></h3>
<h3><img class="alignnone" title="Preview 8" src="/img/games/rct3/rct3-fluffymountain-preview8.jpg" alt="" width="100%" /></h3>
<h3><img class="alignnone" title="Preview 9" src="/img/games/rct3/rct3-fluffymountain-preview9.jpg" alt="" width="100%" /></h3>
]]></content:encoded>
			<wfw:commentRss>http://www.designergamergeek.com/games/rct3-custom-map-fluffy-mountain/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>How Facebook could have avoided all the fuss</title>
		<link>http://www.designergamergeek.com/general/how-facebook-could-have-avoided-all-the-fuss/</link>
		<comments>http://www.designergamergeek.com/general/how-facebook-could-have-avoided-all-the-fuss/#comments</comments>
		<pubDate>Fri, 28 May 2010 07:55:33 +0000</pubDate>
		<dc:creator>yaypaul</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[ideas]]></category>
		<category><![CDATA[openness]]></category>
		<category><![CDATA[policy]]></category>
		<category><![CDATA[privacy]]></category>
		<category><![CDATA[user-experience]]></category>

		<guid isPermaLink="false">http://www.designergamergeek.com/?p=423</guid>
		<description><![CDATA[Facebook Privacy issues have been all over the News, in the Blogs and all over Twitter for some time now. If you use Facebook it&#8217;s hard to avoid the issue and chances are you know at least a little about all the chatter. There&#8217;s one way Facebook could have avoided all this fuss a long [...]]]></description>
			<content:encoded><![CDATA[<p>Facebook Privacy issues have been all over <a title="Ars Technica - Privacy" href="http://arstechnica.com/tech-policy/news/2010/05/color-privacy-groups-unimpressed-with-facebook-updates.ars" target="_blank">the News</a>, in the <a title="Facebook changes, good, bad and ugly" href="http://www.eff.org/deeplinks/2009/12/facebooks-new-privacy-changes-good-bad-and-ugly" target="_blank">Blogs</a> and all over <a title="Twitter - Facebook Privacy" href="http://twitter.com/#search?q=facebook%20privacy" target="_blank">Twitter</a> for some time now. If you use Facebook it&#8217;s hard to avoid the issue and chances are you know at least a little about all the chatter. There&#8217;s one way Facebook could have avoided all this fuss a long time ago.<span id="more-423"></span></p>
<p><img class="alignnone" style="margin-top: 10px; margin-bottom: 15px;" title="Facebook Custom clip" src="/img/titles/facebook-custom.png" alt="" width="488" height="100" /><br />
<a title="Facebook.com - Homepage" href="http://www.facebook.com" target="_blank">Facebook</a> could have avoided all the fuss a long time ago by having a clear Privacy Policy, there Facebook could have outlined exactly what data they wanted to be public. This Policy could have been outlined very early on and each new user would have had to accept it as part of the registration process. The user then knows from the outset which data will be held publicly for searches or advert targeting, and then the user has a choice &#8211; accept and use the site or reject and go elsewhere.</p>
<p>After the user has made their choice accepted the Policy and entered the site proper the settings should be simple, usable and use an ounce of common sense. Each post, update or upload is posted to only friends of the user, posting is then clear to everyone &#8220;your posts are only seen by the people you choose to be friends with&#8221;. Of course your application would also need an override to change the entry from private to public status, and it&#8217;s important that the User Experience happens in this direction. This is where common sense comes in: no one wants the hassle of selecting &#8216;make this private&#8217; every time they want to hide information, what&#8217;s far more intuitive is selecting which entries you wish to be public.</p>
<h3>Some barriers are good</h3>
<p>Yes One&#8217;s first objection will probably be that this adds a barrier to entry. Yes it does. This barrier is one Facebook should want; only users who accept or don&#8217;t care enough to read the Public Policy become their user base. Facebook would then be free to use the agreed data for any purpose they have outlined openly in the Policy. This totally eliminates having any type of heated community banter over privacy, as long as you stick to your own outlined rules &#8211; which brings me on to my next and final point.</p>
<p>Be consistent, don&#8217;t go pulling the rug from under your users every six months. No one&#8217;s saying you shouldn&#8217;t change and evolve your rules with the community and the world at large. People like stability, users are people. Move to a flexible Policy change cycle, once every eighteen months with a period of consultation before the start of the next cycle. Stability  alone isn&#8217;t going to cut it though, constancy is needed also. Flip-flopping between Privacy directions, radically changing interface controls or changing Policy definitions is not being consistent. Again, evolution is expected with software and internet applications so change is not an outlandish idea, gradual, intelligent, user friendly changes are paramount. A user shouldn&#8217;t have to work to understand an application&#8217;s Policies, the application should work to make it&#8217;s Policies usable and communicative. I believe the average user is far more accepting than most think, if things are out in the open and clear to understand I think Registrations would be on par.</p>
<p>Enough theorizing, Facebook doesn&#8217;t really have any of those options anymore. Not unless it would be willing to rewrite some base Facebook Policies, lose some users along the way, eat a whole lot of humble pie and be willing to take an extended time to rebuild trust in it&#8217;s products and data use.</p>
<h3>Think like a person</h3>
<p>Be clear, be consistent  and be usable. Plan for your data use from the start, anticipate and avoid the Facebook backlash.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.designergamergeek.com/general/how-facebook-could-have-avoided-all-the-fuss/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>In the end you&#8217;ve still got to build your Flash correctly</title>
		<link>http://www.designergamergeek.com/general/in-the-end-youve-still-got-to-build-your-flash-correctly/</link>
		<comments>http://www.designergamergeek.com/general/in-the-end-youve-still-got-to-build-your-flash-correctly/#comments</comments>
		<pubDate>Fri, 28 May 2010 07:25:35 +0000</pubDate>
		<dc:creator>yaypaul</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[General]]></category>
		<category><![CDATA[adobe]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[best-practice]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[must-haves]]></category>
		<category><![CDATA[tips]]></category>

		<guid isPermaLink="false">http://www.designergamergeek.com/?p=413</guid>
		<description><![CDATA[Fellow internet dwellers will recall the Apple open letter about Flash support on it&#8217;s mobile platform, the inevitable Adobe follow up and a world of News coverage. I&#8217;ve made my opinion known on Twitter a couple of times. If your project calls for Flash or if you just choose to use it, there are some [...]]]></description>
			<content:encoded><![CDATA[<p>Fellow internet dwellers will recall the <a title="Apple.com - Thoughts on Flash" href="http://www.apple.com/hotnews/thoughts-on-flash/" target="_blank">Apple open letter</a> about Flash support on it&#8217;s mobile platform, the inevitable <a title="Adobe.com - Open Markets" href="http://www.adobe.com/choice/openmarkets.html" target="_blank">Adobe follow up</a> and a world of <a title="SmashingMag - Disappearance of Flash" href="http://www.smashingmagazine.com/2010/04/12/the-gradual-disappearance-of-flash-websites/" target="_blank">News coverage</a>. I&#8217;ve made my opinion known <a title="Twitter.com/yaypaul entry" href="http://twitter.com/yaypaul/status/12122540710" target="_blank">on Twitter</a> a couple of times. If your project calls for Flash or if you just choose to use it, there are some best practices which can help everybody out.<span id="more-413"></span><br />
<img class="alignnone" style="margin-top: 20px; margin-bottom: 15px;" title="Flash timeline image" src="/img/titles/flash-timeline.png" alt="" width="488" height="100" /><br />
Whether or not you should use Flash or HTML5 is a discussion for another time, here we&#8217;re concerned with getting the best Flash experience for the user. If your project already uses Flash and you want to make sure your files are optimized, or if you&#8217;re new to the program and want to know some best practices: I offer the below as a quick overview to creating efficient Flash files.</p>
<p>Let&#8217;s start with one of the most important aspects of Flash building.</p>
<h3>Reuse your symbols</h3>
<p>Where possible you should reuse symbols instead of creating new ones.<br />
I.E. you need a cloud graphic, an oval button and a spot light effect. For each of those elements you only need one base symbol. Start by creating a circle of any color then convert it to a graphic symbol. Drag an instance of the circle from the library to the stage, go to the properties and set the circle color to white via the &#8216;tint&#8217; option. Copy and paste this circle a number of times, changing size, shape and opacity where needed to create your cloud. Return to the stage and create your other two elements using the original circle symbol following the same color/alpha change process to get the desired effects.<br />
The same types of symbol reuse can be used with a number of different shapes or combination of shapes. Need a forest? Create one trunk and one leaf, copy paste the leaf to make the tree, return to the stage and pull in as many trees as you need from the library.</p>
<p>Symbol reuse in this manor helps Flash keep the number of individually rendered elements to a minimum.</p>
<h3>Keep symbol numbers to a minimum</h3>
<p>The number of individual symbols you create works hand in hand with symbol reuse. The simple rule is: do not create symbols unless you need them and where possible create a new symbol from an existing one and transform it.</p>
<h3>Never animate using keyframes</h3>
<p>Using separate keyframes containing separate artwork is a sure fire way to make your file huge. As a rule, you should always animate your symbols using motion tweens, one moving element is much smaller than using multiple elements to create the same effect.</p>
<h3>Never use shape tweens</h3>
<p>Under no circumstances should you be using any type of shape tween. The shape tween feature will bloat your movies and substantially slow down play back.</p>
<h3>Use Jpeg&#8217;s sparingly</h3>
<p>While Jpeg&#8217;s are sometimes needed to complete a Flash project you should try and limit their use to critical applications only. Jpeg&#8217;s affect the file size of Flash movies in a big way, if you have to use them, make sure you&#8217;ve used the &#8216;save for web feature&#8217; in Photoshop before importing them into your Flash library.</p>
<h3>Stream user initiated audio and video files</h3>
<p>Audio and video files should always been linked to and loaded as a stream from your main Flash file, never include these files inside your main file.<br />
To ensure optimum User Experience, audio and video files which are loaded from within your Movie should always be initiated by the user and should contain Play/Pause/Stop and/or Mute functionality as a minimum. In some cases the &#8216;no auto playback&#8217; rule may be broken; Video files inside a Flash ad may start immediately, audio files should still require user initiation.</p>
<p>Depending on the type of Flash file you are creating, some or all of the following tips may help you reduce the size of your exported Movie.</p>
<h3>Limit your color palette</h3>
<p>Using a limited color palette, much like saving a GIF at 128 rather than 256 colors, can substantially lower your Movie size.  It is recommended you use tints of existing colors where possible.</p>
<h3>Limit use of gradients</h3>
<p>Limiting the use of gradients works hand in hand with limiting color palettes. A good rule is: two is great, five is too many. Remember this refers to individual different gradients, reusing the same gradient is fine (see: symbol reuse).</p>
<h3>Limit use of transparency</h3>
<p>Using transparency can allow you to create some great effects, but those same effects are slowing and bloating your Movies. As a general rule: individual items which include transparency, I.E. a button with drop shadow, are fine. You should try to avoid layered transparent items and you should definitely avoid tweening multiple transparent items across each other as this will result in playback slowdown.</p>
<p>Should you need to further shrink your Flash file after following all the tips above you may wish to try the following;</p>
<h3>Save for an older version</h3>
<p>Unless you absolutely need your Flash file to play in the latest plugin it is recommended you save for files for Flash Player 8. Saving files down from a later version to Flash 8 can sometimes shave as much as 25% off the file size.</p>
<h3>Drop frame rate</h3>
<p>25 FPS+ is the realm of TV and video, your Flash files should be around 15 FPS for optimum playback/file size. Dropping the frame rate, even below 15 FPS may be needed to lower your file size further.</p>
<p>And that&#8217;s about all I&#8217;ve got in the &#8216;must haves&#8217; category, if you think of anymore &#8216;must haves&#8217; or just want to share some advanced techniques please feel free to do so in the comments.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.designergamergeek.com/general/in-the-end-youve-still-got-to-build-your-flash-correctly/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Valve has taken an important first step, now we need to follow through</title>
		<link>http://www.designergamergeek.com/games/valve-has-taken-an-important-first-step-now-we-need-to-follow-through/</link>
		<comments>http://www.designergamergeek.com/games/valve-has-taken-an-important-first-step-now-we-need-to-follow-through/#comments</comments>
		<pubDate>Wed, 03 Mar 2010 23:50:47 +0000</pubDate>
		<dc:creator>yaypaul</dc:creator>
				<category><![CDATA[Games]]></category>
		<category><![CDATA[General]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[gaming]]></category>
		<category><![CDATA[important-steps]]></category>
		<category><![CDATA[platform]]></category>
		<category><![CDATA[steam]]></category>
		<category><![CDATA[steampowered]]></category>
		<category><![CDATA[valve]]></category>
		<category><![CDATA[valve-software]]></category>

		<guid isPermaLink="false">http://www.designergamergeek.com/?p=408</guid>
		<description><![CDATA[This week Valve, the creator of the legendary Half Life series of games has been releasing some teaser images hinting that it&#8217;s Steam platform may soon be on the way to an Apple computer near you. This is an important first step for the gaming community as a whole, one in which we the gamers [...]]]></description>
			<content:encoded><![CDATA[<p>This week <a title="Link to Valve Software" href="http://www.valvesoftware.com/" target="_blank">Valve</a>, the creator of the legendary Half Life series of games has been releasing some teaser images hinting that it&#8217;s Steam platform may soon be on the way to an <a title="Link to Apple" href="http://www.apple.com/" target="_blank">Apple</a> computer near you. This is an important first step for the gaming community as a whole, one in which we the gamers need to follow through on.<span id="more-408"></span></p>
<p>Let us not underestimate that last sentence. This is an important step for the gaming community, not just for the Apple users but for all PC gamers. What Am I talking about? Competition. Having games created for and released only on one PC platform inevitably hurts the market as a whole. Think of how the console market would look like if the only one available was a Playstation. Now imagine if that one console maker released an update that gave you a bloated unusable interface and then forced all it&#8217;s game developers to create games for the platform because it was the only way to use new features.<br />
The point I&#8217;m trying to make here is that we have choice and a competitive market with consoles. This isn&#8217;t even about games, it&#8217;s about people being able to use the system they feel most comfortable with.</p>
<p>The Apple platform is now as good as any PC for gaming, gone are the architecture differences of decades past. It&#8217;s about time game developers saw this market for the potential it has, but it&#8217;s up to us as gamers to help support Valve and any other companies that create games natively for the Mac. Supporting Valve now is an integral part of making this work. Why? Because you&#8217;ll not be finding any other large studios games on the Apple Steam platform for a while, at least I think. My guess is that the large publishers will be looking to Valves sales of it&#8217;s own Steam based games before making any decisions about bringing their ported or porting/creating games for the platform.</p>
<p>For the good of PC gaming itself, that is why we need to support Steam on Macs.</p>
<p>If you&#8217;ve not caught any of the hubbub on BoingBoing or seen any of the teaser images head over to the article <a title="Read the BoingBoing Article" href="http://www.boingboing.net/2010/03/03/gallery-valve-tease.html" target="_blank">Gallery: Valve tease Steam/Half-Life/Left 4 Dead for Macs, in style</a> for a look see.</p>
<p><strong>Update</strong>: There is an interesting article and discussion at <a title="Rock Paper Shotgun article" href="http://www.rockpapershotgun.com/2010/03/03/valves-big-fat-hint-steam-for-macs/" target="_blank">rockspapershotgun.com</a> where they also point out a <a title="List of ported Mac games" href="http://savygamer.co.uk/2010/03/03/here-is-a-list-of-games-currently-on-steam-that-already-have-a-native-mac-port-in-existence/" target="_blank">list of already ported Mac games</a>. Quite a few in that list so we may see more than just Valve games at launch, however I still think the big publishers will be looking at Steam sales to decide whether to make an Apple push themselves or not.</p>
<p><strong>Update:</strong> I took a little break from posting to plan a wedding, in that time Valve have confirmed, beta&#8217;d and shipped Steam for Mac. In fact it&#8217;s currently installed and downloading Portal which <a title="Ars Steam for Mac launch article" href="http://arstechnica.com/apple/news/2010/05/steam-for-macs-launches-with-free-portal-63-games.ars" target="_blank">Valve gave away for free</a> with the release of the Mac platform. Here&#8217;s hoping other publishers see the value in our gamers too! To comment on the above update quickly: Valve have released a <a title="Steam support article listing Mac games on SteamPlay" href="https://support.steampowered.com/kb_article.php?ref=9439-QHKN-1308" target="_blank">list of supported games</a> at launch, hopefully we&#8217;ll see some more mainstream titles shortly. I&#8217;d love to have Dawn of War II or Valve&#8217;s own Half Life 2 on my OS X side.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.designergamergeek.com/games/valve-has-taken-an-important-first-step-now-we-need-to-follow-through/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Free The Garden poster</title>
		<link>http://www.designergamergeek.com/projects/free-the-garden-poster/</link>
		<comments>http://www.designergamergeek.com/projects/free-the-garden-poster/#comments</comments>
		<pubDate>Tue, 09 Feb 2010 02:29:27 +0000</pubDate>
		<dc:creator>yaypaul</dc:creator>
				<category><![CDATA[Posters]]></category>
		<category><![CDATA[Projects]]></category>
		<category><![CDATA[a3]]></category>
		<category><![CDATA[aaryn nutter]]></category>
		<category><![CDATA[download]]></category>
		<category><![CDATA[free]]></category>
		<category><![CDATA[garden]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[rerelease]]></category>
		<category><![CDATA[self-promotion]]></category>

		<guid isPermaLink="false">http://www.designergamergeek.com/?p=404</guid>
		<description><![CDATA[A few years ago I had an A2 Giclee print for sale on my portfolio titled &#8220;The Garden&#8221;. Recently I&#8217;ve had some enquiries about the print, read on for my response. Back when I originally released this poster the print run was very sort, the cost to print at A2 was rather high and sales [...]]]></description>
			<content:encoded><![CDATA[<p>A few years ago I had an A2 Giclee print for sale on my portfolio titled &#8220;The Garden&#8221;. Recently I&#8217;ve had some enquiries about the print, read on for my response.<span id="more-404"></span></p>
<p>Back when I originally released this poster the print run was very sort, the cost to print at A2 was rather high and sales low. Back then I decided to discontinue the print and move on to other things, not really giving it a second thought. Recently someone asked me about the print and if it was available for download, today it is.</p>
<h3>Origins</h3>
<p>Circa 2007, originally this poster was designed for personal marketing, later turned into a Giclee print for sale. The poster makes use of vector as well as photographic elements and takes some of it&#8217;s inspiration from <a title="Visit the Wiki entry" href="http://en.wikipedia.org/wiki/Monty_Python" target="_blank">Monty Python artwork</a>.  The model is my then friend, now wife, <a title="Visit Aaryn's site now" href="http://www.heyaaryn.com" target="_blank">Aaryn Nutter</a>.</p>
<h3>Format</h3>
<p>The reformatted poster is available at A3 size (that&#8217;s 297x420mm), 150dpi in CMYK color. While it&#8217;s recommended that you print the poster at A3 size, scaling larger or smaller should work fine.</p>
<p><a title="Download The Garden poster now" href="/downloads/thegarden-a3poster-designergamergeek.com.pdf" target="_blank">Download The Garden poster free now</a> (3.9MB)</p>
<p><img class="alignnone" title="The Garden Preview" src="/downloads/posters/thegarden-poster-thumb.jpg" alt="" width="475" height="672" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.designergamergeek.com/projects/free-the-garden-poster/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Core CSS 1.2.1 update</title>
		<link>http://www.designergamergeek.com/projects/core-css-1-2-1-update/</link>
		<comments>http://www.designergamergeek.com/projects/core-css-1-2-1-update/#comments</comments>
		<pubDate>Sat, 06 Feb 2010 21:42:28 +0000</pubDate>
		<dc:creator>yaypaul</dc:creator>
				<category><![CDATA[Core CSS]]></category>
		<category><![CDATA[Projects]]></category>
		<category><![CDATA[1.2.1]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[minified]]></category>
		<category><![CDATA[reset]]></category>
		<category><![CDATA[standardized]]></category>
		<category><![CDATA[update]]></category>

		<guid isPermaLink="false">http://www.designergamergeek.com/?p=399</guid>
		<description><![CDATA[This is a small update to Core CSS 1.2 which includes bug fixes and additions. For more information see the full page details. There are two new additions with this update. The first is a class to handle negative text indentation for image replacement items, attach this class to any item you want to hide [...]]]></description>
			<content:encoded><![CDATA[<p>This is a small update to <a title="See Core CSS 1.2" href="/projects/core-css-1-2-update/" target="_blank">Core CSS 1.2</a> which includes bug fixes and additions. For more information see the full page details.<span id="more-399"></span></p>
<p>There are two new additions with this update. The first is a class to handle negative text indentation for image replacement items, attach this class to any item you want to hide from user view but still have in the page for search engines to read. The second addition is three classes to help you control your text transformations, it&#8217;s now easy to handle text that comes in at the wrong case.</p>
<p>I fixed a minor spelling issue with all the charcoal named elements. I&#8217;ve left the old spelling in place, if you&#8217;ve used this style on other sites you can feel free to update your Core CSS without fear of those older classes breaking. I also adjusted the colors of the standard input elements slightly, they should now be more readable.</p>
<p>As always; using this code requires you include <a title="Download Reset CSS now" href="http://meyerweb.com/eric/css/" target="_blank">Eric Meyer&#8217;s Reset CSS</a> before Core CSS. This can be included either at the beginning of Core CSS or in a separate file which is called first.</p>
<p><strong>Change log</strong> 1.2 &gt; 1.2.1<br />
1. + Added new Class txtImg. Used on image replacement items to remove the text from user display.<br />
2. + Added three new Classes to handle Text Transforms: capitalize, uppercase, lowercase.<br />
3. -/+ Fixed a minor spelling error: charcol becomes charcoal. Old spelling left for backwards compatibility.<br />
4. -/+ Amended colors on standard input items to be more user friendly.</p>
<p><strong>There are three ways for you to download the code.</strong><br />
1. Copy and paste the code listed below.</p>
<p>2. <a title="Download the incompressed version of Core CSS 1.2.1" href="/downloads/core.1.2.1.css" target="_blank">Download a file containing the full Core CSS</a>.</p>
<p>3. <a title="Download the minified version of Core CSS 1.2.1" href="/downloads/core.1.2.1.min.css" target="_blank">Download a file containing a minified version of Core CSS</a>.</p>
<pre class="brush: css;">
/* core.css Paul West [http://www.yaypaul.com] */
/* Version: 1.2.1 - 2010-01-18 */

body{background:#fff;}

/* Block level */
div{overflow:hidden;}
.visible{overflow:visible;}
p.closed{margin:0;}
p.open{margin:35px 0 0 0;}
p.mini{margin:10px 0 0 0;}
.float{float:left !important;}
.floatRight{float:right !important;}
.relative{position:relative !important;}
.absolute{position:absolute !important;}
.fixed{position:fixed !important;}
.hidden{display:none}
.block{display:block}
.top{position:fixed; top:0; z-index:10;}
.txtImg{text-indent:-2000px;}

/* Page frameworks */
.frameworkCenter{margin:0 auto;}
.frameworkLeft{left:0; top:0; position:absolute;}
.frameworkRight{right:0; top:0; position:absolute;}

/* Page layout */
.width100{width:100% !important;}
.width75{width:75% !important;}
.width66{width:66% !important;}
.width50{width:50% !important;}
.width25{width:25% !important;}
.width33{width:33% !important;}
.width20{width:20% !important;}

/* Clearing */
.clear{clear:both;}
.clearLeft{clear:left;}
.clearRight{clear:right;}

/* Content control */
.left{text-align:left !important;}
.right{text-align:right !important;}
.center{text-align:center !important;}
.justify{text-align:justify !important;}
.capitalize{text-transform:capitalize;}
.uppercase{text-transform:uppercase;}
.lowercase{text-transform:lowercase;}
.small{font-size:smaller;}
pre{background-color:#fff; border:#333 dashed 1px; padding:10px;}
blockquote{padding:20px; font-style:italic;}

/* Links */
a{text-decoration:underline;}
a:hover{text-decoration:none;}
a:visited{text-decoration:underline;}

/* Colours */
.white{color:#fff !important;}
.black{color:#000 !important;}
.chalk{color:#eee;}
.charcol, .charcoal{color:#333;}
.darkestGrey{color:#484848;}
.darkGrey{color:#666;}
.midGrey{color:#888;}
.lightGrey{color:#ccc;}
.lightestGrey{color:#e5e5e5;}

/* Background colours */
.whiteBg{background-color:#fff !important;}
.blackBg{background-color:#000 !important;}
.chalkBg{background-color:#eee;}
.charcolBg, .charcoalBg{background-color:#333;}
.darkestGreyBg{background-color:#484848;}
.darkGreyBg{background-color:#666;}
.midGreyBg{background-color:#999;}
.lightGreyBg{background-color:#ccc;}
.lightestGreyBg{background-color:#e5e5e5;}
.superLightGreyBg{background-color:#f5f5f5;}

/* Normalise headings */
h1, h2, h3, h4, h5, h6{font-weight:normal;}

/* Table formating */
table td{padding:2px;}
td.first{padding:2px 2px 2px 4px;}

/* Input formating */
input, select, textarea{font-family:Arial, Helvetica, sans-serif; margin-right:10px; padding:4px; background-color:#e5e5e5; border:0;}
input:focus, select:focus, textarea:focus{background-color:#f5f5f5;}
input[type=&quot;radio&quot;]{border:0 solid !important;}
input[type=&quot;checkbox&quot;]{border:0 solid !important;}
input[type=&quot;submit&quot;]{background-color:#e5e5e5;}
input[type=&quot;submit&quot;]:hover{background-color:#75d0ff;}
</pre>
]]></content:encoded>
			<wfw:commentRss>http://www.designergamergeek.com/projects/core-css-1-2-1-update/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Deadly Furry Cute, new toys, downloads and site</title>
		<link>http://www.designergamergeek.com/projects/deadly-furry-cute-new-toys-downloads-and-site/</link>
		<comments>http://www.designergamergeek.com/projects/deadly-furry-cute-new-toys-downloads-and-site/#comments</comments>
		<pubDate>Mon, 01 Feb 2010 07:04:48 +0000</pubDate>
		<dc:creator>yaypaul</dc:creator>
				<category><![CDATA[Deadly Furry Cute]]></category>
		<category><![CDATA[Projects]]></category>
		<category><![CDATA[download]]></category>
		<category><![CDATA[free]]></category>
		<category><![CDATA[news]]></category>
		<category><![CDATA[paper]]></category>
		<category><![CDATA[toys]]></category>
		<category><![CDATA[update]]></category>

		<guid isPermaLink="false">http://www.designergamergeek.com/?p=390</guid>
		<description><![CDATA[Well over a year in the making fitting the work in when I could, the Deadly Furry Cute relaunch is finally over. I&#8217;m going to run through some of the changes, additions and the overall direction of the project here in the projects section. Lets start with the obvious change first; New website The most [...]]]></description>
			<content:encoded><![CDATA[<p>Well over a year in the making fitting the work in when I could, the Deadly Furry Cute relaunch is finally over. I&#8217;m going to run through some of the changes, additions and the overall direction of the project here in the projects section.<span id="more-390"></span></p>
<p>Lets start with the obvious change first;</p>
<h2>New website</h2>
<p>The most notable change is to the website, it&#8217;s had the full make-over treatment. The old first iteration of the Deadly Furry Cute website was a simple one page site, great for testing the concept and getting something up, not so great for organizing content. So the first step was to get some content management in place. As usual WordPress was more than enough for the content task, even knowing I needed at least two different page formats -most of the details for the toys are simply saved in custom fields.</p>
<p>Download counting is also much more streamlined, now using a WordPress plugin rather than my own custom script. While the custom script worked fine, I&#8217;d never built a frontend to actually display the details -I was checking via myphpadmin.<br />
This change does mean the perma-links for the old toys no longer work, but that&#8217;s ok, Series 1 has changed to Series 1 Edition 2. Those first editions are no longer an offering.</p>
<h2>New toys</h2>
<p>The next most noticeable change is to the number of toys. <a title="Download Series 2 now!" href="http://www.deadlyfurrycute.com/toys/series-2-squirrels/" target="_blank">Series 2: Squirrels</a> and <a title="Download Series 3 now!" href="http://www.deadlyfurrycute.com/toys/series-3-apes/" target="_blank">Series 3: Apes</a> are now released taking the total number of downloadable animal individuals to nine.</p>
<p>I&#8217;ve talked before about <a title="Read the template article now" href="http://www.designergamergeek.com/projects/new-deadly-furry-cute-templates-complete/" target="_self">changing templates</a>, having multiple sizes, <a title="Read the illustration article" href="http://www.designergamergeek.com/projects/new-illustration-style-better-illustration-style/" target="_self">trying different styles</a>, and the <a title="Read the design article" href="http://www.designergamergeek.com/projects/deadly-furry-cute-v2-i%E2%80%99m-getting-there/" target="_self">design I went with</a> for the new series -I wont cover those again. One thing you might have missed is that the series to start it all, Series 1, also has a face lift. The changes to the first series are subtle, I didn&#8217;t want to mess with a good thing, but they&#8217;re enough to make the first edition obsolete.</p>
<h2>Even more new toys</h2>
<p>Inspired by a request from an American Educator, Deadly Furry Cute now comes complete with alternate &#8216;Color Your Own&#8217; versions. These versions are simply as they sound, toys which for the most part have all the features of the original -but none of the color, leaving you to color them as you see fit. You&#8217;re free to use any coloring medium, I dare say pencil, pen or paint would be easiest though.</p>
<h2>The Game</h2>
<p>The revamped Deadly Furry Cute toys all have six stats printed on their base (also available on the site), one stat lists the toys health, the others it&#8217;s attributes. Using these attributes in conjunction with the basic rules on the site -or any rules you decide to make up for that matter,  can make for a fun little game.<br />
I&#8217;m hoping the two rule sets I&#8217;ve devised will add some more depth to the toys outside building and displaying them.</p>
<h2>Extra free stuff</h2>
<p>OK so the toys are free yes, but you still need to build them, how about some swag which doesn&#8217;t require assembly?<br />
On the site you&#8217;ll now find a number of extras for your Mac/PC, iPhone, Droid or online applications. At the moment that means you&#8217;ve got access to some Deadly Furry Cute desktops, device wallpaper and avatar icons, more to follow.</p>
<h2>Moving forward</h2>
<p>I do have a hard written plan for Deadly Furry Cute, time-line is a little <a title="Whibley-wobbly timey whimey" href="http://www.youtube.com/watch?v=vY_Ry8J_jdw&amp;feature=related" target="_blank">whibley-wobbly</a> but the plan is there. I&#8217;m not going to go over it here -where would the surprises be! I will say: many more series are in the works and each one will eventually have a Color Your Own version.</p>
<p><strong>Head over to <a title="Download some paper toys!" href="http://www.deadlyfurrycute.com" target="_blank">deadlyfurrycute.com</a> now to download the toys, goodies or leave some feedback.</strong></p>
<h3></h3>
]]></content:encoded>
			<wfw:commentRss>http://www.designergamergeek.com/projects/deadly-furry-cute-new-toys-downloads-and-site/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
