2008 3.06: Difference between revisions

From XPUB & Lens-Based wiki
No edit summary
No edit summary
 
(28 intermediate revisions by 4 users not shown)
Line 1: Line 1:
= Add-on, plug-in, drop out =
= Add-on, plug-in, drop out [http://en.wikipedia.org/wiki/Turn_on,_tune_in,_drop_out] =


Exploring some "not from scratch" browser programming.
Exploring some "not from scratch" [[Firefox]] browser modding.


FireFox plugins, CSS overrides (Alexandre / Timo)
== Beyond Firefox Options ==
Google Misspellings (Linda)
* http://www.mozilla.org/unix/customizing.html
* http://support.mozilla.com/en-US/kb/Editing+configuration+files


examples
=== Examples ===
* http://www.potatoland.org
* 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


tools
==== 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 ==
 
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://www.greasespot.net/
* page mashups with python??!!
* http://diveintogreasemonkey.org/install/what-is-greasemonkey.html
* Beautiful Soup?
* 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 = "";
 
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);
</source>

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

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