<?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>designerZen &#187; Web</title>
	<atom:link href="http://www.designerzen.com/category/portfolio/web/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.designerzen.com</link>
	<description>design and creative works of zenon olenski</description>
	<lastBuildDate>Mon, 22 Mar 2010 11:58:17 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Oblique Strategies</title>
		<link>http://www.designerzen.com/2010/oblique-strategies/</link>
		<comments>http://www.designerzen.com/2010/oblique-strategies/#comments</comments>
		<pubDate>Tue, 09 Feb 2010 14:40:40 +0000</pubDate>
		<dc:creator>designerzen</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Microsites]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Widgets]]></category>
		<category><![CDATA[3d]]></category>
		<category><![CDATA[actionscript]]></category>
		<category><![CDATA[flex]]></category>
		<category><![CDATA[plan]]></category>
		<category><![CDATA[strategy]]></category>

		<guid isPermaLink="false">http://www.designerzen.com/?p=516</guid>
		<description><![CDATA[Inspiration. Quick. Inspired by Brian Eno and Peter Schmidt&#8217;s work to prevent creative blocks&#8230; try this widget out when you are facing the wall. Full of sage like quotes and abstract commands, the Oblique Strategies are a series of cards designed to be pulled out when you need to shake things up creatively. I have [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.designerzen.com/blog/wp-content/uploads/2010/02/oblique.jpg" alt="" title="Oblique" width="200" height="200" class="left size-full wp-image-521" /></p>
<h3>Inspiration. Quick.</h3>
<p>Inspired by Brian Eno and Peter Schmidt&#8217;s work to prevent creative blocks&#8230; try this widget out when you are facing the wall.<br />
<span id="more-516"></span><br />
Full of sage like quotes and abstract commands, the Oblique Strategies are a series of cards designed to be pulled out when you need to shake things up creatively. </p>
<p>I have tried to keep these cards as accurate as possible (even down to the 10 point sans-serif font!) to the real thing. The further you click away from the card, the more inertia you spin it with, and the angle of spin is entirely dependent on where you are clicking. It features all the original 4 versions &#8211; you can select between them using the controls in the lower left corner &#8211; the original version is still available from Eno&#8217;s shop. The only thing really missing from this virtual version are the 6 blank cards that came with the original. I will leave that for you create.</p>
<p>Try it out and tell me what you think!<br />
<a class="external_link" title="Oblique Strategies" href="http://www.designerzen.com/web/oblique/" target="_blank">Oblique Strategies : V5</a></p>
<p>Find out more about the original Oblique Strategies and order your own :</p>
<ol>
<li><a href="http://www.rtqe.net/ObliqueStrategies/">The Oblique Strategies Fansite</a></li>
<li><a href="http://www.enoshop.co.uk/">Buy your own</a>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.designerzen.com/2010/oblique-strategies/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Buddha Machine 3D</title>
		<link>http://www.designerzen.com/2010/buddha-machine-3d/</link>
		<comments>http://www.designerzen.com/2010/buddha-machine-3d/#comments</comments>
		<pubDate>Wed, 27 Jan 2010 14:12:01 +0000</pubDate>
		<dc:creator>designerzen</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Microsites]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Widgets]]></category>
		<category><![CDATA[3d]]></category>
		<category><![CDATA[actionscript]]></category>
		<category><![CDATA[microsite]]></category>
		<category><![CDATA[music]]></category>
		<category><![CDATA[personal]]></category>
		<category><![CDATA[product]]></category>

		<guid isPermaLink="false">http://www.designerzen.com/?p=381</guid>
		<description><![CDATA[Surround Sound Chillage Ever feel you just need a bit of harmony in your day, a few moments of clarity and calm? Find yourself battling with noise? Now you can relax online with the 3D Buddha Machine! Load it up and click until happy&#8230; if you feel it is too loud, scroll the mouse wheel. [...]]]></description>
			<content:encoded><![CDATA[<p><img class="left size-full wp-image-388" title="Screenshot" src="http://www.designerzen.com/blog/wp-content/uploads/2010/01/Screenshot1.png" alt="" width="175" height="266" /></p>
<h3>Surround Sound Chillage</h3>
<p>Ever feel you just need a bit of harmony in your day, a few moments of clarity and calm? Find yourself battling with noise? Now you can relax online with the 3D Buddha Machine! Load it up and click until happy&#8230; if you feel it is too loud, scroll the mouse wheel.<span id="more-381"></span></p>
<h5>What is it?</h5>
<p>Based on the world famous <a href="http://www.fm3buddhamachine.com/">Buddha Machine</a> by FM3 (Zhang Jian and Christiaan Virant), this is an authentic online replica. Coded using the incredible Papervision libraries and my own personal Media Framework, the Buddha Machine 3D features all 9 original sounds from each the Buddha Machine I and II &#8211; kindly released under creative commons. Thanks to the magic of the internet, Christiaan popped by to offer his support. Thanks!<br />
.</p>
<h5>What does it do?</h5>
<p>Put on some headphones, click to find the sound for you, use the mouse wheel to set your volume, and <a title="Virtual Buddha Machine" href="http://www.designerzen.com/web/buddha" target="_blank">relax</a>. If you need a portable version, consider buying the original product &#8211; it fits in your pocket!</p>
<h5>How does it work?</h5>
<p>The Audio system reacts to the position of the 3D object, decided by the mouse, and considers one face as a speaker. As the object rotates this pans and fades the audio according to the trigonometry formulated from the angle between the user and the normal of the speaker faced plane. The volume is also reactive to clipped faces, and by that I mean speakers that are pointing away from the user, the further a speaker turns away from the user, the less it can be heard.</p>
<p>Sounds are loaded as mp3s from an xspf playlist and streamed, whilst the next track is pre-fetched to prevent gaps and loading delays when changing sounds.</p>
<h5>How was it made?</h5>
<p>I decided to avoid Flash entirely and instead use the free FLEX compiler from the Adobe site. This was mainly to see how using the FLEX compiler affects the size and performance of swf files compared to compiling through Flash, but also to see if I could avoid non OSS software. Process wise, using this development system, along with swc files for symbols, it is possible to create amazing web apps absolutely free of charge. As I am saving up for the next Flash, but in the meantime this lets me test out new features in the player right now! I see a synthesizer on the horizon next <img src='http://www.designerzen.com/blog/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<p>Once you perfect your workflow, and don&#8217;t mind creating libraries of swc files, this is probably the most integrated and fastest method for Flash development. There are many tweaks and hacks that you have to apply to the commandline if you want to use a preloader, or don&#8217;t need all the FLEX libraries, or want to set a player target version, but thankfully, my development system of choice, FlashDevelop, has all of these as options preset in the GUI.</p>
<p>On the negative side, using the FLEX compiler does seem to add quite a few extra bytes to the runtime code, so at least consider a preloader!</p>
<h5>Check it out</h5>
<p><a class="external_link" title="Virtual Buddha Machine" href="http://www.designerzen.com/web/buddha" target="_blank">Buddha Machine 3D I</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.designerzen.com/2010/buddha-machine-3d/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>NomadRadio.fm</title>
		<link>http://www.designerzen.com/2009/nomadradiofm/</link>
		<comments>http://www.designerzen.com/2009/nomadradiofm/#comments</comments>
		<pubDate>Thu, 02 Apr 2009 14:27:56 +0000</pubDate>
		<dc:creator>designerzen</dc:creator>
				<category><![CDATA[Favourites]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Multimedia]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[actionscript]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[as3]]></category>
		<category><![CDATA[cms]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[music]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://www.designerzen.com/?p=223</guid>
		<description><![CDATA[Renegade Web Radio Bored of the charts? Looking for sounds to keep you occupied? Look no longer with music and mixes from around the world in one simple interface &#8211; combining a podcast, blog and mix aggregator &#8211; held together with AJAX magic check it out @ nomadradio.fm Features Cross Fading between tracks Prefetching of [...]]]></description>
			<content:encoded><![CDATA[<p><img class="right size-thumbnail wp-image-318" title="Nomad Screenshot" src="http://www.designerzen.com/blog/wp-content/uploads/2009/04/screenshot-150x150.jpg" alt="Nomad Radio dot FM" width="150" height="150" /></p>
<h3>Renegade Web Radio</h3>
<p>Bored of the charts? Looking for sounds to keep you occupied? Look no longer with music and mixes from around the world in one simple interface &#8211; combining a podcast, blog and mix aggregator &#8211; held together with AJAX magic</p>
<p><span id="more-223"></span><br />
check it out @ <a title="Nomad Radio" class="external_link" href="http://nomadradio.fm/">nomadradio.fm</a></p>
<h4>Features</h4>
<ul>
<li>Cross Fading between tracks</li>
<li>Prefetching of the next track so that there aren&#8217;t any gaps between songs</li>
<li>A fast visualiser that reacts onbeat as well as to the frequencies</li>
<li>Saved volume and a rotary dial <img src='http://www.designerzen.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </li>
<li>AJAX backend so that you can browse around without losing audio</li>
<li>Flash <-> Javascript bi-communication</li>
</ul>
<p>Get involved and send over your mixes!</p>
<div class="flashbox frame">
<a id="max" class="embedflash alignright" style="width: 300px; height: 360px;" href="http://www.nomadradio.fm/wp-content/themes/NomadRadio/MusicVacuum.swf?iptc=http://www.nomadradio.fm/?feed=podcast&#038;seamless=true&#038;autostart=false&#038;crossfade_duration=500&#038;crossfade_curve=0&#038;buffer_duration=1000">nomad radio player</a>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.designerzen.com/2009/nomadradiofm/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Designerzen.com</title>
		<link>http://www.designerzen.com/2008/designerzen-com/</link>
		<comments>http://www.designerzen.com/2008/designerzen-com/#comments</comments>
		<pubDate>Thu, 14 Feb 2008 15:00:15 +0000</pubDate>
		<dc:creator>designerzen</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[actionscript]]></category>
		<category><![CDATA[draw]]></category>
		<category><![CDATA[illustrator]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[me]]></category>
		<category><![CDATA[meta]]></category>
		<category><![CDATA[music]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[sketching]]></category>

		<guid isPermaLink="false">http://www.designerzen.com/?p=501</guid>
		<description><![CDATA[Ever evolving portfolio Hi, my name is Zen. Ths is my website full of stuff! Read how the site was made by following the blog posts.]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.designerzen.com/blog/wp-content/uploads/2007/01/avatar.png" alt="" title="avatar" width="109" height="220" class="left size-full wp-image-498" /></p>
<h3>Ever evolving portfolio</h3>
<p>Hi, my name is Zen. Ths is my website full of stuff! Read how the site was made by following the <a href="http://www.designerzen.com/tag/designerzen/">blog posts</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.designerzen.com/2008/designerzen-com/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Email Newsletters</title>
		<link>http://www.designerzen.com/2007/email-newsletters/</link>
		<comments>http://www.designerzen.com/2007/email-newsletters/#comments</comments>
		<pubDate>Tue, 04 Dec 2007 08:42:45 +0000</pubDate>
		<dc:creator>designerzen</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[email]]></category>
		<category><![CDATA[newsletter]]></category>

		<guid isPermaLink="false">http://www.designerzen.com/?p=440</guid>
		<description><![CDATA[Inbox excitement In this modern day revolution, it is nice to see the mediums using each other, rather than competing. Here are a few newsletters used in campaigns designed to promote magazines and their online homepages. Emailed every Sunday : Mpora Streaming Media (biggest push) RIDE : UK Cycling Magazine OnBoard Snowboarding Magazine Surf Europe [...]]]></description>
			<content:encoded><![CDATA[<p><img class="right size-thumbnail wp-image-441" title="RIDE UK" src="http://www.designerzen.com/blog/wp-content/uploads/2010/02/ridenewsletter-e1265046460434-150x150.jpg" alt="" width="150" height="150" /></p>
<h3>Inbox excitement</h3>
<p>In this modern day revolution, it is nice to see the mediums using each other, rather than competing. Here are a few newsletters used in campaigns designed to promote magazines and their online homepages.<br />
<span id="more-440"></span></p>
<h4>Emailed every Sunday :</h4>
<p><a href="http://www.designerzen.com/web/factory/mpora.12.10.v9.html" target="_blank">Mpora</a> Streaming Media (biggest push)<br />
<a href="http://www.designerzen.com/web/factory/ride.12.10.v1.html" target="_blank">RIDE : UK</a> Cycling Magazine<br />
<a href="http://www.designerzen.com/web/factory/onboard.02.10.v7.html" target="_blank">OnBoard</a> Snowboarding Magazine<br />
<a href="http://www.designerzen.com/web/factory/surf-europe.02.10.v9.html" target="_blank">Surf Europe</a> Magazine</p>
]]></content:encoded>
			<wfw:commentRss>http://www.designerzen.com/2007/email-newsletters/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ford sMAX Campaign</title>
		<link>http://www.designerzen.com/2007/ford-smax-campaign/</link>
		<comments>http://www.designerzen.com/2007/ford-smax-campaign/#comments</comments>
		<pubDate>Sat, 01 Dec 2007 18:13:03 +0000</pubDate>
		<dc:creator>designerzen</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[advert]]></category>
		<category><![CDATA[campaign]]></category>
		<category><![CDATA[client]]></category>
		<category><![CDATA[promotional]]></category>

		<guid isPermaLink="false">http://www.designerzen.com/?p=448</guid>
		<description><![CDATA[Gentle Flash Banners Promotional Campaign for a new car by Form Motors. As the car is targetted at the active individual, Ford wanted lots of people having fun with the suggestion that it could be you having all this fun. Leaderboard Sky scraper]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.designerzen.com/blog/wp-content/uploads/2010/02/skyscraper-118x150.jpg" alt="" title="skyscraper" width="118" height="150" class="left size-thumbnail wp-image-449" /></p>
<h3>Gentle Flash Banners</h3>
<p>Promotional Campaign for a new car by Form Motors. As the car is targetted at the active individual, Ford wanted lots of people having fun with the suggestion that it could be you having all this fun.<br />
<span id="more-448"></span></p>
<p><a class="embedflash" href='http://www.designerzen.com/web/factory/smax.leaderboard.swf' style="width:728px; height:90px">Leaderboard</a><br />
<a class="embedflash" href='http://www.designerzen.com/web/factory/smax.skyskraper.swf' style="width:160px; height:600px">Sky scraper</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.designerzen.com/2007/ford-smax-campaign/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mixtape.FM</title>
		<link>http://www.designerzen.com/2007/mixtape/</link>
		<comments>http://www.designerzen.com/2007/mixtape/#comments</comments>
		<pubDate>Sat, 25 Aug 2007 18:43:10 +0000</pubDate>
		<dc:creator>designerzen</dc:creator>
				<category><![CDATA[Favourites]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Widgets]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[graphics]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[music]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[web-services]]></category>
		<category><![CDATA[web2.0]]></category>
		<category><![CDATA[xml]]></category>

		<guid isPermaLink="false">http://www.designerzen.com/blog/index.php/2007/introducing-a-new-way-to-enjoy-music/</guid>
		<description><![CDATA[introducing a new way to enjoy music! Mix your favourite music blogs with your social bookmarks, add streaming radio and folksonomy&#8230; integrate with new music web services plus the latest web trends and what do you get&#8230;? Social Music for the masses Mixtape Democratic Radio Ver 0.8 What is it? A fancy new website that [...]]]></description>
			<content:encoded><![CDATA[<p><img class="left" src="http://www.designerzen.com/blog/wp-content/uploads/2007/03/democracy.gif" alt="Social Radio for the masses" /></p>
<h3>introducing a new way to enjoy music!</h3>
<p>Mix your favourite music blogs with your social bookmarks, add streaming radio and folksonomy&#8230; integrate   with new music web services plus the latest web trends and what do you get&#8230;?<span id="more-6"></span></p>
<blockquote><p>Social Music for the masses</p></blockquote>
<p><a title="follow me..." href="http://www.designerzen.com/democracy/">Mixtape Democratic Radio Ver 0.8</a></p>
<h5>What is it?</h5>
<p>A fancy new website that collects your<strong> favourite music blogs</strong>, MP3s and <strong>net playlists</strong> into one universally accessible site. Read about music, discover new music, and <strong>listen to &amp; download the latest songs</strong> based on your web-based bookmarks and the <strong>social bookmarks of thousands</strong>.</p>
<h5>What does it do?</h5>
<p>The use of a social bookmarking service allows you to <em>bookmark practically any music service</em>. You can save simple <strong>RSS</strong> or <strong>ATOM feeds</strong> from your favourite music blog, your <strong>XSPF playlists</strong>, even <strong>M3U </strong>radiostreams! The volume of music services is growing by the day, so you can aggregate all your favourite music from sites such as<em> Imeem, IJig, The Hype Machine, BlogDigger </em>or any blog from the thousands collected on <em>el.bo.ws</em>.</p>
<p>Furthermore, if you use<strong> last.fm</strong> webservices &#8211; which I highly recommend &#8211; you can save your recently played songs, find out which songs you already have in your collection and get advice on music that you would like but just haven&#8217;t yet heard.</p>
<h5>How does it work?</h5>
<p>The channels are saved in your favourite online social bookmark collection. If you don&#8217;t have one, look no further than <a href="http://del.icio.us">Del.icio.us</a>&#8230;</p>
<p>Simply save the RSS feed from your favourite music blog using the tag <em>mp3blogfeed</em> and your music-blog will be <strong>automatically available to everybody in the world on the home page</strong> with the most recent at the top. If you prefer to only see your own bookmarks, simply enter your del.icio.us username in the settings box, or if you are using another service, the correct RSS URL.</p>
<p>Playlists are automatically saved onto your hard disk as shared flash-cookies along with such useful things as volume and the last page you visited &#8211; dive back in from where you started!</p>
<h5>What&#8217;s in store for the future&#8230;</h5>
<ul>
<li>Better integration &amp; support for M3U streaming audio files.</li>
<li>Actionscript 3 version with interactive music controls, pitch, cue, crossfading between songs.</li>
<li>Integrate last.fm radio stations for each user!</li>
</ul>
<h5 class="bluu">Technical details</h5>
<p class="geek">Written entirely from the ground up in <strong>actionscript 2</strong> &#8211; <em>no components, no templates</em>.</p>
<p>Uses <em>Shared Local Objects</em> to save xspf playlist, volume and recent browsing history.</p>
<p>Features <strong>javascript data api</strong> to allow bookmarking and the emailing of blog links.</p>
<p>Uses your existing social bookmarking services &#8211; <strong>imports RSS, XML &amp; OPML.</strong></p>
<p><strong>Intelligent caching of data</strong> and pre-empting of user desired information.</p>
<p>Features a scrolling data window with mousewheel input, inertia and variable speed scrolling.</p>
<p><a class="website" title="follow me..." href="http://www.designerzen.com/democracy/">Check it out, tell me what you think!</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.designerzen.com/2007/mixtape/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Stereo Art</title>
		<link>http://www.designerzen.com/2007/stereo-art/</link>
		<comments>http://www.designerzen.com/2007/stereo-art/#comments</comments>
		<pubDate>Fri, 17 Aug 2007 21:54:28 +0000</pubDate>
		<dc:creator>designerzen</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Microsites]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Widgets]]></category>
		<category><![CDATA[music]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[xml]]></category>

		<guid isPermaLink="false">http://www.designerzen.com/blog/index.php/2007/stereo-art/</guid>
		<description><![CDATA[music meet art / east meets west A fascinating hybrid of electro J-Pop and classical cello, the Stereo Art project is still in its early phase, but thanks to many live performances, the word is spreading! As the idea is to combine music &#38; art, I was commissioned to put together a clean but &#8216;scribbled&#8217; [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.designerzen.com/blog/wp-content/uploads/2007/01/stereoart.png" class="right" alt="Stereo Art" /></p>
<h3>music meet art / east meets west</h3>
<p>A fascinating hybrid of electro J-Pop and classical cello, the Stereo Art project is still in its early phase, but thanks to many live performances, the word is spreading!<span id="more-13"></span></p>
<p>As the idea is to combine music &amp; art, I was commissioned to put together a clean but &#8216;scribbled&#8217; style Flash website to show off the music and display live news. The end result is a scruffy but-not-too-shabby gallery and news reader all wrapped round a live music streamer. You can check it out <a href="http://www.stereoart.co.uk/">here</a>.</p>
<p>The design process was refreshingly quick with this project&#8230;After five minutes of sketch ideas, Producer Pop lifts up the most basic looking sketch and finalised,</p>
<blockquote><p>Less is more! &#8230; Complete!</p></blockquote>
<p>and so within a short space of sketching (and a few months of actionscript coding!) the site was launched and began picking up popularity. If you want to check out the Western J-Pop sounds, <a href="http://www.stereoart.co.uk">see it here!</a></p>
<h5 class="bluu">Technical details</h5>
<p class="geek"> Full Screen 100% <strong>actionscript 2</strong> &#8211; <em>no components, no templates</em>.<br />
Uses <em>Shared Local Objects</em> to save volume.<br />
Imports web services from Flickr and Blogger.com.<br />
Intelligent gallery module with thumbnail zoom and comments.<br />
Designed as a widget to be entirely embeddable into any site with just three lines of html.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.designerzen.com/2007/stereo-art/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Onboard Online</title>
		<link>http://www.designerzen.com/2007/onboard-online/</link>
		<comments>http://www.designerzen.com/2007/onboard-online/#comments</comments>
		<pubDate>Sun, 12 Aug 2007 18:28:17 +0000</pubDate>
		<dc:creator>designerzen</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Widgets]]></category>
		<category><![CDATA[advert]]></category>
		<category><![CDATA[teaser]]></category>

		<guid isPermaLink="false">http://www.designerzen.com/?p=451</guid>
		<description><![CDATA[Snowboard media relaunch Countdown teaser for the new Onboard website. I am involved with the new launch and am very excited about some of the things we have developed. coming Soon&#8230;]]></description>
			<content:encoded><![CDATA[<h3>Snowboard media relaunch</h3>
<p>Countdown teaser for the new Onboard website. I am involved with the new launch and am very excited about some of the things we have developed.<br />
<span id="more-451"></span><br />
<a class="embedflash" href='http://www.designerzen.com/web/factory/ticker.swf' style="width:728px; height:90px;" >coming Soon&#8230;</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.designerzen.com/2007/onboard-online/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>saffrolla sounds</title>
		<link>http://www.designerzen.com/2007/saffrolla/</link>
		<comments>http://www.designerzen.com/2007/saffrolla/#comments</comments>
		<pubDate>Fri, 06 Jul 2007 17:29:41 +0000</pubDate>
		<dc:creator>designerzen</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[Favourites]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[graphics]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[illustrator]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[music]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[web-services]]></category>
		<category><![CDATA[web2.0]]></category>
		<category><![CDATA[xml]]></category>

		<guid isPermaLink="false">http://www.designerzen.com/2007/saffrolla/</guid>
		<description><![CDATA[Ajax Multimedia webshop! Dripping with high-tech features, this new music label offers free previews, podcasts and chances to buy digital songs or vinyl! This one stop site will cater for all your eclectic dance needs. Don&#8217;t forget about the secret button! This new music label that cut its teeth releasing party vinyl has gone digital [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.designerzen.com/blog/wp-content/uploads/2007/07/saffrolla.gif" class="right" alt="Saffrolla Sounds Homepage" /></p>
<h3>Ajax Multimedia webshop!</h3>
<p>Dripping with high-tech features, this new music label offers free previews, podcasts and chances to buy digital songs or vinyl! This one stop site will cater for all your eclectic dance needs. Don&#8217;t forget about the secret button!  <span id="more-82"></span></p>
<p>This new music label that cut its teeth releasing party vinyl has gone digital with a <strong>fresh new music website</strong> and<strong> shop</strong>!</p>
<p><strong>Play music whilst shopping for music</strong>, previewing any track live. That was the main objective&#8230; well that along with high quality music delivery using Web2.0 features such as podcasting and rss feeds.</p>
<p>With a stark graphic style by <strong>Vacant Design</strong> we needed some strong visual animations as cue points for actions. The Flash-based music player is autonomous and animated as it loads an artist&#8217;s playlist or swaps between songs. For those not of a nervous disposition, there is always the <em>secret hyper mode</em> (*top dial on the left) if you find it too tame.</p>
<p>Speaking of the music player, let me mention a few unique features:</p>
<ul>
<li>automatic saving of your volume preference for when you come visit us again</li>
<li>communicates with the artists&#8217; pages so that songs can be selected outside of the music player</li>
<li>wholly animated to reflect the party music is playing with regards to the volume</li>
<li>super secret party mode for fast processors</li>
</ul>
<p>If you would like to attend any events, join the mailing list and check out the news and live pages.</p>
<h2 class="bluu">Technical details</h2>
<p class="geek">  ⊗ ActionScript 2.0 Custom music player code with intelligent internal music database.</p>
<p>⊗	Flash mx compatible with ActionScript animated GUI.</p>
<p>⊗	Music Player loads XML, RSS and XSPF playlists from the netcast.</p>
<p>⊗	Javascript html music controls and feedback &#8211; communicating between flash and html.</p>
<p>⊗	On-the-fly xpsf and xml (atom or RSS) playlist creation with scraped coverart</p>
<p>⊗	Based on the Opensource CMS WordPress. Yes really!</p>
<p>⊗	SEO super optimised with analytical software to determine most important records.</p>
<p>⊗	All Artists and channels have relevant RSS and ATOM feeds.</p>
<p>⊗	AJAX page requests into dynamic html.</p>
<p>⊗	Down-gradeable to simple html shop.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.designerzen.com/2007/saffrolla/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
