2008 3.06

From Media Design: Networked & Lens-Based wiki
Jump to navigation Jump to search

Add-on, plug-in, drop out [1]

Exploring some "not from scratch" Firefox browser modding.

Beyond Firefox Options

Examples

Images only: (Alexandre)

* {
	visibility: hidden;
}

img {
	visibility: visible;
}

Volapyk - browsing

Changing the font to Webdings

body {
	font-family : Webdings ! important;
}

Trash - browsing

Mess things up badly

* { background: none;}
p { position: absolute;}
div { position: absolute;}
img { position: absolute;}
td { position: absolute;}
table { position: absolute;}
* { color: red;}

Make links disappear (two ways)

hidden (but still taking up space in the layout)

a { visibility: hidden ! important }

removed from layout entirely

a { display: none ! important }

Firefox Add-Ons

Examples:

GreaseMonkey

GreaseMonkey is a Firefox add-on that allows custom JavaScripts to get run when viewing the pages on (particular) sites. Writing and testing a javascript with GreaseMonkey may be a convenient way to test out an idea before making a full-fledged standalone Firefox add-on / extension.

"Image Eater" Script

var allimages = Array();

function extractImages (node) {
	if (node.nodeName.toLowerCase() == "img") {
		console.log("found img", node);
		allimages.push(node);
		// node.parentNode.removeChild(node);
	}
	for (var i=0; i<node.childNodes.length; i++) {
		var c = node.childNodes[i];
		extractImages(c);
	}
}

extractImages(document.body);
// document.body.innerHTML = "";

function removeImage () {
	var img = allimages.splice(0, 1)[0];
	console.log("have", img);
	try {
		img.parentNode.removeChild(img);
	} catch (e) {
	}
	if (allimages.length > 0) window.setTimeout(removeImage, 1000);
}

window.setTimeout(removeImage, 1000);