<?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>Hyperactive'82</title>
	<atom:link href="http://www.hyperactive82.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.hyperactive82.com</link>
	<description>^_^</description>
	<lastBuildDate>Tue, 16 Feb 2010 15:59:29 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Sixrocket</title>
		<link>http://www.hyperactive82.com/sixrocket/</link>
		<comments>http://www.hyperactive82.com/sixrocket/#comments</comments>
		<pubDate>Tue, 16 Feb 2010 15:58:04 +0000</pubDate>
		<dc:creator>Ziwei</dc:creator>
				<category><![CDATA[Portfolio]]></category>

		<guid isPermaLink="false">http://www.hyperactive82.com/?p=644</guid>
		<description><![CDATA[

Date : Jan 2010
Work : Web Design, Web Development
Art Director: Peter Chow
Designer: Ang Ziwei
Coder: Ang Ziwei, Ang Hock Kay
BackEnd Programmer: Gopinathan
Client : Moophstudio


]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.hyperactive82.com/wp-content/uploads/2010/02/sixrocket_01.jpg" alt="Sixrocket" title="Sixrocket" width="810" height="753" class="aligncenter size-full wp-image-645" /><img src="http://www.hyperactive82.com/wp-content/uploads/2010/02/sixrocket_03.jpg" alt="Sixrocket" title="Sixrocket" width="810" height="710" class="aligncenter size-full wp-image-647" /><img src="http://www.hyperactive82.com/wp-content/uploads/2010/02/sixrocket_02.jpg" alt="Sixrocket" title="Sixrocket" width="810" height="1327" class="aligncenter size-full wp-image-646" /><img src="http://www.hyperactive82.com/wp-content/uploads/2010/02/sixrocket_04.jpg" alt="Sixrocket" title="Sixrocket" width="810" height="907" class="aligncenter size-full wp-image-648" /></p>
<div class="desc">
<p><span class="label">Date :</span> Jan 2010</p>
<p><span class="label">Work :</span> Web Design, Web Development</p>
<p><span class="label">Art Director:</span> <a href="http://www.moop.com">Peter Chow</a></p>
<p><span class="label">Designer:</span> <a href="http://www.hyperactive82.com">Ang Ziwei</a></p>
<p><span class="label">Coder:</span> <a href="http://www.hyperactive82.com">Ang Ziwei</a>, <a href="http://kayakay.com/">Ang Hock Kay</a></p>
<p><span class="label">BackEnd Programmer:</span> Gopinathan</p>
<p><span class="label">Client :</span> <a href="http://www.mooph.com" target="_blank">Moophstudio</a></p>
<p class="information">
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.hyperactive82.com/sixrocket/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>IE opacity filter &#8211; another reason to hate IE</title>
		<link>http://www.hyperactive82.com/ie-opacity-filter-another-reason-to-hate-ie/</link>
		<comments>http://www.hyperactive82.com/ie-opacity-filter-another-reason-to-hate-ie/#comments</comments>
		<pubDate>Tue, 26 Jan 2010 17:33:09 +0000</pubDate>
		<dc:creator>Ziwei</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[internet explorer]]></category>
		<category><![CDATA[opacity filter]]></category>

		<guid isPermaLink="false">http://www.hyperactive82.com/?p=533</guid>
		<description><![CDATA[Ran into some hair-tearing problem with IE again. This time with its opacity filter. Apparently, you have to declare the width and height of the element where you are applying the filter for it to work even though a block element is suppose to get its width and height from its contents, at least, that&#8217;s [...]]]></description>
			<content:encoded><![CDATA[<p>Ran into some hair-tearing problem with IE again. This time with its opacity filter. Apparently, you have to declare the width and height of the element where you are applying the filter for it to work even though a block element is suppose to get its width and height from its contents, at least, that&#8217;s how it works for safari and firefox.</p>
<p>This issue has been observed in IE 7.0 and IE 6.0, IE 8.0, however do not exhibit this problem.</p>
<p>See the example below, you will need to view it in the culprit browser which is IE 7 or below to see the problem and solution.</p>
<p><strong>Opacity filter before setting the width and height</strong><br />
<div><div class="wp-synhighlighter-expanded"><a name="#codesyntax1"></a><a style="wp-synhighlighter-title; display:none;" href="#codesyntax1"  onClick="javascript:wpContainer=this.parentNode.parentNode.getElementsByTagName('div')[1];	if(wpContainer.style.display=='none') {wpContainer.style.display=''; this.parentNode.className='wp-synhighlighter-expanded'} 	else {wpContainer.style.display='none'; this.parentNode.className='wp-synhighlighter-collapsed'}">Code</a></div><div class="wp-synhighlighter-inner"><pre class="pascal" style="font-family:monospace;"><ol><li style="font-weight: normal; vertical-align:top;"><div style="font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;">&lt;div style<span style="color: #339933;">=</span><span style="color: #ff0000;">&quot;display:block; filter:alpha(opacity=50); background-color:#000;&quot;</span>&gt;</div></li><li style="font-weight: normal; vertical-align:top;"><div style="font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;">&lt;div style<span style="color: #339933;">=</span><span style="color: #ff0000;">&quot;height:100px; width:100px; padding: 20px; color:#FFF&quot;</span>&gt;<span style="color: #cc66cc;">50</span>% transparency&lt;<span style="color: #339933;">/</span>div&gt;</div></li><li style="font-weight: normal; vertical-align:top;"><div style="font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;">&lt;<span style="color: #339933;">/</span>div&gt;</div></li></ol></pre></div></div></p>
<div style="display:block; filter:alpha(opacity=50); background-color:#000;">
<div style="padding: 20px; height: 100px; width: 100px; color: #FFF;">50% transparency</div>
</div>
<p>The above example will render as a solid black box with no transparency in IE 7.0 and below</p>
<p><strong>Opacity filter after setting the width and height</strong><br />
<div><div class="wp-synhighlighter-expanded"><a name="#codesyntax2"></a><a style="wp-synhighlighter-title; display:none;" href="#codesyntax2"  onClick="javascript:wpContainer=this.parentNode.parentNode.getElementsByTagName('div')[1];	if(wpContainer.style.display=='none') {wpContainer.style.display=''; this.parentNode.className='wp-synhighlighter-expanded'} 	else {wpContainer.style.display='none'; this.parentNode.className='wp-synhighlighter-collapsed'}">Code</a></div><div class="wp-synhighlighter-inner"><pre class="pascal" style="font-family:monospace;"><ol><li style="font-weight: normal; vertical-align:top;"><div style="font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;">&lt;div style<span style="color: #339933;">=</span><span style="color: #ff0000;">&quot;display: block; filter:alpha(opacity=50); background-color: #000000; height: 100%; width: 100%;&quot;</span>&gt;</div></li><li style="font-weight: normal; vertical-align:top;"><div style="font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;">&lt;div style<span style="color: #339933;">=</span><span style="color: #ff0000;">&quot;padding: 20px; height: 100px; width: 100px; color: #FFF;&quot;</span>&gt;<span style="color: #cc66cc;">50</span>% transparency&lt;<span style="color: #339933;">/</span>div&gt;</div></li><li style="font-weight: normal; vertical-align:top;"><div style="font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;">&lt;<span style="color: #339933;">/</span>div&gt;</div></li></ol></pre></div></div></p>
<div style="display: block; filter:alpha(opacity=50); background-color: #000000; height: 100%; width: 100%;">
<div style="padding: 20px; height: 100px; width: 100px; color: #FFF;">50% transparency</div>
</div>
<p>At last the opacity filter is working now.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hyperactive82.com/ie-opacity-filter-another-reason-to-hate-ie/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Apple wireless keyboard</title>
		<link>http://www.hyperactive82.com/apple-wireless-keyboard/</link>
		<comments>http://www.hyperactive82.com/apple-wireless-keyboard/#comments</comments>
		<pubDate>Sun, 27 Dec 2009 13:25:19 +0000</pubDate>
		<dc:creator>Ziwei</dc:creator>
				<category><![CDATA[Gadgets]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[bluetooth]]></category>
		<category><![CDATA[keyboard]]></category>
		<category><![CDATA[mac]]></category>

		<guid isPermaLink="false">http://www.hyperactive82.com/?p=502</guid>
		<description><![CDATA[Got the wafer-thin apple wireless keyboard at last. Been refraining from buying one due to worries that the keys may be too cramp for comfort, but fortunately this is far from the true. Take away the numerical pad, the keys is actually more spacious than my previous keyboard. The layout and size is also identical [...]]]></description>
			<content:encoded><![CDATA[<p>Got the wafer-thin apple wireless keyboard at last. Been refraining from buying one due to worries that the keys may be too cramp for comfort, but fortunately this is far from the true. Take away the numerical pad, the keys is actually more spacious than my previous keyboard. The layout and size is also identical to my MBP which i have already gotta use to by now. Now i have more space to organize the stuffs on my desk. </p>
<div class="wp-caption aligncenter" style="width: 510px"><a href="http://farm3.static.flickr.com/2630/4218600820_066fc2a928_b.jpg"><img src='http://farm3.static.flickr.com/2630/4218600820_066fc2a928.jpg' class='flickr'alt='Apple wireless keyboard'/></a><p class="wp-caption-text">The apple keyboard still in its box escorted by Shana-chan</p></div>
<div class="wp-caption aligncenter" style="width: 510px"><a href="http://farm3.static.flickr.com/2758/4217836167_22880c97b5_b.jpg"><img src='http://farm3.static.flickr.com/2758/4217836167_22880c97b5.jpg' class='flickr'alt='Apple wireless keyboard'/></a><p class="wp-caption-text">Neat packaging</p></div>
<div class="wp-caption aligncenter" style="width: 510px"><a href="http://farm5.static.flickr.com/4064/4218605134_2e10bea4aa_b.jpg"><img src='http://farm5.static.flickr.com/4064/4218605134_2e10bea4aa.jpg' class='flickr'alt='Apple wireless keyboard'/></a><p class="wp-caption-text">The apple keyboard with my old keyboard in the background. Yes i know, its a window keyboard but its served its purpose well.</p></div>
<div class="wp-caption aligncenter" style="width: 510px"><a href="http://farm3.static.flickr.com/2798/4218606828_55e9928ed3_b"><img src='http://farm3.static.flickr.com/2798/4218606828_55e9928ed3.jpg' class='flickr'alt='Apple wireless keyboard'/></a><p class="wp-caption-text">I'm so going to miss the number pad</p></div>
<div class="wp-caption aligncenter" style="width: 510px"><a href="http://farm3.static.flickr.com/2573/4217832533_f2834c4e0a_b"><img src='http://farm3.static.flickr.com/2573/4217832533_f2834c4e0a.jpg' class='flickr'alt='Apple wireless keyboard'/></a><p class="wp-caption-text">The current books laying on my desk, the magazine behind is MONOCLE issue 29</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.hyperactive82.com/apple-wireless-keyboard/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sixrocket Invitation EDM</title>
		<link>http://www.hyperactive82.com/sixrocket-invitation-edm/</link>
		<comments>http://www.hyperactive82.com/sixrocket-invitation-edm/#comments</comments>
		<pubDate>Wed, 16 Dec 2009 14:15:41 +0000</pubDate>
		<dc:creator>Ziwei</dc:creator>
				<category><![CDATA[Portfolio]]></category>

		<guid isPermaLink="false">http://www.hyperactive82.com/?p=639</guid>
		<description><![CDATA[

Date : Dec 2009
Work : Web Design, Web Development
Designer and Coder: Ang Ziwei
Client : Moophstudio


]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.hyperactive82.com/wp-content/uploads/2010/02/sixrocket_invite_edm.jpg" alt="Sixrocket Invitation Edm" title="Sixrocket Invitation Edm" width="500" height="713" class="centered size-full wp-image-641" /></p>
<div class="desc">
<p><span class="label">Date :</span> Dec 2009</p>
<p><span class="label">Work :</span> Web Design, Web Development</p>
<p><span class="label">Designer and Coder:</span> <a href="http://www.hyperactive82.com">Ang Ziwei</a></p>
<p><span class="label">Client :</span> <a href="http://www.mooph.com" target="_blank">Moophstudio</a></p>
<p class="information">
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.hyperactive82.com/sixrocket-invitation-edm/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sixrocket Countdown To Launch Splash Page</title>
		<link>http://www.hyperactive82.com/sixrocket-countdown-to-launch-splash-page/</link>
		<comments>http://www.hyperactive82.com/sixrocket-countdown-to-launch-splash-page/#comments</comments>
		<pubDate>Wed, 16 Dec 2009 13:56:11 +0000</pubDate>
		<dc:creator>Ziwei</dc:creator>
				<category><![CDATA[Portfolio]]></category>

		<guid isPermaLink="false">http://www.hyperactive82.com/?p=633</guid>
		<description><![CDATA[

Date : Dec 2009
Work : Web Design, Web Development
Designer and Coder: Ang Ziwei
Client : Moophstudio


]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.hyperactive82.com/wp-content/uploads/2010/02/countdown.jpg" alt="Sixrocket Countdown" title="Sixrocket Countdown" width="810" height="486" class="aligncenter size-full wp-image-634" /></p>
<div class="desc">
<p><span class="label">Date :</span> Dec 2009</p>
<p><span class="label">Work :</span> Web Design, Web Development</p>
<p><span class="label">Designer and Coder:</span> <a href="http://www.hyperactive82.com">Ang Ziwei</a></p>
<p><span class="label">Client :</span> <a href="http://www.mooph.com" target="_blank">Moophstudio</a></p>
<p class="information">
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.hyperactive82.com/sixrocket-countdown-to-launch-splash-page/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Retro coloured strips background in Photoshop</title>
		<link>http://www.hyperactive82.com/retro-coloured-strips-background-in-photoshop/</link>
		<comments>http://www.hyperactive82.com/retro-coloured-strips-background-in-photoshop/#comments</comments>
		<pubDate>Sat, 14 Nov 2009 17:24:29 +0000</pubDate>
		<dc:creator>Ziwei</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[background]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[graphic design]]></category>

		<guid isPermaLink="false">http://www.hyperactive82.com/?p=473</guid>
		<description><![CDATA[<a href="/retro-coloured-strips-background-in-photoshop"><img src="http://www.hyperactive82.com/wp-content/uploads/2009/11/strips.jpg" alt="strips" title="strips" width="610" height="200" class="alignleft size-full wp-image-482" /></a>
Here, i will show you how to create a retro coloured strips background in photoshop that's useful for quick banner, web site header designs. I'm using Photoshop CS3 in this tutorial. 
]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-482" title="strips" src="http://www.hyperactive82.com/wp-content/uploads/2009/11/strips.jpg" alt="strips" width="610" height="200" /><br />
Here, i will show you how to create a retro coloured strips background in photoshop that&#8217;s useful for quick banner, web site header designs. I&#8217;m using Photoshop CS3 in this tutorial.</p>
<h4>STEP 1</h4>
<p>First, we will need the all almighty clouds. Those of you who read alot of photoshop tutorial/guide will realise that alot of them start from the humble render clouds. Go to Filter &gt; Render &gt; Clouds.<br />
<img class="alignleft size-full wp-image-474" title="01" src="http://www.hyperactive82.com/wp-content/uploads/2009/11/01.jpg" alt="01" width="610" height="200" /></p>
<h4>STEP 2</h4>
<p>Next go to Filter &gt; Pixelate &gt; Mezzotint. Both step 1 and 2 generate random patterns, so you may want to repeat these 2 steps to get different result.<br />
<img class="alignleft size-full wp-image-475" title="02" src="http://www.hyperactive82.com/wp-content/uploads/2009/11/02.jpg" alt="02" width="610" height="200" /></p>
<h4>STEP 3</h4>
<p>Go to Filter &gt; Blur &gt; Motion Blur. Set the angle to 46 and viola, your background is almost ready sans the colours.<br />
<img class="alignleft size-full wp-image-476" title="03" src="http://www.hyperactive82.com/wp-content/uploads/2009/11/03.jpg" alt="03" width="610" height="200" /></p>
<h4>STEP 4</h4>
<p>For colours, create a new layer and set its blending mode to overlay, then apply a rainbow gradient across making sure that the gradient angle align to your strips.<br />
<img class="alignleft size-full wp-image-477" title="04" src="http://www.hyperactive82.com/wp-content/uploads/2009/11/04.jpg" alt="04" width="610" height="200" /></p>
<h4>STEP 5</h4>
<p>Adjust the colour brightness of the gradient layer using the curve tool (Ctrl + M). Of course you can skip this step if you are happy with the colours you got in step 4.<br />
<img class="alignleft size-full wp-image-478" title="05" src="http://www.hyperactive82.com/wp-content/uploads/2009/11/05.jpg" alt="05" width="610" height="400" /></p>
<h4>STEP 6</h4>
<p>The background is already done at this stage, but i would like some vignetting effect around the edge.<br />
Create another layer and fill it with black. Select a portion of the layer using the Elliptical Marquee Tool with Feather set to 50 as shown below.<br />
<img class="alignleft size-full wp-image-483" title="screen02" src="http://www.hyperactive82.com/wp-content/uploads/2009/11/screen02.jpg" alt="screen02" width="613" height="203" /></p>
<h4>STEP 7</h4>
<p>Delete the selected portion away and we are done.<br />
<img class="alignleft size-full wp-image-479" title="06" src="http://www.hyperactive82.com/wp-content/uploads/2009/11/06.jpg" alt="06" width="610" height="200" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.hyperactive82.com/retro-coloured-strips-background-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>NotePods &#8211; Draw your iPhone apps</title>
		<link>http://www.hyperactive82.com/notepods-draw-your-iphone-apps/</link>
		<comments>http://www.hyperactive82.com/notepods-draw-your-iphone-apps/#comments</comments>
		<pubDate>Fri, 18 Sep 2009 04:23:38 +0000</pubDate>
		<dc:creator>Ziwei</dc:creator>
				<category><![CDATA[Gadgets]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[notepads]]></category>
		<category><![CDATA[NotePod]]></category>

		<guid isPermaLink="false">http://www.hyperactive82.com/?p=430</guid>
		<description><![CDATA[<a href="http://www.hyperactive82.com/notepods-draw-your-iphone-apps/"><img src="http://www.hyperactive82.com/wp-content/uploads/2009/09/notepod_thumbnail.jpg" alt="NotePods,draw your iPhone apps" title="NotePods,draw your iPhone apps" width="140" height="120" class="alignleft size-full wp-image-448" /></a>iPhone shaped notepads that let you jolt down your iPhone apps ideas on the printed iPhone window. The notepod come in pad of 100pp, printed on both sides with iphone window on 1 side to draw apps interface and a light 6mm grid on the other to jolt down notes and quick sketches.

From the folks over at <a href="http://jackywinter.com/" target="_blank">Jacky Winter Group</a> and <a href="http://inventivelabs.com.au/" target="_blank">Inventive Labs</a> in Melbourne, Australia. These Notepods are sold in pack of 3 over <a href="http://notepod.net/" target="_blank">here</a>.]]></description>
			<content:encoded><![CDATA[<p>iPhone shaped notepads that let you jolt down your iPhone apps ideas on the printed iPhone window. The notepod come in pad of 100pp, printed on both sides with iphone window on 1 side to draw apps interface and a light 6mm grid on the other to jolt down notes and quick sketches.</p>
<p>From the folks over at <a href="http://jackywinter.com/" target="_blank">Jacky Winter Group</a> and <a href="http://inventivelabs.com.au/" target="_blank">Inventive Labs</a> in Melbourne, Australia. These Notepods are sold in pack of 3 over <a href="http://notepod.net/" target="_blank">here</a>.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-441" title="notepod" src="http://www.hyperactive82.com/wp-content/uploads/2009/09/notepod4.jpg" alt="notepod4" width="500" height="331" /><img class="aligncenter size-full wp-image-439" title="notepod" src="http://www.hyperactive82.com/wp-content/uploads/2009/09/notepod2.jpg" alt="notepod2" width="500" height="332" /><img class="aligncenter size-full wp-image-440" title="notepod" src="http://www.hyperactive82.com/wp-content/uploads/2009/09/notepod3.jpg" alt="notepod3" width="500" height="332" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.hyperactive82.com/notepods-draw-your-iphone-apps/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>AS3 Preloader Listener not firing in Internet Explorer</title>
		<link>http://www.hyperactive82.com/as3-preloader-listener-not-firing-in-internet-explorer/</link>
		<comments>http://www.hyperactive82.com/as3-preloader-listener-not-firing-in-internet-explorer/#comments</comments>
		<pubDate>Thu, 17 Sep 2009 09:15:32 +0000</pubDate>
		<dc:creator>Ziwei</dc:creator>
				<category><![CDATA[Actionscript]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[AS3.0]]></category>
		<category><![CDATA[bug]]></category>
		<category><![CDATA[eventListener]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[IE 6]]></category>
		<category><![CDATA[IE 7]]></category>
		<category><![CDATA[internet explorer]]></category>
		<category><![CDATA[Preloader]]></category>

		<guid isPermaLink="false">http://www.hyperactive82.com/?p=407</guid>
		<description><![CDATA[The ProgressEvent and loaderInfo listener does not fire in IE 6 and 7 during the preloading of a swf&#8217;s main timeline. It works fine the first time thought, but upon subsequent reload of the page either through refreshing the page, or through accessing the page from some other webpage in the same browser window, the [...]]]></description>
			<content:encoded><![CDATA[<p>The ProgressEvent and loaderInfo listener does not fire in IE 6 and 7 during the preloading of a swf&#8217;s main timeline. It works fine the first time thought, but upon subsequent reload of the page either through refreshing the page, or through accessing the page from some other webpage in the same browser window, the 2 listener simply refuse to function. Closing the browser and opening it again solved the problem but its not the solution to the problem.</p>
<div><div class="wp-synhighlighter-expanded"><a name="#codesyntax3"></a><a style="wp-synhighlighter-title; display:none;" href="#codesyntax3"  onClick="javascript:wpContainer=this.parentNode.parentNode.getElementsByTagName('div')[1];	if(wpContainer.style.display=='none') {wpContainer.style.display=''; this.parentNode.className='wp-synhighlighter-expanded'} 	else {wpContainer.style.display='none'; this.parentNode.className='wp-synhighlighter-collapsed'}">Code</a></div><div class="wp-synhighlighter-inner"><pre class="actionscript3" style="font-family:monospace;"><ol><li style="font-weight: normal; vertical-align:top;"><div style="font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;">&nbsp;</div></li><li style="font-weight: normal; vertical-align:top;"><div style="font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;"><span style="color: #339966; font-weight: bold;">function</span> progressionListener<span style="color: #000000;">&#40;</span>e<span style="color: #000000; font-weight: bold;">:</span><a href="http://www.google.com/search?q=progressevent%20inurl:http://livedocs.adobe.com/flex/201/langref/%20inurl:progressevent.html&amp;filter=0&amp;num=100&amp;btnI=lucky"><span style="color: #004993;">ProgressEvent</span></a><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #0033ff; font-weight: bold;">void</span> <span style="color: #000000;">&#123;</span></div></li><li style="font-weight: normal; vertical-align:top;"><div style="font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;">	<span style="color: #6699cc; font-weight: bold;">var</span> percentage<span style="color: #000000; font-weight: bold;">:</span><a href="http://www.google.com/search?q=number%20inurl:http://livedocs.adobe.com/flex/201/langref/%20inurl:number.html&amp;filter=0&amp;num=100&amp;btnI=lucky"><span style="color: #004993;">Number</span></a> = <a href="http://www.google.com/search?q=math%20inurl:http://livedocs.adobe.com/flex/201/langref/%20inurl:math.html&amp;filter=0&amp;num=100&amp;btnI=lucky"><span style="color: #004993;">Math</span></a>.<span style="color: #004993;">floor</span><span style="color: #000000;">&#40;</span> <span style="color: #000000;">&#40;</span>e.<span style="color: #004993;">bytesLoaded</span><span style="color: #000000; font-weight: bold;">*</span><span style="color: #000000; font-weight:bold;">100</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">/</span>e.<span style="color: #004993;">bytesTotal</span> <span style="color: #000000;">&#41;</span>;</div></li><li style="font-weight: normal; vertical-align:top;"><div style="font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;">        <span style="color: #004993;">trace</span> <span style="color: #000000;">&#40;</span>percentage<span style="color: #000000;">&#41;</span>;</div></li><li style="font-weight: bold; vertical-align:top;"><div style="font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;"><span style="color: #000000;">&#125;</span></div></li><li style="font-weight: normal; vertical-align:top;"><div style="font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;"><span style="color: #009900;">//</span></div></li><li style="font-weight: normal; vertical-align:top;"><div style="font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;"><span style="color: #339966; font-weight: bold;">function</span> completeListener<span style="color: #000000;">&#40;</span>e<span style="color: #000000; font-weight: bold;">:</span><a href="http://www.google.com/search?q=event%20inurl:http://livedocs.adobe.com/flex/201/langref/%20inurl:event.html&amp;filter=0&amp;num=100&amp;btnI=lucky"><span style="color: #004993;">Event</span></a><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #0033ff; font-weight: bold;">void</span><span style="color: #000000;">&#123;</span></div></li><li style="font-weight: normal; vertical-align:top;"><div style="font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;">      <span style="color: #004993;">trace</span><span style="color: #000000;">&#40;</span><span style="color: #990000;">&quot;Loading Complete&quot;</span><span style="color: #000000;">&#41;</span>;</div></li><li style="font-weight: normal; vertical-align:top;"><div style="font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;"><span style="color: #000000;">&#125;</span></div></li><li style="font-weight: bold; vertical-align:top;"><div style="font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;"><span style="color: #009900;">//</span></div></li><li style="font-weight: normal; vertical-align:top;"><div style="font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;"><span style="color: #0033ff; font-weight: bold;">this</span>.<span style="color: #004993;">loaderInfo</span>.<span style="color: #004993;">addEventListener</span><span style="color: #000000;">&#40;</span><a href="http://www.google.com/search?q=progressevent%20inurl:http://livedocs.adobe.com/flex/201/langref/%20inurl:progressevent.html&amp;filter=0&amp;num=100&amp;btnI=lucky"><span style="color: #004993;">ProgressEvent</span></a>.<span style="color: #004993;">PROGRESS</span>, progressionListener<span style="color: #000000;">&#41;</span>;</div></li><li style="font-weight: normal; vertical-align:top;"><div style="font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;"><span style="color: #0033ff; font-weight: bold;">this</span>.<span style="color: #004993;">loaderInfo</span>.<span style="color: #004993;">addEventListener</span><span style="color: #000000;">&#40;</span><a href="http://www.google.com/search?q=event%20inurl:http://livedocs.adobe.com/flex/201/langref/%20inurl:event.html&amp;filter=0&amp;num=100&amp;btnI=lucky"><span style="color: #004993;">Event</span></a>.<span style="color: #004993;">COMPLETE</span>, completeListener<span style="color: #000000;">&#41;</span>;</div></li></ol></pre></div></div>
<p>The above example will fail to work after the first loading in IE 6 and 7. </p>
<p>To overcome this problem, i forgo loader events and turn to enterframe events to grab the value of bytesLoaded on every pass of the enterframe event. Then i compare my bytesLoaded and bytesTotal to tell if my swf has finished loading before executing whatever that comes after that. This method is very AS 2.0 but at least it works. See the code below for the workaround.</p>
<div><div class="wp-synhighlighter-expanded"><a name="#codesyntax4"></a><a style="wp-synhighlighter-title; display:none;" href="#codesyntax4"  onClick="javascript:wpContainer=this.parentNode.parentNode.getElementsByTagName('div')[1];	if(wpContainer.style.display=='none') {wpContainer.style.display=''; this.parentNode.className='wp-synhighlighter-expanded'} 	else {wpContainer.style.display='none'; this.parentNode.className='wp-synhighlighter-collapsed'}">Code</a></div><div class="wp-synhighlighter-inner"><pre class="actionscript3" style="font-family:monospace;"><ol><li style="font-weight: normal; vertical-align:top;"><div style="font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;">&nbsp;</div></li><li style="font-weight: normal; vertical-align:top;"><div style="font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;"><span style="color: #339966; font-weight: bold;">function</span> enterFrameListener<span style="color: #000000;">&#40;</span>e<span style="color: #000000; font-weight: bold;">:</span><a href="http://www.google.com/search?q=event%20inurl:http://livedocs.adobe.com/flex/201/langref/%20inurl:event.html&amp;filter=0&amp;num=100&amp;btnI=lucky"><span style="color: #004993;">Event</span></a><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #0033ff; font-weight: bold;">void</span> <span style="color: #000000;">&#123;</span></div></li><li style="font-weight: normal; vertical-align:top;"><div style="font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;">	<span style="color: #6699cc; font-weight: bold;">var</span> _bytesLoaded =<span style="color: #0033ff; font-weight: bold;">this</span>.<span style="color: #004993;">loaderInfo</span>.<span style="color: #004993;">bytesLoaded</span>;</div></li><li style="font-weight: normal; vertical-align:top;"><div style="font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;">	<span style="color: #6699cc; font-weight: bold;">var</span> _bytesTotal = <span style="color: #0033ff; font-weight: bold;">this</span>.<span style="color: #004993;">loaderInfo</span>.<span style="color: #004993;">bytesTotal</span>;</div></li><li style="font-weight: bold; vertical-align:top;"><div style="font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;">	<span style="color: #6699cc; font-weight: bold;">var</span> percentge<span style="color: #000000; font-weight: bold;">:</span><a href="http://www.google.com/search?q=number%20inurl:http://livedocs.adobe.com/flex/201/langref/%20inurl:number.html&amp;filter=0&amp;num=100&amp;btnI=lucky"><span style="color: #004993;">Number</span></a> = <a href="http://www.google.com/search?q=math%20inurl:http://livedocs.adobe.com/flex/201/langref/%20inurl:math.html&amp;filter=0&amp;num=100&amp;btnI=lucky"><span style="color: #004993;">Math</span></a>.<span style="color: #004993;">floor</span><span style="color: #000000;">&#40;</span> <span style="color: #000000;">&#40;</span>_bytesLoaded<span style="color: #000000; font-weight: bold;">*</span><span style="color: #000000; font-weight:bold;">100</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">/</span>_bytesTotal <span style="color: #000000;">&#41;</span>;</div></li><li style="font-weight: normal; vertical-align:top;"><div style="font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;">        <span style="color: #004993;">trace</span><span style="color: #000000;">&#40;</span>percentage<span style="color: #000000;">&#41;</span></div></li><li style="font-weight: normal; vertical-align:top;"><div style="font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;">        <span style="color: #009900;">//</span></div></li><li style="font-weight: normal; vertical-align:top;"><div style="font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;">	<span style="color: #0033ff; font-weight: bold;">if</span> <span style="color: #000000;">&#40;</span>_bytesLoaded == _bytesTotal<span style="color: #000000;">&#41;</span> <span style="color: #000000;">&#123;</span></div></li><li style="font-weight: normal; vertical-align:top;"><div style="font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;">               <span style="color: #004993;">trace</span><span style="color: #000000;">&#40;</span><span style="color: #990000;">&quot;Loading Complete&quot;</span><span style="color: #000000;">&#41;</span>;</div></li><li style="font-weight: bold; vertical-align:top;"><div style="font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;">               <span style="color: #0033ff; font-weight: bold;">this</span>.<span style="color: #004993;">removeEventListener</span><span style="color: #000000;">&#40;</span><a href="http://www.google.com/search?q=event%20inurl:http://livedocs.adobe.com/flex/201/langref/%20inurl:event.html&amp;filter=0&amp;num=100&amp;btnI=lucky"><span style="color: #004993;">Event</span></a>.<span style="color: #004993;">ENTER_FRAME</span>,enterFrameListener<span style="color: #000000;">&#41;</span>;</div></li><li style="font-weight: normal; vertical-align:top;"><div style="font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;">	<span style="color: #000000;">&#125;</span></div></li><li style="font-weight: normal; vertical-align:top;"><div style="font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;"><span style="color: #000000;">&#125;</span></div></li><li style="font-weight: normal; vertical-align:top;"><div style="font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;"><span style="color: #009900;">//</span></div></li><li style="font-weight: normal; vertical-align:top;"><div style="font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;"><span style="color: #0033ff; font-weight: bold;">this</span>.<span style="color: #004993;">addEventListener</span><span style="color: #000000;">&#40;</span><a href="http://www.google.com/search?q=event%20inurl:http://livedocs.adobe.com/flex/201/langref/%20inurl:event.html&amp;filter=0&amp;num=100&amp;btnI=lucky"><span style="color: #004993;">Event</span></a>.<span style="color: #004993;">ENTER_FRAME</span>,enterFrameListener<span style="color: #000000;">&#41;</span>;</div></li></ol></pre></div></div>
<p>One interesting point to note is that this problem seen to only occur in the main swf and not other files loaded into the main swf.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hyperactive82.com/as3-preloader-listener-not-firing-in-internet-explorer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Digital Fast Food</title>
		<link>http://www.hyperactive82.com/digital-fast-food/</link>
		<comments>http://www.hyperactive82.com/digital-fast-food/#comments</comments>
		<pubDate>Sun, 13 Sep 2009 17:01:14 +0000</pubDate>
		<dc:creator>Ziwei</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[digital]]></category>
		<category><![CDATA[fake]]></category>
		<category><![CDATA[fast food]]></category>
		<category><![CDATA[tvc]]></category>

		<guid isPermaLink="false">http://www.hyperactive82.com/?p=316</guid>
		<description><![CDATA[Food commercials used to have food stylists preparing the foods to look attractive for photography or filming while making it inedible at the same time. Now, with powerful and cheap 3D programs, you can create delicious looking food that tingle your taste bug with nothing. The level of fakeness in commercial has just reached a whole new level.

If only MacDonald really serve food that's close to what they advertise.

<div class="youtubePost" style="width:560px;"><object width="560" height="448"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=5614632&#38;server=vimeo.com&#38;show_title=1&#38;show_byline=0&#38;show_portrait=0&#38;color=00ADEF&#38;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=5614632&#38;server=vimeo.com&#38;show_title=1&#38;show_byline=0&#38;show_portrait=0&#38;color=00ADEF&#38;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="560" height="448"></embed></object></div>]]></description>
			<content:encoded><![CDATA[<p>Food commercials used to have food stylists preparing the foods to look attractive for photography or filming while making it inedible at the same time. Now, with powerful and cheap 3D programs, you can create delicious looking food that tingle your taste bug with nothing. The level of fakeness in commercial has just reached a whole new level.</p>
<p>If only MacDonald really serve food that&#8217;s close to what they advertise.</p>
<div class="youtubePost" style="width:560px;"><object width="560" height="448"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=5614632&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=5614632&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="560" height="448"></embed></object></div>
]]></content:encoded>
			<wfw:commentRss>http://www.hyperactive82.com/digital-fast-food/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cleaning that mighty mouse pea ball</title>
		<link>http://www.hyperactive82.com/cleaning-that-mighty-mouse-pea-ball/</link>
		<comments>http://www.hyperactive82.com/cleaning-that-mighty-mouse-pea-ball/#comments</comments>
		<pubDate>Fri, 11 Sep 2009 08:12:10 +0000</pubDate>
		<dc:creator>Ziwei</dc:creator>
				<category><![CDATA[Gadgets]]></category>
		<category><![CDATA[cleaning]]></category>
		<category><![CDATA[mighty mouse]]></category>
		<category><![CDATA[mouse]]></category>
		<category><![CDATA[track ball]]></category>

		<guid isPermaLink="false">http://www.hyperactive82.com/?p=298</guid>
		<description><![CDATA[<a href="http://www.hyperactive82.com/cleaning-that-mighty-mouse-pea-ball/"><img class="alignleft size-full wp-image-304" title="mighty-mouse" src="http://www.hyperactive82.com/wp-content/uploads/2009/09/mighty-mouse.jpg" alt="mighty-mouse" width="140" height="120" align="left" /></a>Despite all the revolutionary innovations that goes in the making of Apple's Mighty Mouse, the ancient rubber trackball still has a important role to play in the form of the 360° Omni-direction scroll ball. And like all good rubber trackball, it get "stuck" and become sticky over time due to all the dirt that built up in it. However, unlike mouses of the old days which usually had a removable cover for you to remove the trackball for cleaning (and lose it afterward), the mighty mouse's trackball is sealed in.]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-304" title="mighty-mouse" src="http://www.hyperactive82.com/wp-content/uploads/2009/09/mighty-mouse.jpg" alt="mighty-mouse" width="140" height="120" align="left" />Despite all the revolutionary innovations that goes in the making of Apple&#8217;s Mighty Mouse, the ancient rubber trackball still has a important role to play in the form of the 360° Omni-direction scroll ball. And like all good rubber trackball, it get &#8220;stuck&#8221; and become sticky over time due to all the dirt that built up in it. However, unlike mouses of the old days which usually had a removable cover for you to remove the trackball for cleaning (and lose it afterward), the mighty mouse&#8217;s trackball is sealed in.</p>
<p>So, how do you clean it if its sealed in? Beside dissecting the rather expensive mighty mouse, there&#8217;s a very simple method which you can try. </p>
<p>Take a piece of plain paper and laid it on a flat surface. A lint-free cloth would serve the purpose just as well too. Turn your mouse upside and roll the mouse on its trackball in all directly gently. You would soon find mysterious tracks of dirt on the paper. These are all the built up dirt that prevent the scroll ball from performing properly. keep rolling your mouse for a couple of minutes and you should be able to bring your mighty mouse back to just how it is when you first bought it.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hyperactive82.com/cleaning-that-mighty-mouse-pea-ball/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
