I’ve been playing around with Vimeo’s new iPhone app and damn is it cool. Not only can you do pretty much everything you can on the web interface, but you can also do some video editing too.

You can basically have a mini editing studio, right on your iPhone. What can you do?

1. Lay down one or multiple videos are edit/cut them.
2. Add audio over your video.
3. Add titles etc.

You can also upload HD video straight to there site. Now all of this seems like a heck of a lot for an app to do. This would normally spell out clutter to me. I’ve not seen many apps that can do lots of wonderful things be intuitively designed. Vimeo have nailed it.

Here’s their new launch video:

A great video showing how Sir Ken Robinson, one of my biggest idols and Raghava KK prepare for their talks at TED. I love the dialogue.

I decided it would be pretty awesome if we could graph a couple of things here in Blacknight.

1. The capacity available for linux web spaces & mysql databases.
2. The current consumption of that capacity.
3. The consumption of that capacity that is greater than 1MB.

Pretty easy and mundane task. Just requires some database work and some CSV charting. Nothing banana’s. I started to look around for the best option to help chart this data and found HighCharts.

This software is probably the most easiest and beautifully designed charting software I’ve seen. Here’s an example of one of their beautiful charts:

Pretty sweet. One other key area was how easy it was to pull the data from the excel document into the chart. Here’s a little snippet of code in the JS:

$.get('data.csv', function(data) {
    // Split the lines
    var lines = data.split('\n');

    // Iterate over the lines and add categories or series
    $.each(lines, function(lineNo, line) {
        var items = line.split(',');

        // header line containes categories
        if (lineNo == 0) {
            $.each(items, function(itemNo, item) {
                if (itemNo > 0) options.xAxis.categories.push(item);
            });
        }

        // the rest of the lines contain data with their name in the first position
        else {
            var series = {
                data: []
            };
            $.each(items, function(itemNo, item) {
                if (itemNo == 0) {
                    series.name = item;
                } else {
                    series.data.push(parseFloat(item));
                }
            });

            options.series.push(series);

        }

    });

    // Create the chart
    var chart = new Highcharts.Chart(options);
});

Pretty tasty, you can view this and more examples on the Highcharts website.

I’m an avid user of Cultured Code’s Things app on both my iPhone and my Mac. I’m looking forward to the day when they all sync correctly which is exactly what the guys are working on at the moment.

They are looking for some test piolets so if you fancy it, head on over here and sign up

The funky CSS on the sign up page is wicked. Animations of people parachuting and aeroplanes flying around are awesome. Here’s a view on the page statically:

Pretty sweet. So what makes the aeroplane and the parachuting nutter move around? Well, CSS coolness. Take a look:

First we’ve got our HTML:

<div id=”airplane-A”><span></span></div>

Then inside this wonderful CSS comes the goodness. Noticed we have a SPAN inside the DIV. Here’s the DIV:

.browser-webkit #airplane-A {
	position: absolute; left: 400px; top: 200px;
	width: 100px; height: 100px;
	-webkit-animation: airplane-path-1 30s linear infinite;
	-webkit-animation-delay: -27s;

	-webkit-perspective: 400;
    -webkit-perspective-origin: 50% 50%;
	-webkit-transform-style: preserve-3d;
}

And the wonderful SPAN:

.browser-webkit #airplane-A span {
	position: absolute; left: 0px; top: 0px;
	width: 200px; height: 200px;
	background: url(images/sprite-airplane.png) no-repeat;
	background-size: 100%;
	-webkit-animation: airplane-wiggle 16s ease infinite;
}

And what makes it all run smoothly:

@-webkit-keyframes airplane-path-1 {
	from {
		-webkit-transform: translate(600px, 100px) scale(0.4);
	}
	60% {
		-webkit-transform: translate(-1400px, -100px) scale(0.3);
	}
	to {
		-webkit-transform: translate(-1400px, -100px) scale(0.3);
	}
}

@-webkit-keyframes airplane-wiggle {
	from {
		-webkit-transform: rotateX(0deg) rotateY(5deg) rotateZ(5deg);
		--webkit-transform: rotate(5deg);
	}
	50% {
		-webkit-transform: rotateX(-40deg) rotateY(-5deg) rotateZ(-10deg);
		--webkit-transform: rotate(-5deg);
	}
	to {
		-webkit-transform: rotateX(0deg) rotateY(5deg) rotateZ(5deg);
		--webkit-transform: rotate(5deg);
	}
}

Great interview with Sarah Hatter since she’s moved out on her own and started CoSupport.

My brother went out and got himself the new iPad2. I got to play around with it and I love it! It’s so small, so sleek, so much fun to use. I don’t really understand the whole queuing aspect that some people have been doing but I am going to buy one soon. Once the queue’s have died down.

Anyone who hasn’t tried it, try out the Flipboard app, it’s the definition of amazing.

Here’s a few photos I took of the magical device:

Great talk from Ryan and Mike again. Mike talks about leaving Carsonified and heading out on his own and Ryan speaks about re-branding Think Vitamin Membership to help combat interference with the blogs name.

Audio clip: Adobe Flash Player (version 9 or above) is required to play this audio clip. Download the latest version here. You also need to have JavaScript enabled in your browser.

Download the MP3 here.