Archive for the ‘Web Development’ Category

YouTube & Twitter – Grease Monkey Script

Tuesday, April 7th, 2009

Greasemonkey is a popular Firefox Add-on that allows you to modify any web page after it has been loaded. This script is a mash up of YouTube and Twitter. Browse any page on youtube.com and Twitter results for that video are displayed.

 
// ==UserScript==
// @name           VideoTweet
// @namespace      com.spooner.videoTweet
// @description    Twitter Video Comments
// @include        http://youtube.com/watch?*
// ==/UserScript==
(function()
{
	function create(htmlStr) {
	    var frag = document.createDocumentFragment();
	    var temp = document.createElement('div');
	    temp.innerHTML = htmlStr;
	    while (temp.firstChild) {
	        frag.appendChild(temp.firstChild);
	    }
	    return frag;
	}
 
    var primaryCollection;
	try {
		  	primaryCollection = document.getElementById("watch-vid-title").childNodes[3].innerHTML;
	} catch(e) {}
 
	if(primaryCollection)
	{
	    var fragment = create('
<div id="videoTweet"><iframe src="http://search.twitter.com/search?q=' + escape(primaryCollection) + '" width="100%" height="200" ></iframe></div>
 
')
		document.body.insertBefore(fragment, document.body.childNodes[0]);
	}
 
})();
 

Trip to Sao Paulo Brazil with the MegaRamp

Thursday, February 12th, 2009

Hug a developer today

Friday, September 5th, 2008

Charles Proxy for FLV Debugging

Wednesday, August 6th, 2008

Charles Proxy provides easy access to FLV file information such as video codec and embeded metadata.
To find this information you will want to find and select the flv in Charles. When selected you will then want to select the "Response" tab in the opposite window to revel flv file info.

Adio Footwear

Saturday, July 26th, 2008

Client: Adio Footwear
Work: Flash ActionScript 3.0, SWFAddress, SEO, Ruby on Rails, REST
Link: www.adiofootwear.com
Description: With SWFAddress at its core this full flash site manages state like a typical html web site. One of the most interesting patterns in this project is the management of multiple tiers of state and loaded assets. The admin was built with Ruby on Rails, deployed with Capistrano and, served by a cluster of 4 Mongrels.

Results: In this graph we can see an immediate 25% decrease in the bounce rate. The orange line shows the bounce rate is know skewed due to an increase of traffic at the site launch. The blue line shows the drop in the user bounce rate. I attribute this improvement to the sites navigation improvements. Visually the navigation is broken up into two consistent visual elements giving the user a familiar tool. Functionally this site improves the user experience by showing state in the address bar and having working forward/back buttons.

This graph compares the average time on site "Orange" improved by 2 minutes and bounce rate decreasing by 25%.


Footwear Page