2008 3.06: Difference between revisions

From XPUB & Lens-Based wiki
No edit summary
 
(10 intermediate revisions by 2 users not shown)
Line 21: Line 21:


==== Volapyk - browsing ====
==== Volapyk - browsing ====
 
[[Image:Volapyk-browsing.png|thumb]]
''Changing the font to Webdings''
''Changing the font to Webdings''
<source lang="css">
<source lang="css">
Line 30: Line 30:
</source>
</source>


=== Make links disappear (two ways)===
==== 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)''
''hidden (but still taking up space in the layout)''
Line 44: Line 57:
== Firefox Add-Ons ==
== 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 ===


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.
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/
* http://diveintogreasemonkey.org/install/what-is-greasemonkey.html
* http://diveintogreasemonkey.org/install/what-is-greasemonkey.html
* http://diveintogreasemonkey.org/download/book/diveintogreasemonkey-pdf-2005-05-09.zip
* http://diveintogreasemonkey.org/download/book/diveintogreasemonkey-pdf-2005-05-09.zip


----
==== "Image Eater" Script ====
<source lang="javascript">
var allimages = Array();


examples
function extractImages (node) {
* http://www.artisopensource.net/hacks
if (node.nodeName.toLowerCase() == "img") {
* http://www.potatoland.org
console.log("found img", node);
* 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
allimages.push(node);
// node.parentNode.removeChild(node);
}
for (var i=0; i<node.childNodes.length; i++) {
var c = node.childNodes[i];
extractImages(c);
}
}


* page mashups with python & [http://www.crummy.com/software/BeautifulSoup Beautiful Soup]
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);