Latest revision as of 22:25, 28 May 2008

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

File:Volapyk-browsing.png

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:

Google Misspellings (Linda)
Links scaled to show Google PageRanked Links (Alexandre)
Remote control of Firefox (Timo)
Firefox snapshots

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.

File:Bruinsma.png

"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);

@@ Line 1: / Line 1: @@
 = Add-on, plug-in, drop out [http://en.wikipedia.org/wiki/Turn_on,_tune_in,_drop_out] =
-Exploring some "not from scratch" browser modding.
+Exploring some "not from scratch" [[Firefox]] browser modding.
 == Beyond Firefox Options ==
@@ Line 7: / Line 7: @@
 * http://support.mozilla.com/en-US/kb/Editing+configuration+files
-Simple page hacking with CSS (Alexandre)
+=== Examples ===
+==== Images only: (Alexandre) ====
+<source lang="css">
+* {
+	visibility: hidden;
+}
+img {
+	visibility: visible;
+}
+</source>
+==== Volapyk - browsing ====
+[[Image:Volapyk-browsing.png|thumb]]
+''Changing the font to Webdings''
+<source lang="css">
+body {
+	font-family : Webdings ! important;
+}
+</source>
+==== Trash - browsing ====
+''Mess things up badly''
+<source lang="css">
+* { background: none;}
+p { position: absolute;}
+div { position: absolute;}
+img { position: absolute;}
+td { position: absolute;}
+table { position: absolute;}
+* { color: red;}
+</source>
+==== Make links disappear (two ways)====
+''hidden (but still taking up space in the layout)''
+<source lang="css">
+a { visibility: hidden ! important }
+</source>
+''removed from layout entirely''
+<source lang="css">
+a { display: none ! important }
+</source>
 == Firefox Add-Ons ==
-PageRanked Links, Web to Image, Google Misspellings (Alexandre, Timo, Linda)
+Examples:
+* [http://www.misspelling-generator.org/ Google Misspellings] (Linda)
+* [http://www.alexandreleray.com/?page=pagerank_navigator&langue=en&menu=normal Links scaled to show Google PageRanked Links] (Alexandre)
+* [http://hyperstruct.net/projects/mozrepl Remote control of Firefox] (Timo)
+* Firefox snapshots
+=== 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:Bruinsma.png|thumb]]
+* http://www.greasespot.net/
+* http://diveintogreasemonkey.org/install/what-is-greasemonkey.html
+* http://diveintogreasemonkey.org/download/book/diveintogreasemonkey-pdf-2005-05-09.zip
+==== "Image Eater" Script ====
+<source lang="javascript">
+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 = "";
-examples
+function removeImage () {
-* http://www.artisopensource.net/hacks
+	var img = allimages.splice(0, 1)[0];
-* http://www.potatoland.org
+	console.log("have", img);
-* http://images.google.nl/imgres?imgurl=http://digitalarts.lcc.gatech.edu/unesco/internet/artists/images/int_a_iod4.gif&imgrefurl=http://digitalarts.lcc.gatech.edu/unesco/internet/artists/int_a_iod.html&h=195&w=180&sz=2&hl=en&start=6&um=1&tbnid=BFsxR76CznlE5M:&tbnh=104&tbnw=96&prev=/images%3Fq%3Dweb%2Bstalker%26um%3D1%26hl%3Den%26client%3Dfirefox-a%26rls%3Dcom.ubuntu:en-US:official%26sa%3DN
+	try {
+		img.parentNode.removeChild(img);
+	} catch (e) {
+	}
+	if (allimages.length > 0) window.setTimeout(removeImage, 1000);
+}
-tools
+window.setTimeout(removeImage, 1000);
-* http://www.greasespot.net/ http://diveintogreasemonkey.org/install/what-is-greasemonkey.html http://diveintogreasemonkey.org/download/book/diveintogreasemonkey-pdf-2005-05-09.zip
+</source>
-* page mashups with python & [http://www.crummy.com/software/BeautifulSoup Beautiful Soup]

2008 3.06: Difference between revisions