<?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>MaisonBisson.com &#187; link rot</title>
	<atom:link href="http://maisonbisson.com/blog/post/tag/link-rot/feed/" rel="self" type="application/rss+xml" />
	<link>http://maisonbisson.com</link>
	<description>A bunch of stuff I would have emailed you about.</description>
	<lastBuildDate>Sat, 14 Nov 2009 20:14:03 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Too Bad The Hanzo Archives Wordpress Plugin Is Caput</title>
		<link>http://maisonbisson.com/blog/post/13955/too-bad-the-hanzo-archives-wordpress-plugin-is-caput/</link>
		<comments>http://maisonbisson.com/blog/post/13955/too-bad-the-hanzo-archives-wordpress-plugin-is-caput/#comments</comments>
		<pubDate>Tue, 09 Jun 2009 16:12:46 +0000</pubDate>
		<dc:creator>Casey Bisson</dc:creator>
				<category><![CDATA[Blink]]></category>
		<category><![CDATA[Libraries & Networked Information]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[archive]]></category>
		<category><![CDATA[Hanzo Archives]]></category>
		<category><![CDATA[link rot]]></category>
		<category><![CDATA[perma-permalink]]></category>
		<category><![CDATA[permalink]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[web archive]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://maisonbisson.com/?p=13955</guid>
		<description><![CDATA[
The Hanzo Archives Wordpress plugin is something I&#8217;d be very excited to use. Ironically, it&#8217;s disappeared from the web (though the blog post hasn&#8217;t):
We’ve released a Wordpress Plugin which automatically archives anything you link to in your blog posts; it also adds a ‘perma-permalink’ for the archived version adjacent to each original link.
An Amazon Web [...]]]></description>
			<content:encoded><![CDATA[<abbr class="unapi-id" title="maisonbisson-13955"><!-- &nbsp; --></abbr>
<p>The <a href="http://www.hanzoarchives.com/">Hanzo Archives</a> <a href="http://www.hanzoarchives.com/blog/2006/05/16/wordpress-plugin/">Wordpress plugin</a> is something I&#8217;d be very excited to use. Ironically, it&#8217;s disappeared from the web (though the blog post hasn&#8217;t):</p>
<blockquote><p>We’ve released a Wordpress Plugin which automatically archives anything you link to in your blog posts; it also adds a ‘perma-permalink’ for the archived version adjacent to each original link.</p></blockquote>
<p>An <a href="http://aws.amazon.com/solutions/case-studies/hanzo/">Amazon Web Services case study</a> put me on to Hanzo a while ago, and in May 2008 I actually spoke with <a href="http://twitter.com/hanzoman">Mark Middleton</a> (the markm who posted the entry above). Mark revealed that community take-up on the plugin and other general purpose web archiving services was below expectations. The company has since refocused on legal matters (even their blog tag-line has changed to &#8220;web archiving for compliance and e-discovery&#8221;).</p>
<p>I wonder if, now that the number of people and companies that have been blogging for years has grown, there might be more of a market for such a service.</p>
]]></content:encoded>
			<wfw:commentRss>http://maisonbisson.com/blog/post/13955/too-bad-the-hanzo-archives-wordpress-plugin-is-caput/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Detecting Broken Images in JavaScript</title>
		<link>http://maisonbisson.com/blog/post/12150/detecting-broken-images-in-javascript/</link>
		<comments>http://maisonbisson.com/blog/post/12150/detecting-broken-images-in-javascript/#comments</comments>
		<pubDate>Mon, 16 Jun 2008 14:45:49 +0000</pubDate>
		<dc:creator>Casey Bisson</dc:creator>
				<category><![CDATA[Technology]]></category>
		<category><![CDATA[broken images]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[js]]></category>
		<category><![CDATA[link rot]]></category>
		<category><![CDATA[onerror]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://maisonbisson.com/blog/?p=12150</guid>
		<description><![CDATA[
We&#8217;ve become accustomed to link rot and broken images in nearly all corners of the web, but is there a way to keep things a bit cleaner?
K.T. Lam of Hong Kong University of Science and Technology came up with this sweet trick using jQuery and readyState to find and replace broken images:

jQuery&#40;'span#gbs_'+info.bib_key&#41;.parents&#40;'ul'&#41;.find&#40;'img.bookjacket[@readyState*=&#34;uninitialized&#34;]'&#41;.replaceWith&#40;'&#60;img src=&#34;'+info.thumbnail_url+'&#34; alt=&#34;'+strTitle+'&#34; height=&#34;140&#34; [...]]]></description>
			<content:encoded><![CDATA[<abbr class="unapi-id" title="maisonbisson-12150"><!-- &nbsp; --></abbr>
<p>We&#8217;ve become accustomed to link rot and broken images in nearly all corners of the web, but is there a way to keep things a bit cleaner?</p>
<p>K.T. Lam of Hong Kong University of Science and Technology came up with <a href="http://catalog.ust.hk/catalog/wp-content/plugins/scriblio/js/scrib.googlebook.js">this sweet trick</a> using jQuery and <code>readyState</code> to find and replace broken images:</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;">jQuery<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'span#gbs_'</span><span style="color: #339933;">+</span>info.<span style="color: #660066;">bib_key</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">parents</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'ul'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">find</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'img.bookjacket[@readyState*=&quot;uninitialized&quot;]'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">replaceWith</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'&lt;img src=&quot;'</span><span style="color: #339933;">+</span>info.<span style="color: #660066;">thumbnail_url</span><span style="color: #339933;">+</span><span style="color: #3366CC;">'&quot; alt=&quot;'</span><span style="color: #339933;">+</span>strTitle<span style="color: #339933;">+</span><span style="color: #3366CC;">'&quot; height=&quot;140&quot; width=&quot;88&quot; /&gt;'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p>And it works really well, but only in IE. Testing for <code>img.complete</code> or <code>img.naturalWidth</code> <a href="http://talideon.com/weblog/2005/02/detecting-broken-images-js.cfm">might be possibilities</a>, but I&#8217;m much more interested in the <code>onerror</code> property of the img tag:</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>img src<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;picture1.gif&quot;</span> <span style="color: #000066;">onerror</span><span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;this.onerror=null;this.src='missing.gif';&quot;</span><span style="color: #339933;">/&gt;</span></pre></div></div>

<p>Or in JS:</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">var</span> imgsrc <span style="color: #339933;">=</span> <span style="color: #3366CC;">'picture1.gif'</span><span style="color: #339933;">;</span>
<span style="color: #003366; font-weight: bold;">var</span> img <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> Image<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
img.<span style="color: #000066;">onerror</span> <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">function</span> <span style="color: #009900;">&#40;</span>evt<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
	<span style="color: #000066;">alert</span><span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">src</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot; can't be loaded.&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
img.<span style="color: #000066;">onload</span> <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">function</span> <span style="color: #009900;">&#40;</span>evt<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
	<span style="color: #000066;">alert</span><span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">src</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot; is loaded.&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
img.<span style="color: #660066;">src</span> <span style="color: #339933;">=</span> imgsrc<span style="color: #339933;">;</span></pre></div></div>

<p>Or call a JS function when the browser detects a broken image:</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>html<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>head<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>script language<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;JavaScript&quot;</span> type<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;text/javascript&quot;</span><span style="color: #339933;">&gt;</span>
<span style="color: #003366; font-weight: bold;">function</span> ImgError<span style="color: #009900;">&#40;</span>source<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
	source.<span style="color: #660066;">src</span> <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;/images/noimage.gif&quot;</span><span style="color: #339933;">;</span>
	source.<span style="color: #000066;">onerror</span> <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;&quot;</span><span style="color: #339933;">;</span>
	<span style="color: #000066; font-weight: bold;">return</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #339933;">&lt;/</span>script<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;/</span>head<span style="color: #339933;">&gt;</span>
&nbsp;
<span style="color: #339933;">&lt;</span>body<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>div<span style="color: #339933;">&gt;&lt;</span>img src<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;http://jquery.com/images/bibeault_cover150A.jpg&quot;</span>
border<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;1&quot;</span> height<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;100&quot;</span> alt<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;image&quot;</span> <span style="color: #000066;">onerror</span><span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;ImgError(this)&quot;</span> <span style="color: #339933;">/&gt;&lt;/</span>div<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;/</span>body<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;/</span>html<span style="color: #339933;">&gt;</span></pre></div></div>

<p>I haven&#8217;t tested any of this code, but it&#8217;s just a matter of time.</p>
]]></content:encoded>
			<wfw:commentRss>http://maisonbisson.com/blog/post/12150/detecting-broken-images-in-javascript/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Linkrot? We Don&#8217;t Have Any Steenking Linkrot!</title>
		<link>http://maisonbisson.com/blog/post/11288/linkrot-we-dont-have-any-steenking-linkrot/</link>
		<comments>http://maisonbisson.com/blog/post/11288/linkrot-we-dont-have-any-steenking-linkrot/#comments</comments>
		<pubDate>Tue, 02 May 2006 18:42:17 +0000</pubDate>
		<dc:creator>Casey Bisson</dc:creator>
				<category><![CDATA[Libraries & Networked Information]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[blog archives]]></category>
		<category><![CDATA[currency]]></category>
		<category><![CDATA[fix links]]></category>
		<category><![CDATA[link rot]]></category>
		<category><![CDATA[linkrot]]></category>
		<category><![CDATA[links]]></category>
		<category><![CDATA[maintenance]]></category>
		<category><![CDATA[old content]]></category>
		<category><![CDATA[web4lib]]></category>

		<guid isPermaLink="false">http://maisonbisson.com/blog/post/11288/</guid>
		<description><![CDATA[
Allen asked, via the web4lib list:
I&#8217;m interested in how others handle linkrot in library blogs. Do you fix broken links? Remove them if they can&#8217;t be fixed? Do nothing?
Michael answered:
I deal with link rot on blogs as I would with any other publication, print  or otherwise: do nothing. The post is dated and users [...]]]></description>
			<content:encoded><![CDATA[<abbr class="unapi-id" title="maisonbisson-11288"><!-- &nbsp; --></abbr>
<p>Allen asked, via the <a href="http://lists.webjunction.org/web4lib/">web4lib</a> list:</p>
<blockquote><p>I&#8217;m interested in how others handle linkrot in library blogs. Do you fix broken links? Remove them if they can&#8217;t be fixed? Do nothing?</p></blockquote>
<p>Michael answered:</p>
<blockquote><p>I deal with link rot on blogs as I would with any other publication, print  or otherwise: do nothing. The post is dated and users should be aware that links from two years ago may no longer work.</p></blockquote>
<p>We need to understand that the web is a living, breathing, and sometimes dying organism. The forrest will renew itself. </p>
<p>Dropping the metaphor, link rot is frustrating, but deleting links is deleting history. Fixing links (if possible) or adding updates is another matter, but it&#8217;s really only something I&#8217;d do for active content.</p>
<p><tags>blog archives, currency, fix links, link rot, linkrot, links, old content, web4lib, maintenance</tags></p>
]]></content:encoded>
			<wfw:commentRss>http://maisonbisson.com/blog/post/11288/linkrot-we-dont-have-any-steenking-linkrot/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>