Minimal Portfolio Concept

When a good friend of mine revealed she’d be showing some of her artwork at a local gallery, I took the opportunity to try my hand at creating a web-based art portfolio. Get this, the images live on DeviantArt (who places the watermark), are passed to Picasa, Cooliris reads the RSS and provides the code, and WordPress renders the results.

Check it out.

Cooliris is definately the poor man’s flash. The catch is the script requires Adobe’s Flash10, I need to figure out what to display for those few users who don’t have it. (May show a modified RSS feed of the images?) The portfolio is hosted on my site until we buy my friend her own domain.

I tried to create a stream straight into Cooliris using DeviantArt’s RSS feed, but ran into the snag detailed below.

Here’s the story. I’m working on a portfolio site for my friend using cooliris. We hope to use DeviantArt to manage the images.

Her gallery lives here:

http://jrodriguez3420.deviantart.com/gallery/

And the gallery’s RSS page lives here:

http://backend.deviantart.com/rss.xml?q=gallery%3Ajrodriguez3420

Now, DeviantArt doesn’t have crossdomain.xml, so I channeled the RSS feed through Yahoo:

http://pipes.yahoo.com/pipes/pipe.run?_id=7MVHLaR33hG0NQSBU5Wufg&_render=rss

And then used their developer API’s RSS domain:

http://pipes.yahooapis.com/pipes/pipe.run?_id=7MVHLaR33hG0NQSBU5Wufg&_render=rss

Bingo, right? No more crossdomain.xml errors from Cooliris. Well now I just need the images to point to the right location. Any advice?

The page below has two galleries: a stock Cooliris one, and one modified with my code.

http://wordtheory.org/cooliris-gallery/

<object id=”o”
classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″
width=”1000″
height=”500″>
<param name=”movie”
value=”http://apps.cooliris.com/embed/cooliris.swf” />
<param name=”allowFullScreen” value=”true” />
<param name=”allowScriptAccess” value=”always” />
<param name=”flashvars”
value=”feed=http%3A%2F%2Fpipes.yahooapis.com%2Fpipes%2Fpipe.run%3F_id%3D7MVHLaR33hG0NQSBU5Wufg%26_render%3Drss&numRows=3&style=light&showEmbed=false&showNavArrows=false&showSearch=false&showChrome=false” />
<embed type=”application/x-shockwave-flash”
src=”http://apps.cooliris.com/embed/cooliris.swf”
flashvars=”feed=http%3A%2F%2Fpipes.yahooapis.com%2Fpipes%2Fpipe.run%3F_id%3D7MVHLaR33hG0NQSBU5Wufg%26_render%3Drss&numRows=3&style=light&showEmbed=false&showNavArrows=false&showSearch=false&showChrome=false”
width=”1000″
height=”500″
allowFullScreen=”true”
allowScriptAccess=”always”>
</embed>
</object>