<?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>Andrew Colclough &#187; web development</title>
	<atom:link href="http://andrewdc.com/blog/category/web-development/feed/" rel="self" type="application/rss+xml" />
	<link>http://andrewdc.com/blog</link>
	<description>Multimedia Designer</description>
	<lastBuildDate>Fri, 16 Apr 2010 15:45:26 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Playlegions on Facebook</title>
		<link>http://andrewdc.com/blog/2009/10/playlegions-on-facebook/</link>
		<comments>http://andrewdc.com/blog/2009/10/playlegions-on-facebook/#comments</comments>
		<pubDate>Sat, 10 Oct 2009 03:17:28 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Projects]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[web development]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[devlopment]]></category>
		<category><![CDATA[extjs]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[smarty]]></category>
		<category><![CDATA[social game]]></category>
		<category><![CDATA[UI/UX]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://andrewdc.com/blog/?p=124</guid>
		<description><![CDATA[
Visit: PlayLegions Facebook App
CSS/XHTML/Javascript/PHP, Front-End UI/UX Design.
Since InstantAction technology allows games to be played inside a web browser, why not integrate one of our popular games with Facebook&#8217;s extensive social network?






The Facebook integration of PlayLegions was much more in depth than the version on PlayLegions.com. Users could navigate through a tutorial and many different maps, [...]]]></description>
			<content:encoded><![CDATA[<p class="image"><a href="http://andrewdc.com/blog/2009/10/playlegions-on-facebook/"><img src="http://andrewdc.com/images/projects/fbpl-main.jpg" alt="InstantAction" /></a><br />
<span class="button">Visit:</span><a href="http://apps.facebook.com/playlegions/" class="button"> PlayLegions Facebook App</a><font color="#666699"><br />
CSS/XHTML/Javascript/PHP, Front-End UI/UX Design.</font></p>
<p>Since InstantAction technology allows games to be played inside a web browser, why not integrate one of our popular games with Facebook&#8217;s extensive social network?<span id="more-124"></span></p>
<p class="gallery clearfix">
<a href="http://andrewdc.com/images/fbpl/fbpl-2.jpg" title="Fallen Empire: Legions single player fully integrated into Facebook" class="zoom"><img src="http://andrewdc.com/images/fbpl/tnfbpl-2.jpg" alt="Single Image" /></a><br />
<a href="http://andrewdc.com/images/fbpl/fbpl-3.jpg" title="Compete against your friend's, or all user's times" class="zoom"><img src="http://andrewdc.com/images/fbpl/tnfbpl-3.jpg" alt="Single Image" /></a><br />
<a href="http://andrewdc.com/images/fbpl/fbpl-4.jpg" title="A Unique level selector system" class="zoom"><img src="http://andrewdc.com/images/fbpl/tnfbpl-4.jpg" alt="Single Image" /></a><br />
<a href="http://andrewdc.com/images/fbpl/fbpl-1.jpg" title="Connecting players with other InstantAction games" class="zoom"><img src="http://andrewdc.com/images/fbpl/tnfbpl-1.jpg" alt="Single Image" /></a>
</p>
<p>The Facebook integration of PlayLegions was much more in depth than the version on PlayLegions.com. Users could navigate through a tutorial and many different maps, and routes. Also, the game is integrated with Facebook&#8217;s user accounts and social feed system. Our goal was to make it simple for users to invite and challenge their friends in Legions racing mode. Check out some of the screenshots on the right &#8211; or add the app in <a href="http://apps.facebook.com/playlegions/">Facebook</a>.</p>
<p>Here are some of my other Garage Games web projects:</p>
<ul>
<li><a href="http://instantaction.com">Instantaction.com</a> (My <a href="http://andrewdc.com/blog/2009/10/instantaction/">portfolio link</a>.)
</li>
<li><a href="http://playlegions.com/">PlayLegions</a> (My <a href="http://andrewdc.com/blog/2009/10/playlegions-com/">portfolio link</a>.)
</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://andrewdc.com/blog/2009/10/playlegions-on-facebook/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>PlayLegions.com</title>
		<link>http://andrewdc.com/blog/2009/10/playlegions-com/</link>
		<comments>http://andrewdc.com/blog/2009/10/playlegions-com/#comments</comments>
		<pubDate>Sat, 10 Oct 2009 01:38:45 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[web development]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[garage games]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[playlegions]]></category>
		<category><![CDATA[smarty]]></category>
		<category><![CDATA[UI/UX]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://andrewdc.com/blog/?p=115</guid>
		<description><![CDATA[
Visit: PlayLegions.com
CSS/XHTML/Javascript/PHP, Front-End UI/UX Design.
PlayLegions is a single player version of the popular InstantAction game Fallen Empire: Legions. One of our key goals with PlayLegions was to streamline our design and help users get directly into a game without having to register.

Any game powered by InstantAction technology first requires a user to install a browser [...]]]></description>
			<content:encoded><![CDATA[<p class="image"><a href="http://andrewdc.com/blog/2009/10/playlegions-com/"><img src="http://andrewdc.com/images/projects/pl-main.jpg" alt="Play Legions" /></a><br />
<span class="button">Visit:</span><a href="http://playlegions.com/" class="button"> PlayLegions.com</a><font color="#666699"><br />
CSS/XHTML/Javascript/PHP, Front-End UI/UX Design.</font></p>
<p>PlayLegions is a single player version of the popular InstantAction game Fallen Empire: Legions. One of our key goals with PlayLegions was to streamline our design and help users get directly into a game without having to register.<span id="more-115"></span></p>
<p class="gallery clearfix"><a href="http://andrewdc.com/images/pl/pl-1.jpg" title="PlayLegions was designed to get users quickly into their first game"><img src="http://andrewdc.com/images/pl/tnpl-1.jpg" alt="PlayLegions" /></a></p>
<p>Any game powered by InstantAction technology first requires a user to install a browser plugin. PlayLegions was designed to make this process as straightforward for the user as possible. For instance &#8211; the home page was designed with a clear call to action, a simple plugin install process, and no account registration or login requirement. </p>
<p>One key change from InstantAction was switching from a fixed dimension site window &#8211; to a design that could support extended vertical pages, similar to more traditional websites. Each major part of the page is broken into modules. This allowed us to work on these pieces individually, while making them easy to rearrange to fit a pages specific needs. </p>
<p>Here are some of my other Garage Games web projects:</p>
<ul>
<li><a href="http://instantaction.com">Instantaction.com</a> (My <a href="http://andrewdc.com/blog/2009/10/instantaction/">portfolio link</a>.)
</li>
<li><a href="http://apps.facebook.com/playlegions/">PlayLegions Facebook</a> (My <a href="http://andrewdc.com/blog/2009/10/playlegions-on-facebook/">portfolio link</a>.)
</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://andrewdc.com/blog/2009/10/playlegions-com/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>InstantAction</title>
		<link>http://andrewdc.com/blog/2009/10/instantaction/</link>
		<comments>http://andrewdc.com/blog/2009/10/instantaction/#comments</comments>
		<pubDate>Fri, 09 Oct 2009 02:23:04 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Illustration]]></category>
		<category><![CDATA[Projects]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[web development]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[game console]]></category>
		<category><![CDATA[garage games]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[instantaction]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[web 2.0]]></category>

		<guid isPermaLink="false">http://andrewdc.com/blog/?p=120</guid>
		<description><![CDATA[
Visit: InstantAction.com
CSS/XHTML/Javascript/PHP, Front-End UI/UX Design.
The first project I worked on for Garage Games was (and is) InstantAction. InstantAction is basically a game console, similar to Microsoft&#8217;s XBOX, or Nintendo&#8217;s Wii, that you can load up in your web browser. Launching in early spring of 2008, InstantAction now boasts more than 2 million registered users from [...]]]></description>
			<content:encoded><![CDATA[<p class="image"><a href="http://andrewdc.com/blog/2009/10/instantaction/"><img src="http://andrewdc.com/images/projects/instantaction-main.jpg" alt="InstantAction" /></a><br />
<span class="button">Visit:</span><a href="http://instantaction.com/" class="button"> InstantAction.com</a><font color="#666699"><br />
CSS/XHTML/Javascript/PHP, Front-End UI/UX Design.</font></p>
<p>The first project I worked on for <a href="http://garagegames.com">Garage Games</a> was (and is) <a href="http://instantaction.com">InstantAction</a>. InstantAction is basically a game console, similar to Microsoft&#8217;s XBOX, or Nintendo&#8217;s Wii, that you can load up in your web browser. Launching in early spring of 2008, InstantAction now boasts more than<strong> 2 million registered users</strong> from all around the world.<span id="more-120"></span></p>
<p class="gallery clearfix">
<a href="http://andrewdc.com/images/ia/ia-1.jpg" title="The InstantAction Game Console" class="zoom"><img src="http://andrewdc.com/images/ia/tnia-1.jpg" alt="Single Image" /></a><br />
<a href="http://andrewdc.com/images/ia/ia-3.jpg" title="InstantAction's Messaging System" class="zoom"><img src="http://andrewdc.com/images/ia/tnia-3.jpg" alt="Single Image" /></a><br />
<a href="http://andrewdc.com/images/ia/ia-2.jpg" title="Marble Blast Online's pre-game settings panel" class="zoom"><img src="http://andrewdc.com/images/ia/tnia-2.jpg" alt="Single Image" /></a><br />
<a href="http://andrewdc.com/images/ia/ia-4.jpg" title="The community panel delivers users with the latest IA forum discussion, podcast and social media connections, and user highlights" class="zoom"><img src="http://andrewdc.com/images/ia/tnia-4.jpg" alt="Single Image" /></a><br />
<a href="http://andrewdc.com/images/ia/ia-5.jpg" title="I helped build a complex store system into InstantAction so users could purchase bonus content" class="zoom"><img src="http://andrewdc.com/images/ia/tnia-5.jpg" alt="Single Image" /></a><br />
<a href="http://andrewdc.com/images/ia/ia-6.jpg" title="Coding a table-less leaderboard layout was challenging, but worth it" class="zoom"><img src="http://andrewdc.com/images/ia/tnia-6.jpg" alt="Single Image" /></a><br />
<a href="http://andrewdc.com/images/ia/ia-7.jpg" title="A military themed avatar pack - Illustrated with Photoshop" class="zoom"><img src="http://andrewdc.com/images/ia/tnia-7.jpg" alt="Single Image" /></a>
</p>
<p>The InstantAction console is a complex <acronym title="Asynchronous JavaScript and XML">AJAX</acronym> web application. Though the application is built upon many technologies &#8211; I worked primarily with <acronym title="Hyper Text Markup Language">HTML</acronym>, <acronym title="Cascading Style Sheets">CSS</acronym>, Javascript, and some <acronym title="Hypertext Preprocessor">PHP</acronym>. I worked between the web design and the development teams to integrate our designs into the web application. </p>
<p>One of my first projects was applying the styles to the InstantAction <a href="http://andrewdc.com/images/ia/ia-3.jpg" title="InstantAction's Messaging System">messaging system panels</a>. From there I moved on to build the layout and styling for the various <a href="http://andrewdc.com/images/ia/ia-2.jpg" title="Marble Blast Online's pre-game settings panel">game interfaces</a>. Each game had it&#8217;s own interface in the web where the user could configure the game settings (such as level and game mode) and chat with other members of their party, before launching and playing each game. </p>
<p>I also helped build and integrate <a href="http://andrewdc.com/images/ia/ia-5.jpg" title="I helped build a complex store system into InstantAction so users could purchase bonus content" class="zoom">InstantAction&#8217;s store</a>, <a href="http://andrewdc.com/images/ia/ia-6.jpg" title="Coding a table-less leaderboard layout was challenging, but worth it" class="zoom">game leaderboards</a>, as well as <a href="http://andrewdc.com/images/ia/ia-4.jpg" title="The community panel delivers users with the latest IA forum discussion, podcast and social media connections, and user highlights" class="zoom">social media and community features</a>.</p>
<p>Though I primarily worked building HTML and CSS structures, I also had the opportunity to illustrate an <a href="http://andrewdc.com/images/ia/ia-7.jpg" title="A military themed avatar pack - Illustrated with Photoshop">avatar set</a> which users could purchase.</p>
<p>InstantAction was a great opportunity to work directly with other designers and developers to pioneer a cutting edge web 2.0 game platform.</p>
<p>Here are some of my other Garage Games web projects:</p>
<ul>
<li><a href="http://playlegions.com">PlayLegions.com</a> (My <a href="http://andrewdc.com/blog/2009/10/playlegions-com/">portfolio link</a>.)
</li>
<li><a href="http://apps.facebook.com/playlegions/">PlayLegions Facebook</a> (My <a href="http://andrewdc.com/blog/2009/10/playlegions-on-facebook/">portfolio link</a>.)
</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://andrewdc.com/blog/2009/10/instantaction/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

