<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Notes, links and conversation &#187; GreaseMonkey</title>
	<atom:link href="http://pascal.vanhecke.info/category/greasemonkey/feed/" rel="self" type="application/rss+xml" />
	<link>http://pascal.vanhecke.info</link>
	<description></description>
	<lastBuildDate>Thu, 11 Aug 2011 14:38:56 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Oomph for Firefox: Microsoft&#8217;s Microformats IE plugin as Greasemonkey script</title>
		<link>http://pascal.vanhecke.info/2008/11/13/oomph-for-firefox-microsofts-microformats-ie-plugin-as-greasemonkey-script/</link>
		<comments>http://pascal.vanhecke.info/2008/11/13/oomph-for-firefox-microsofts-microformats-ie-plugin-as-greasemonkey-script/#comments</comments>
		<pubDate>Wed, 12 Nov 2008 23:29:23 +0000</pubDate>
		<dc:creator>Pascal</dc:creator>
				<category><![CDATA[GreaseMonkey]]></category>
		<category><![CDATA[WebWatch]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[hCalendar]]></category>
		<category><![CDATA[hCar]]></category>
		<category><![CDATA[IE8]]></category>
		<category><![CDATA[microformats]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[oomph]]></category>
		<category><![CDATA[userscript]]></category>

		<guid isPermaLink="false">http://pascal.vanhecke.info/2008/11/13/oomph-for-firefox-microsofts-microformats-ie-plugin-as-greasemonkey-script/</guid>
		<description><![CDATA[About a month ago Microsoft presented Oomph, a first attempt to integrate microformats in their tools1. Oomph at this moment consists of an IE8 plugin, a set of css styles and a plugin for the blogging tools Windows Live Writer.  I&#8217;ll let this Microsoft video explain: The IE8 extension does something similar as the Firefox [...]<div class="tantan-getcomments"><a href="http://pascal.vanhecke.info/2008/11/13/oomph-for-firefox-microsofts-microformats-ie-plugin-as-greasemonkey-script/#comments"><img src="http://pascal.vanhecke.info/wp-content/plugins/tantan/get-comments.php?p=395" width="100" height="15" style="border:0;" /></a></div>]]></description>
			<content:encoded><![CDATA[<p>About a month ago Microsoft presented <a href="http://visitmix.com/Lab/Oomph">Oomph</a>, a first attempt to integrate <a href="http://microformats.org/about/">microformats</a> in their tools<sup><a href="http://pascal.vanhecke.info/2008/11/13/oomph-for-firefox-microsofts-microformats-ie-plugin-as-greasemonkey-script/#footnote_0_395" id="identifier_0_395" class="footnote-link footnote-identifier-link" title="although several people have argued that the webslices that came with IE8, are in fact a somewhat different implementation of the hAtom microformat">1</a></sup>. Oomph at this moment consists of an IE8 plugin, a set of css styles and a plugin for the blogging tools Windows Live Writer.  I&#8217;ll let this Microsoft video explain:</p>
<p><span id="more-395"></span></p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="432" height="364" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="id" value="l9vln39h" /><param name="flashvars" value="c=v&amp;v=b205ba06-8956-423c-adf2-4d25c959afa1&amp;ifs=true&amp;fr=msnvideo&amp;mkt=en-US" /><param name="src" value="http://images.video.msn.com/flash/soapbox1_1.swf" /><embed id="l9vln39h" type="application/x-shockwave-flash" width="432" height="364" src="http://images.video.msn.com/flash/soapbox1_1.swf" flashvars="c=v&amp;v=b205ba06-8956-423c-adf2-4d25c959afa1&amp;ifs=true&amp;fr=msnvideo&amp;mkt=en-US"></embed></object></p>
<p>The IE8 extension does something similar as the <a href="http://www.kaply.com/weblog/operator/">Firefox Operator plugin</a>, but all of it is implemented in Javascript (using the Jquery library).  In fact, all the extension does, is make the browser insert 2 lines of javascript into the source code of any page it visits to perform the magic.  Jon Udell made a <a href="http://jonudell.net/dev/oomph1.html">demo page</a> with the javascript already included so you can check its effect with any browser without installing anything (more at Jon&#8217;s <a href="http://blog.jonudell.net/2008/10/24/pumpkins-with-oomph/">posting on Oomph</a>).</p>
<p>Inserting lines of javascript automatically in any page?  That sounds like a Greasemonkey job, doesn&#8217;t it?  Strangely enough, a <a href="http://www.google.com/search?q=oomph+greasemonkey">search for Oomph and Greasemonkey</a> didn&#8217;t result in anything useful.  So that&#8217;s why I put <a href="http://userscripts.org/scripts/show/36879">this simple Greasemonkey userscript</a> online<sup><a href="http://pascal.vanhecke.info/2008/11/13/oomph-for-firefox-microsofts-microformats-ie-plugin-as-greasemonkey-script/#footnote_1_395" id="identifier_1_395" class="footnote-link footnote-identifier-link" title="it is in fact based on a similar del.icio.us script I discussed in a posting 2 years ago">2</a></sup> that does for Firefox what the IE extension does: alerting you for hCalendar and hCard microformats and making it easy to download or export them.  Install it and head over to Jon Udell&#8217;s <a href="http://jonudell.net/dev/oomph2.html">second version of his demo page</a> that doesn&#8217;t have the script yet, to check whether the effect is identical.</p>
<p><em>Note</em>: as mentioned on the userscript&#8217;s page, Microsoft can theoretically follow your clickstream if you install the script (by logging http referer headers on load requests for the script). If you are not comfortable with that, host the Javascript libraries on your own server and replace the path &#8220;http://visitmix.com/labs/oomph/1.0/client/&#8221; by the new location.</p>
<div class="tantan-getcomments"><a href="http://pascal.vanhecke.info/2008/11/13/oomph-for-firefox-microsofts-microformats-ie-plugin-as-greasemonkey-script/#comments"><img src="http://pascal.vanhecke.info/wp-content/plugins/tantan/get-comments.php?p=395" width="100" height="15" style="border:0;" /></a></div><ol class="footnotes"><li id="footnote_0_395" class="footnote">although <a href="http://blog.jonudell.net/2008/03/05/webslices-can-help-popularize-feed-syndication/">several</a> <a href="http://blogmatrix.blogmatrix.com/:entry:blogmatrix-2008-03-05-0000/">people</a> have argued that the webslices that <a href="http://archive.visitmix.com/blogs/Joshua/IE8-Activities-With-Jane-Kim/">came with IE8</a>, are in fact a somewhat <a href="http://msdn.microsoft.com/en-us/library/cc304073(VS.85).aspx">different implementation</a> of the <a href="http://microformats.org/wiki/hatom">hAtom microformat</a></li><li id="footnote_1_395" class="footnote">it is in fact based on a similar del.icio.us script I discussed in a <a href="http://pascal.vanhecke.info/2006/09/12/cathing-loose-mp3s-with-greasemonkey-and-delicious/">posting 2 years ago</a></li></ol>]]></content:encoded>
			<wfw:commentRss>http://pascal.vanhecke.info/2008/11/13/oomph-for-firefox-microsofts-microformats-ie-plugin-as-greasemonkey-script/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Master of your mailbox: an email alias for every site you leave your address</title>
		<link>http://pascal.vanhecke.info/2007/10/09/master-of-your-mailbox-an-email-alias-for-every-site-you-leave-your-address/</link>
		<comments>http://pascal.vanhecke.info/2007/10/09/master-of-your-mailbox-an-email-alias-for-every-site-you-leave-your-address/#comments</comments>
		<pubDate>Tue, 09 Oct 2007 17:37:03 +0000</pubDate>
		<dc:creator>Pascal Van Hecke</dc:creator>
				<category><![CDATA[GreaseMonkey]]></category>

		<guid isPermaLink="false">http://pascal.vanhecke.info/2007/10/09/master-of-your-mailbox-an-email-alias-for-every-site-you-leave-your-address/</guid>
		<description><![CDATA[Do you want more control over which mails end up in your inbox? Then every time you give out your email address at a site, use an alias specific for that url. It helps you to track where (and by whom) mail addresses are being used, and lets you filter or block unnecessary mails. Here&#8217;s [...]<div class="tantan-getcomments"><a href="http://pascal.vanhecke.info/2007/10/09/master-of-your-mailbox-an-email-alias-for-every-site-you-leave-your-address/#comments"><img src="http://pascal.vanhecke.info/wp-content/plugins/tantan/get-comments.php?p=347" width="100" height="15" style="border:0;" /></a></div>]]></description>
			<content:encoded><![CDATA[<p>Do you want more control over which mails end up in your inbox?  Then every time you give out your email address at a site, use an alias specific for that url.  It helps you to track where (and by whom) mail addresses are being used, and lets you filter or block unnecessary mails.  Here&#8217;s how:<span id="more-347"></span></p>
<h3 id="toc-how-to-generate-a-limitless-number-of-email-aliases">How to generate a limitless number of email aliases</h3>
<p>There are two common ways to do this:</p>
<ol>
<li>If you have your own domain: use a catchall &#8211; this a mailbox that will &#8220;catch all&#8221; of the email addressed to @yourdomain.com, so any email address at the domain that doesn&#8217;t belong to another mailbox will end up in this default mailbox.  Create email addresses like <em>some-site-you-are-at.com@yourdomain.com</em>.</li>
<li>Use the <a href="http://lifehacker.com/software/gmail/figure-out-whos-selling-your-email-address-215174.php">&#8220;+&#8221; trick in Gmail</a>: Gmail.com has the weird feature that  youraccount+whatever@gmail.com ends up at youraccount@gmail.com (the plus is really a &#8220;+&#8221;).  Create email addresses like <em>youraccountname+some-site-you-are-at.com@gmail.com</em>.</li>
</ol>
<h3 id="toc-greasemonkey-userscripts-to-generate-url-specific-aliases-with-one-keystroke">Greasemonkey userscripts to generate url-specific aliases with one keystroke</h3>
<ol>
<li><a href="http://userscripts.org/scripts/show/12874">Email Address Generator for your domain</a>: inserts an email address like &#8220;<em>the-site-you-are-at.com@yourdomain.com</em>&#8221; when your press &#8220;F9&#8243;.  You&#8217;re prompted for your own domain name the first time you use the script.  <a href="http://userscripts.org/scripts/source/12874.user.js">Install</a> the script.</li>
<li><a href="http://userscripts.org/scripts/show/12876">Email Address Generator for Gmail</a>: inserts an email address like &#8220;<em>youraccountname+the-site-you-are-at.com@gmail.com</em>&#8221; when your press &#8220;F9&#8243;.  You&#8217;re prompted for your Gmail account name (NOT your password ;-) !) the first time you use the script.  <a href="http://userscripts.org/scripts/source/12876.user.js">Install</a> the script.</li>
</ol>
<p>You need the Firefox and Greasemonkey to install these scripts &#8211; check out this <a href="http://pascal.vanhecke.info/2005/04/03/greasemonkey-firefox-swiss-army-knife-bodes-user-empowerment/">introduction on Greasemonkey</a> if you had not heard of <a href="https://addons.mozilla.org/en-US/firefox/addon/748">this great Firefox extension</a> yet.</p>
<h3 id="toc-so-what-will-it-bring-you">So what will it bring you?</h3>
<p>Some examples of how this habit has helped me so far:</p>
<ol>
<li>Filter newsletters, notifications, updates (<a href="http://en.wikipedia.org/wiki/Bacn_%28electronic%29">BACN</a>) into folders or labels (or the trash bin) even if sender and subject change</li>
<li>Find out from which marketing stunt some publisher got your mail address</li>
<li>See which startup had its database end up <a href="http://pascal.vanhecke.info/2007/02/26/performancingcom-user-database-ends-up-where-it-doesnt-belong/">somewhere it doesn&#8217;t belong</a></li>
<li>Be able to prove that a trainee copied the customer database to start his own web shop (happened to a Belgian non-profit organisation)</li>
<li>Block comment notifications when a blog post you commented at succumbs to comment spam (sometimes blog posts do not offer comment feeds but just email notification &#8211; I even go as far as making an email alias per posting then, e.g. by inserting a date: <em>20071009.somedomain@mydomain.com</em>)</li>
<li>Protect my mailbox: I was once stupid enough to include a contact email address in a <a href="http://www.bitfolge.de/rsscreator-en.html">php script</a>, that got included in the popular <a href="http://www.joomla.org/">Joomla</a> software at some point in time, and got downloaded to hundreds of (virus-infected) computers&#8230; In the end, I had to ask my hosting provider to have the mails for this alias <a href="http://www.digitaldaze.com/servers/support/help/email_dev_null.html">sent to the system trash</a> immediately because I was flooded with virus mails&#8230;</li>
</ol>
<h3 id="toc-some-more-tips-and-caveats">Some more tips and caveats</h3>
<ol>
<li>Don&#8217;t forget that even if you were BCC-ed in an email, you can find out via which alias it was sent to you by having a look <a href="http://www.uic.edu/depts/accc/newsletter/adn29/headers.html#0">at the email headers</a>.</li>
<li>The &#8220;Gmail trick&#8221; won&#8217;t work everywhere &#8211; some sites will refuse an email with  &#8220;+&#8221; sign (or will refuse any Gmail address).</li>
<li>The catchall solution is more powerful than the Gmail trick for yet another reason &#8211; you can create an actual account called <em>somedomain.com@yourdomain.com</em>:
<ol>
<li>It will block these mails even from entering your Catch-all mailbox (make it bounce when the mailbox is full, or have the mails sent to trash&#8230; such as in the virus mails example)</li>
<li>And it works also when you&#8217;re in BCC (see first remark in this list)</li>
</ol>
</li>
<li>Forget about a catch-all solution when you do not have an adequate spam filter (<a href="http://spamhuntress.com/2007/02/28/catch-all-great-for-spamhunters/">from SpamHuntress</a>).  I forward my Catch-all mail to Gmail, which has great spam filtering.  Leave a comment if you have other solutions that work for you.</li>
<li>With email addresses constructed this way, spoofing a sender is dead easy of course.  As far as I know, it hasn&#8217;t ever happened to me (why would anyone do that?) but if you&#8217;re careful <a href="http://www.planetmike.com/journal/2007/02/28/using-tagged-email-addresses-for-fun-and-profit/">as Michael Boyd Clark is</a>, you might use a <em>something-cryptographic-of-the-domainname-you-are-at@yourdomain.com</em> instead of <em>domain-you-are-at@yourdomain.com</em>.<br />
I don&#8217;t use it because you&#8217;d need to calculate the generated address every time you want to query for it (with the &#8220;from:&#8221; operator in Gmail e.g.).   And if you &#8211; like Michael does &#8211; use a hash (from which you cannot derive the originating domain name) you&#8217;d need to do some bookkeeping to make sure who&#8217;s address this was.  Nevertheless, I might consider to rewrite the script so that it produces <em>secret-hash-of-domainname.domainname@mydomain.com</em> (making it both recognizable <em>and</em> impossible to make up).</li>
</ol>
<p>Have more tips or ideas?  Share them in the comments&#8230;</p>
<div class="tantan-getcomments"><a href="http://pascal.vanhecke.info/2007/10/09/master-of-your-mailbox-an-email-alias-for-every-site-you-leave-your-address/#comments"><img src="http://pascal.vanhecke.info/wp-content/plugins/tantan/get-comments.php?p=347" width="100" height="15" style="border:0;" /></a></div>]]></content:encoded>
			<wfw:commentRss>http://pascal.vanhecke.info/2007/10/09/master-of-your-mailbox-an-email-alias-for-every-site-you-leave-your-address/feed/</wfw:commentRss>
		<slash:comments>26</slash:comments>
		</item>
		<item>
		<title>Catching loose MP3s with Greasemonkey and del.icio.us</title>
		<link>http://pascal.vanhecke.info/2006/09/12/cathing-loose-mp3s-with-greasemonkey-and-delicious/</link>
		<comments>http://pascal.vanhecke.info/2006/09/12/cathing-loose-mp3s-with-greasemonkey-and-delicious/#comments</comments>
		<pubDate>Tue, 12 Sep 2006 19:24:37 +0000</pubDate>
		<dc:creator>Pascal Van Hecke</dc:creator>
				<category><![CDATA[del.icio.us]]></category>
		<category><![CDATA[GreaseMonkey]]></category>
		<category><![CDATA[MP3]]></category>
		<category><![CDATA[audio]]></category>
		<category><![CDATA[inline+flash+player]]></category>
		<category><![CDATA[lifehack]]></category>
		<category><![CDATA[playtagger]]></category>
		<category><![CDATA[podcasting]]></category>
		<category><![CDATA[screencast]]></category>
		<category><![CDATA[Syndication]]></category>

		<guid isPermaLink="false">http://pascal.vanhecke.info/2006/09/12/cathing-loose-mp3s-with-greasemonkey-and-delicious/</guid>
		<description><![CDATA[You encounter a link to an MP3 file but it takes ages to download before you can even start to listen. You probably even haven&#8217;t got the time to sit down and listen right now, so you&#8217;d want to save it on your MP3 player without too much hassle &#8211; the way you do with [...]<div class="tantan-getcomments"><a href="http://pascal.vanhecke.info/2006/09/12/cathing-loose-mp3s-with-greasemonkey-and-delicious/#comments"><img src="http://pascal.vanhecke.info/wp-content/plugins/tantan/get-comments.php?p=174" width="100" height="15" style="border:0;" /></a></div>]]></description>
			<content:encoded><![CDATA[<p>You encounter  a link to an MP3 file but it takes ages to download before you can even start to listen.  You probably even haven&#8217;t got the time to sit down and listen right now, so you&#8217;d want to save it on your MP3 player without too much hassle &#8211; the way you do with MP3s in a podcast.  Recognize the situation?  If so, here&#8217;s my MP3 <a href="http://en.wikipedia.org/wiki/Lifehack">lifehack</a> for you:<span id="more-174"></span></p>
<p align="center"><embed type="application/x-shockwave-flash" src="http://flash.revver.com/player/1.0/player.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" scale="noScale" salign="TL" bgcolor="#ffffff" flashvars="width=480&#038;height=392&#038;mediaId=82785&#038;affiliateId=28088&#038;javascriptContext=true&#038;skinURL=http://flash.revver.com/player/1.0/skins/Default_Raster.swf&#038;skinImgURL=http://flash.revver.com/player/1.0/skins/night_skin.png&#038;actionBarSkinURL=http://flash.revver.com/player/1.0/skins/DefaultNavBarSkin.swf&#038;resizeVideo=True" wmode="transparent" height="392" width="480"></embed></p>
<p><em>(The quality of the above screencast might depend on your bandwidth.  All links mentioned are in the following text as well.)</em></p>
<ol>
<li><strong>Get</strong><a href="http://greasemonkey.mozdev.org/"><strong> Greasemonkey</strong></a><strong>.</strong><br />
If you haven&#8217;t heard of this Firefox extension (or still don&#8217;t see why you&#8217;d even need to switch to Firefox!) check out a <a href="http://pascal.vanhecke.info/2005/04/03/greasemonkey-firefox-swiss-army-knife-bodes-user-empowerment/">previous posting on Greasemonkey</a></li>
<li><strong>Install the </strong><a href="http://userscripts.org/scripts/show/2200"><strong>Del.icio.us MP3 userscript</strong></a><strong>.<br />
</strong>Like lots of userscripts, this is a &#8220;<em>Greasemonkification</em>&#8221; of an already existing javascript, in this case the &#8220;<a href="http://del.icio.us/help/playtagger">Del.icio.us Playtagger</a>&#8220;, that lets webmasters insert an inline Flash player automatically for every linked MP3 url:<br />
<a href="http://del.icio.us/help/playtagger"><img width="410" height="392" alt="Del.icio.us Playtagger" src="http://pascal.vanhecke.info/wp-content/upload_images/2006/09/WindowsLiveWriter/Collectingloosemp3sforfurtherlistening_E9A5/del.icio.us_playtagger146.gif" /></a></li>
<li>The result: on <em>any webpage</em> with linked MP3 links, the power of Greasemonkey makes the inline player appear, exactly like in the <a href="http://del.icio.us/help/playtagger">playtagger examples</a>.  Now you can listen to the audio right away, and decide whether you want to have it on your MP3 player for off-line listening.  If so, <strong>click the &#8220;tag this&#8221; button and save the MP3 link to del.icio.us</strong> like you would do with any other link &#8211; use e.g. the tag &#8220;tolisten&#8221; as a reminder (analogous to the often-used tags &#8220;<a href="http://del.icio.us/tag/toread">toread</a>&#8221; or &#8220;<a href="http://del.icio.us/tag/toprint">toprint</a>&#8221; in del.icio.us :-) ).</li>
<li>Now  filter your del.icio.us account with the <strong>&#8220;magic&#8221; tag &#8220;system:filetype:mp3&#8243;</strong>:<br />
<img width="400" height="43" alt="del.icio.us filtered with mp3 system tag" src="http://pascal.vanhecke.info/wp-content/upload_images/2006/09/WindowsLiveWriter/Collectingloosemp3sforfurtherlistening_E9A5/del.icio.us46.gif" /><br />
Not only you have the list of all your mp3 files, the corresponding rss link http://del.icio.us/rss/<em>&lt;username&gt;</em>/system:filetype:mp3 under the <a href="http://pascal.vanhecke.info/wp-content/upload_images/2006/09/WindowsLiveWriter/Collectingloosemp3sforfurtherlistening_E9A5/rss433.gif"><img width="36" height="14" src="http://pascal.vanhecke.info/wp-content/upload_images/2006/09/WindowsLiveWriter/Collectingloosemp3sforfurtherlistening_E9A5/rss4_thumb6.gif" /></a> icon will be a full-fledged podcast (= with mp3 enclosures) you can feed to your podcatcher (=podcasting client).<br />
You do not need to assign this &#8220;system&#8221; tag yourself in order to be able to filter on it &#8211; Del.icio.us infers them from the file extension &#8211; did you know del.icio.us has <a href="http://blog.del.icio.us/blog/2005/06/casting_the_net.html">similar tags for video, images and documents</a> as well?</li>
<li>By refining your selection with your own tags (such as &#8220;tolisten&#8221;, or &#8220;jazz&#8221;, or &#8220;interview&#8221;, whatever), you <strong>create your own shareable playlists</strong>.</li>
</ol>
<p><strong>Update October 23d</strong>:</p>
<ul>
<li><a href="http://weblog.infoworld.com/udell/2006/10/23.html#a1549">Jon Udell&#8217;s referral</a> to the screencast reminded me of another trick to collect a series of loose MP3 links on a page in one swoop: see <a href="http://weblog.infoworld.com/udell/2006/06/27.html">Jon&#8217;s screencast</a> on how to use the <a href="http://webjay.org/playthispage">Webjay page</a> (and bookmarklet) for this</li>
<li>I replaced the self-hosted flv video file with a <a href="http://one.revver.com/watch/82785/format/flv/affiliate/28088">version hosted by Revver</a>.  I have been comparing video sharing sites to host screencasts, and I&#8217;ll post my evaluations soon.</li>
</ul>
<ol>[tags]del.icio.us, mp3, podcasting, greasemonkey, lifehack, audio, screencast, syndication, inlineflashplayer, playtagger, inline+flash+player[/tags]</ol>
<div class="tantan-getcomments"><a href="http://pascal.vanhecke.info/2006/09/12/cathing-loose-mp3s-with-greasemonkey-and-delicious/#comments"><img src="http://pascal.vanhecke.info/wp-content/plugins/tantan/get-comments.php?p=174" width="100" height="15" style="border:0;" /></a></div>]]></content:encoded>
			<wfw:commentRss>http://pascal.vanhecke.info/2006/09/12/cathing-loose-mp3s-with-greasemonkey-and-delicious/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Greasemonkey: Firefox Swiss army knife bodes User Empowerment</title>
		<link>http://pascal.vanhecke.info/2005/04/03/greasemonkey-firefox-swiss-army-knife-bodes-user-empowerment/</link>
		<comments>http://pascal.vanhecke.info/2005/04/03/greasemonkey-firefox-swiss-army-knife-bodes-user-empowerment/#comments</comments>
		<pubDate>Sun, 03 Apr 2005 18:51:12 +0000</pubDate>
		<dc:creator>Pascal Van Hecke</dc:creator>
				<category><![CDATA[GreaseMonkey]]></category>
		<category><![CDATA[WebWatch]]></category>

		<guid isPermaLink="false">http://pascal.vanhecke.info/2005/04/03/greasemonkey-as-general-annotation-tool/</guid>
		<description><![CDATA[Greasemonkey seems to be taking the (firefox) web world by storm&#8230; What it is Basically, it&#8217;s &#8220;a Firefox extension which lets you to add bits of javascript ( = user scripts) to any webpage to change it&#8217;s behavior. In much the same way that user CSS lets you take control of a webpage&#8217;s style, user [...]<div class="tantan-getcomments"><a href="http://pascal.vanhecke.info/2005/04/03/greasemonkey-firefox-swiss-army-knife-bodes-user-empowerment/#comments"><img src="http://pascal.vanhecke.info/wp-content/plugins/tantan/get-comments.php?p=20" width="100" height="15" style="border:0;" /></a></div>]]></description>
			<content:encoded><![CDATA[<p><a href="http://greasemonkey.mozdev.org/">Greasemonkey</a> seems to be taking the (firefox) web world by storm&#8230;<span id="more-20"></span></p>
<h3 id="toc-what-it-is">What it is</h3>
<p>Basically, it&#8217;s &#8220;a Firefox extension which lets you to add bits of javascript ( = user scripts) to any webpage to change it&#8217;s behavior. In much the same way that <a href="http://www.mozilla.org/support/firefox/edit#content">user CSS</a> lets you take control of a webpage&#8217;s style, user scripts let you easily control any aspect.&#8221; (from the <a href="http://greasemonkey.mozdev.org/">Greasemonkey</a> site).</p>
<h3 id="toc-what-does-it-mean">What does it mean</h3>
<p>Javascript is incredibly powerful, and more and more sites are designed <a href="http://www.webstandards.org/">in such a way</a> that they&#8217;re easily &#8220;scriptable&#8221;.  By adding &#8220;user scripts&#8221; to sites, you can change and add functionality. </p>
<h3 id="toc-how-does-it-work">How does it work?</h3>
<p>Let&#8217;s illustrate with an example: the &#8220;<a href="http://ponderer.org/annotate_google_redux">Google annotate</a>&#8221; user script that enhances Google search results with information on available rss feeds and del.icio.us tags on that search result.</p>
<p><strong>1</strong>: With  <a href="http://greasemonkey.mozdev.org/">Greasemonkey</a> installed, you can simply right-click on a link to a userscript (= a .js file):<br />
<img src='http://pascal.vanhecke.info/wp-content/upload_images/greasemonkeyscreenshot_rightclick.gif' alt='Install Greasemonkey user script' /></p>
<p><strong>2</strong>: Modify some options (e.g. adding your local google site):<br />
<img src='http://pascal.vanhecke.info/wp-content/upload_images/greasemonkeyscreenshot_install.gif' alt='Configure Greasemonkey user script' /></p>
<p><strong>3</strong> &#8230; and this is the result: search results are enhanced with available rss feeds, link to del.icio.us entries  and a tags link showing the used del.icio.us tags when clicked on:<br />
<img src='http://pascal.vanhecke.info/wp-content/upload_images/greasemonkeyscreenshot_results.gif' alt='Modified Search results' /></p>
<h3 id="toc-some-other-examples">Some other examples</h3>
<p>Enough inspiration at this <a href="http://dunck.us/collab/GreaseMonkeyUserScripts">GreaseMonkey User Scripts Directory</a>:</p>
<ul>
<li>Changing layout:
<ul>
<li>Title Scrubber: removes &#8220;Welcome&#8221;, &#8220;Welcome to&#8221;, etc. from title bars.</li>
<li>Site skinner: Adds a skin link down the bottom of every page which lets you add custom css to the page (uses cookies to auto load css).</li>
<li>Expand TextArea: allows you to resize textareas.</li>
</ul>
</li>
<li>Modifying behaviour:
<ul>
<li>Hide Adsense: Hides Google Adsense IFrames </li>
<li>Flickr: Degradr: Replaces flickr&#8217;s flash-embedded images with actual image files</li>
</ul>
</li>
<li>Integrating functionality of several sites
<ul>
<li>Amazon/Melvyl: Check UC Libraries Given a link to Amazon, check Univ. of California&#8217;s libraries for availability</li>
<li>Del.icio.us/NewsGator: DeliciousGator: Add del.icio.us post links to News Gator Online.</li>
<li>Amazon Linky Inserts three icon links under book titles, one to a price comparison site and two to libraries.</li>
</ul>
</li>
</ul>
<h3 id="toc-issues">Issues</h3>
<p>You might have heard about the <a href="http://www.theregister.co.uk/2005/03/03/google_autolink/">row on the Googe autolink feature</a>, reminiscent of the <a href="http://www.addme.com/issue216.htm">Microsoft Smart tags discussion</a> almost 4 years ago.  Now grass roots developers have the possibility to do the same with User scripts: automagically changing  branding, removing ads, inserting links to other sites&#8230;  both for specific domains or as general browser behaviour.  As a kind of &#8220;<a href="http://blog.outer-court.com/archive/2005-03-15-n77.html">Sue me if you dare</a>&#8221; statement <a href="http://www.diveintomark.org/">Mark Pilgrim</a>  designed <a href="http://www.diveintomark.org/projects/butler/">Butler</a>:  a user script that removes ads from Google search results, and adds links to competitors.<br />
The <a href="http://dream.sims.berkeley.edu/~ryanshaw/wordpress/2005/02/18/greasemonkey-stole-your-job-and-your-business-model/" >implications for online business models</a> are huge, and we might see some nasty <a href="http://greaseblog.blogspot.com/2005/03/user-script-arms-race-has-begun.html">battles coming up</a>  &#8211; as well as new services made available via these &#8220;scripts in the middle&#8221;.</p>
<h3 id="toc-disruptive">Disruptive?</h3>
<p>In itself, it doesn&#8217;t seem a spectacularly new technology: </p>
<ul>
<li><a href="http://www.bookmarklets.com/" title ="javasripts hidden in a bookmark  to add specific functionality to your browser, such as posting a web quote to your blog">bookmarklets</a>  have been arround for some time, and already led to amazing applications, such as when you <a href="http://weblog.infoworld.com/udell/2005/02/17.html#a1179">combine Google Maps with other data sources</a>, such as <a href="http://mygmaps.com/mygmaps.cgi/">users&#8217; pictures and  annotations</a>.</li>
<li>nothing new either about the concept of &#8220;Web annotation&#8221;, think of the <a href="http://www.wikalong.org/">WikiAlong</a> Firefox plugin, letting you annotate webpages (on the <a href="http://en.wikalong.org/index.cgi?action=recent_changes">public WikiAlong Wiki</a> or an a private, company or project group wiki).</li>
</ul>
<p>The really new thing with Greasemonkey is the ease scripts can be written (javascript has been around for almost 10 years), made available (simply put a file online)  installed (right-click), and propagated (think of a user script showing the available user scripts for the site you&#8217;re browsing!!).  Without any doubt, zillions of these scriptlets will be hacked together and spread like wildfire,  extending and bending existing functionality.  (see for example <a href="http://mkgray.com:8000/blog/Technology/Javascript/GoogleMapsGreasemonkey.html">Greasemonkey for Google Maps</a>) </p>
<h3 id="toc-a-new-architecture-for-the-web">A new architecture for the web?</h3>
<p>Jon Udell asked whether there could be such a thing as a general <a href="http://weblog.infoworld.com/udell/2005/03/30.html#a1205">architecture of intermediation</a>, a way of devising applications and their connections in such a way that an intermediary layer can adapt their behaviour and combine their data and functionality with that of other applications, even your own private applications.  According to <a href="http://simon.incutio.com/archive/2005/03/30/lightweight ">Simon Willison</a>, Greasemonkey and its &#8220;scripts in the middle&#8221; could be a very light-weight implementation of such an architecture.  To be continued&#8230;</p>
<p>Oh BTW: <a href="http://www.daishar.com/blog/archives/2005/03/greasemonkey_fo.html">Greasemonkey for Internet Explorer</a> is underway :-)</p>
<p><ins datetime="2005-04-04T11:27:30-02:00"><strong>Update April 4</strong></ins>: Jon Udell&#8217;s yesterday <a href="http://weblog.infoworld.com/udell/gems/intermediation.html" title = " screencast on content, services, AutoLink, LibraryLookup, Greasemonkey, Google Maps, and OpenSearch">screencast</a> explains all of this so much better!</p>
<div class="tantan-getcomments"><a href="http://pascal.vanhecke.info/2005/04/03/greasemonkey-firefox-swiss-army-knife-bodes-user-empowerment/#comments"><img src="http://pascal.vanhecke.info/wp-content/plugins/tantan/get-comments.php?p=20" width="100" height="15" style="border:0;" /></a></div>]]></content:encoded>
			<wfw:commentRss>http://pascal.vanhecke.info/2005/04/03/greasemonkey-firefox-swiss-army-knife-bodes-user-empowerment/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

