<?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>pixelbreaker &#187; Work</title>
	<atom:link href="http://blog.pixelbreaker.com/category/work/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.pixelbreaker.com</link>
	<description></description>
	<lastBuildDate>Wed, 11 Jan 2012 17:01:08 +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>Development with Mobile devices/VMs and local hosting</title>
		<link>http://blog.pixelbreaker.com/mac/devices-host-proxy-hosts</link>
		<comments>http://blog.pixelbreaker.com/mac/devices-host-proxy-hosts#comments</comments>
		<pubDate>Wed, 11 Jan 2012 16:38:21 +0000</pubDate>
		<dc:creator>gabes</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[Mac]]></category>
		<category><![CDATA[Work]]></category>

		<guid isPermaLink="false">http://blog.pixelbreaker.com/?p=196</guid>
		<description><![CDATA[I&#8217;ve longed for a way to avoid having duplicate host files on all my virtual machines for a while now. And when I relalised there was is no way on iPad to modify hosts, I had to find a way. Here&#8217;s my solution, using a proxy on my host machine, and pointing iPad, mobile, and [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve longed for a way to avoid having duplicate host files on all my virtual machines for a while now. And when I relalised there was is no way on iPad to modify hosts, I had to find a way. Here&#8217;s my solution, using a proxy on my host machine, and pointing iPad, mobile, and Virtual Box guest OSes to the proxy.<br />
<span id="more-196"></span></p>
<p>If you care at all about developing good websites, then you test on platforms other then the one you chose. These days, this includes mobile and tablet devices. I&#8217;m lucky with my latest projects, the target browsers are FF6+, Google Chrome, Safari 5 and iPad iOS5.</p>
<p>I usually host sites I&#8217;m developing locally, a simple LAMP setup. I then add a pseudo-domain to my hosts file <code>/etc/hosts</code> along these lines:</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;">127.0.0.1       portfolio.<span style="color: #660066;">dev</span>
127.0.0.1       blog.<span style="color: #660066;">dev</span></pre></div></div>

<p>This is all well and good when I&#8217;m accessing the server from my own machine (which relies on this host file before DNS servers), but when inside a VM (Virtual Machine, I use <a href="https://www.virtualbox.org/">VirtualBox</a> running Win XP/7 and Ubuntu) testing, you have to mess about doing the same hacks to the windows/linux hosts file, and working out what the IP of the host OS is. I got sick of doing this.</p>
<p>And to top this off, when I got an iPad for testing, upon realising there is no hosts file, had to find another solution. This is where a local proxy server comes in. I&#8217;ve used <a href="http://www.charlesproxy.com/">Charles: Web Debugging</a> Proxy for years. It&#8217;s perfect for inspecting requests and responses, can handles many types of data, AMF, JSON etc. Basically, it makes web application development a hell of a lot easier!</p>
<p>I then googled a bit, and found that if I set an HTTP proxy on the iPad, it would route DNS requests through there too. So the hosts file on my development machine, would work on the iPad!!! Simply start up Charles, then go to your WiFi settings on the iPad and configure the HTTP proxy. By default, Charles uses the port 8888.</p>
<p>You can also add these settings in any Virtual Machines you&#8217;re running on your machine. I&#8217;ve tested this in Windows XP and Windows 7 running on Virtual Box. If anyone tests this on Parallels, please let me know if it works.</p>
<p>Here&#8217;s some example configs on iPad and Windows 7 running in Virtual Box.<br/><br />
<a href="http://blog.pixelbreaker.com/wp-content/uploads/2012/01/iPad-Proxy.png"><img src="http://blog.pixelbreaker.com/wp-content/uploads/2012/01/iPad-Proxy-300x225.png" alt="" title="iPad Proxy" width="300" height="225" class="alignleft size-medium wp-image-199" style="display: inline-block;" /></a><br />
<a href="http://blog.pixelbreaker.com/wp-content/uploads/2012/01/Screen-Shot-2012-01-11-at-16.28.08.png"><img src="http://blog.pixelbreaker.com/wp-content/uploads/2012/01/Screen-Shot-2012-01-11-at-16.28.08-300x229.png" alt="" title="Screen Shot 2012-01-11 at 16.28.08" width="300" height="229" class="alignleft size-medium wp-image-201" style="display: inline-block;" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.pixelbreaker.com/mac/devices-host-proxy-hosts/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>New role at Digit!</title>
		<link>http://blog.pixelbreaker.com/work/new-role-at-digit</link>
		<comments>http://blog.pixelbreaker.com/work/new-role-at-digit#comments</comments>
		<pubDate>Tue, 17 Jul 2007 16:52:11 +0000</pubDate>
		<dc:creator>gabes</dc:creator>
				<category><![CDATA[Work]]></category>

		<guid isPermaLink="false">http://blog.pixelbreaker.com/work/new-role-at-digit/</guid>
		<description><![CDATA[After being freelance for the last 8 months, which has been pretty chaotic, I&#8217;ve accepted the position of &#8220;Senior Creative Technologist&#8221; at digit, a long established London agency. It&#8217;s going to be a really interesting role for me, where I&#8217;ll carry on working with the Flash Platform (Flash, Flex, and hopefully some AIR apps), but [...]]]></description>
			<content:encoded><![CDATA[<p>After being freelance for the last 8 months, which has been pretty chaotic, I&#8217;ve accepted the position of &#8220;Senior Creative Technologist&#8221; at <a href="http://www.digitlondon.com/" target="_blank">digit</a>, a long established London agency.</p>
<p>It&#8217;s going to be a really interesting role for me, where I&#8217;ll carry on working with the Flash Platform (Flash, Flex, and hopefully some AIR apps), but also be involved in developing and designing physical interaction pieces using many technologies that I&#8217;ll be new to. Like Java, C#, mobile phone development, touch screens, motion sensors, whatever goes really. It&#8217;s going to be a great opportunity to broaden my knowledge.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.pixelbreaker.com/work/new-role-at-digit/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>GammaSlamma</title>
		<link>http://blog.pixelbreaker.com/work/gammaslamma</link>
		<comments>http://blog.pixelbreaker.com/work/gammaslamma#comments</comments>
		<pubDate>Thu, 22 Mar 2007 14:17:03 +0000</pubDate>
		<dc:creator>gabes</dc:creator>
				<category><![CDATA[Work]]></category>

		<guid isPermaLink="false">http://blog.pixelbreaker.com/uncategorized/gammaslamma/</guid>
		<description><![CDATA[I&#8217;ve just discovered this little app! All you do is drag a png onto it, and it strips all the Gamma information out of the PNG file, which happens to make the colours perfect in Flash, and also takes a lot off the filesize. I just processed a background image that was 116Kb and it [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve just discovered this little app! All you do is drag a png onto it, and it strips all the Gamma information out of the PNG file, which happens to make the colours perfect in Flash, and also takes a lot off the filesize.</p>
<p>I just processed a background image that was 116Kb and it came out as 63Kb!!!</p>
<p><a href="http://www.shealanforshaw.com/gammaslamma-11-update-now-available/" target="_blank">Download it here</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.pixelbreaker.com/work/gammaslamma/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

