Archive for the ‘Web Development’ Category
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]);
}
})();
Posted in JavaScript | No Comments »
Thursday, February 12th, 2009
Posted in ActionScript 3.0, Flash, Travel, Veoh Networks, Video | No Comments »
Friday, September 5th, 2008
Posted in Web Development | No Comments »
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.

Posted in Debugging, Flash, Video, Web Development | No Comments »
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%.




Posted in ActionScript 3.0, Content Management System, Flash, Portfolio, Ruby on Rails, Video, Web Development | No Comments »