American Butifarra » jQuery

YouTube HD-fier Script

Claude — Tue, 02 Jun 2009 14:44:33 +0000

I wasn’t too happy having to click on the HD button of a video in order to view it in high resolution, so I whipped up this little grease monkey script. It simply enables HD, when available, for any links on the YouTube Homepage, My Videos & My Favorites.

Feel free to improve it, and leave a comment if you find it useful.

Install

// ==UserScript==
// @name			YouTube HD-fier
// @version			1.0.0
// @namespace		http://claude.betancourt.us/greasemonkey/youtube/hdfier/1.0.0
// @description		Modifies links to enable HD, when available.
// @include			http://www.youtube.com/*
// @license			(CC) Attribution Non-Commercial Share Alike; http://creativecommons.org/licenses/by-nc-sa/3.0/
// ==/UserScript==

// Add jQuery
var GM_jQuery = document.createElement('script');
GM_jQuery.src = 'http://jqueryjs.googlecode.com/files/jquery-1.2.6.pack.js';
GM_jQuery.type = 'text/javascript';
document.getElementsByTagName('head')[0].appendChild(GM_jQuery);

// Wait until jQuery has loaded
function GM_wait() {
    if( typeof unsafeWindow.jQuery == 'undefined' ) {
        window.setTimeout(GM_wait,100);
    } else {
        $ = unsafeWindow.jQuery;
        GM_ready();
    }
}
GM_wait();

// Once document and jQuery are loaded
function GM_ready() {

	var selectors = [
		'.video-short-title a',
		'.video-mini-title a',
		'.clipper a'
	];

	HDify(selectors);

}

function HDify(selectors) {
	try {
		$.each(selectors,function(i,s){
			var l = $(s);
			$.each(l, function(i,a){
				a.href += '&fmt=18';
			});
		});
	} catch(e){}
}

Microsoft and Nokia to use jQuery

Claude — Sun, 28 Sep 2008 18:52:53 +0000

This morning during the state of jQuery, John Resig announced that Nokia will be including jQuery as the framework of choice with their new equipment. And Scott Guthrie of Microsoft just made a similar announcement, Visual Studio will ship with jQuery support.

Creating an Apple Style Menu with Animation

Claude — Mon, 28 Jul 2008 22:23:29 +0000

Kriesi Budschedl has posted a very detailed tutorial to help you build your own Apple.com style menu and adds a nice touch by animating it.

To construct the basic menu, Kriesi takes advantage of CSS Sprites, a technique to reduce the number of image files necessary to accomplish things like rollovers, without the need to preload the images using JavaScript.

A single image contains all the navigation menu options in their normal and active states and CSS rules are used to move the appropriate menu option into view. Once the basic menu is working, animation is added by using Kwicks for jQuery, a plugin written by Jerry Martin, resulting in the final product seen here.