I decided to make a little screencast to show the use of the little Vimeo/Flickr Photo Set Bookmarklet that I made a few days ago.

[Screencast] “Flickr Set Photos for Vimeo”-bookmarklet from Cristiano Betta on Vimeo.

Update: It seems that my bookmarklet did not work in every browser, as Flick renders the sets differently in different browsers. I updated the code and it should now work.

As I was playing with Vimeo for the video of the Torchwood Swede, I ran into an issue that needed a bookmarklet to solve it. I have never made a bookmarklet, but now here it is.

The problem was that when you want to add photos to a Vimeo video all it accepts is a comma separated list of either URLs or Flickr Photo IDs. I already had made a set on Flickr of the photos I wanted to add and adding all those 18 URLs by hand was just too much work

So I got thinking: why not make a bookmarklet that gets all the links of the images in the set from the page, and outputs them to the user as a comma separated list? Although I have never done something like this before, it only took me a few minutes to build this and the result is the following link.

Flickr Set Photos for Vimeo

Using it is very easy. Just drag the bookmarklet into your bookmarks-bar. Now when you want to add all the photos from a set to your Vimeo photo, go to the phoo set on Flickr and click on the bookmarklet. This will give youa popup with a long code of text. Copy and paste that text into your Vimeo text boxx for photos and submit.

The code has a few small issues. First of it returns URLs, not Flickr Photo IDs. This doesn’t really matter but it would be more human-readable maybe. Secondly it doesn’t catch if it is on a Flickr site at all. I might change that in the future but probably won’t. If you want to make your own edit, you can download the source from here.

To make this bookmarklet I used some code from this site, and this little tool helped me out to compress the code.

So, I just had my Yahoo Pipes talk here at BarcampLondon3 at Google. It was basically a recap of this blog post, with a nice question and answer session afterwords. Cool thing though is that Tom Morris made a video of my talk and posted it to Blip.TV.

Click To Play

So, as you might have noticed I build my own little copy of a Lifestream, much like Jeremy Keith (Adactio) did on his website. Although it is fun to build a lifestream, it isn’t the simplest thing to do, so I took a different approach to use mine and build one using Yahoo Pipes.

The cool thing of using Yahoo Pipes is that my Lifestream is all Javascript+HTML and no server side logic (a.k.a. PHP). I gave a little talk during BarcampBerlin2 explaining what I did, but in the next few paragraphs I will hopefully explain with a bit more detail how it was exactly done, and also focus on some quirks of Yahoo Pipes that I had to work around.

[Next up: Combine Your Blog Posts]