<?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>Will's Web Miscellany &#187; Rails</title>
	<atom:link href="http://willj.net/tag/rails/feed/" rel="self" type="application/rss+xml" />
	<link>http://willj.net</link>
	<description>will.thoughts.pop</description>
	<lastBuildDate>Wed, 11 Aug 2010 09:50:24 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Blocking Internet Explorer 5.5</title>
		<link>http://willj.net/2009/06/15/blocking-internet-explorer-55/</link>
		<comments>http://willj.net/2009/06/15/blocking-internet-explorer-55/#comments</comments>
		<pubDate>Mon, 15 Jun 2009 21:08:49 +0000</pubDate>
		<dc:creator>Will</dc:creator>
				<category><![CDATA[Programming]]></category>
		<category><![CDATA[Rails]]></category>
		<category><![CDATA[Ruby]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[internet explorer]]></category>
		<category><![CDATA[rack]]></category>

		<guid isPermaLink="false">http://willj.net/?p=502</guid>
		<description><![CDATA[IE 5.5 is dead. The number of people using it are tiny, at least according to the stats on the most popular sites I run. Here are the numbers. Jokes-o-matic Has a larger proportion of Firefox users than Internet Explorer users due to the high level of traffic from some social bookmarking sites, meaning a [...]]]></description>
			<content:encoded><![CDATA[<p>IE 5.5 is dead. The number of people using it are tiny, at least according to the stats on the most popular sites I run. Here are the numbers.</p>
<h3><a title="jokes site" href="http://jokes-o-matic.com/">Jokes-o-matic<br />
</a></h3>
<p>Has a larger proportion of Firefox users than Internet Explorer users due to the high level of traffic from some social bookmarking sites, meaning a more web-savvy crowd who are more likely to be using alternative browsers:</p>
<div id="attachment_505" class="wp-caption alignnone" style="width: 565px"><img class="size-full wp-image-505" title="jokes-o-matic.com browser breakdown" src="http://willj.net/wp-content/uploads/2009/06/picture-1.png" alt="jokes-o-matic.com browser breakdown" width="555" height="100" /><p class="wp-caption-text">jokes-o-matic.com browser breakdown</p></div>
<p>The level of IE usage is still pretty high though, but even so only a single hit from IE 5.5 recently:</p>
<div id="attachment_506" class="wp-caption alignnone" style="width: 562px"><img class="size-full wp-image-506" title="jokes-o-matic.com IE versions" src="http://willj.net/wp-content/uploads/2009/06/picture-4.png" alt="jokes-o-matic.com IE versions" width="552" height="122" /><p class="wp-caption-text">jokes-o-matic.com IE versions</p></div>
<h3><a title="Recycling Group Finder" href="http://recyclinggroupfinder.com/">Recycling Group Finder</a></h3>
<p>A much more broad and &#8216;average&#8217; user base with Internet Explorer dominant:</p>
<div id="attachment_507" class="wp-caption alignnone" style="width: 565px"><img class="size-full wp-image-507" title="Recycling Group Finder browser breakdown" src="http://willj.net/wp-content/uploads/2009/06/picture-11.png" alt="Recycling Group Finder browser breakdown" width="555" height="122" /><p class="wp-caption-text">Recycling Group Finder browser breakdown</p></div>
<p>Still, only 6 Internet Explorer hits recently, a tiny proportion of overall visits:</p>
<div id="attachment_508" class="wp-caption alignnone" style="width: 563px"><img class="size-full wp-image-508" title="Recycling Group Finder IE versions" src="http://willj.net/wp-content/uploads/2009/06/picture-3.png" alt="Recycling Group Finder IE versions" width="553" height="122" /><p class="wp-caption-text">Recycling Group Finder IE versions</p></div>
<h2>What does this mean?</h2>
<div id="attachment_513" class="wp-caption alignright" style="width: 312px"><img class="size-full wp-image-513" title="Yahoo.com as seen in Internet Explorer 5.5" src="http://willj.net/wp-content/uploads/2009/06/yahoo_cropped.png" alt="Yahoo.com as seen in Internet Explorer 5.5" width="302" height="257" /><p class="wp-caption-text">Yahoo.com as seen in Internet Explorer 5.5</p></div>
<p>These statistics, and others I have seen suggest that almost no-one uses Internet Explorer 5.5 or below any more. The small minority that do must be used to the internet breaking in unique and interesting ways due to the lack of support for more recent developments in CSS and really bad Javascript support (see right for yahoo.com as seen in Internet Explorer 5.5). I predict that a fair number of sites just don&#8217;t work in any usable way on anything less than Internet Explorer 6.</p>
<h2>Time is money</h2>
<p>Designing for multiple browsers takes time. The more browsers you need to support the more time you need to spend supporting them.</p>
<p>A <a title="Bracken Bruiser prototype site" href="http://bracken.supershinyrobot.com/">recent project</a> I worked on required a redesign of the site from the ground-up (aswell as a bunch of other stuff) and making the site work in any version of Internet Explorer lower than 6 just wasn&#8217;t worth the time, and therefore money, put into it. The return just wasn&#8217;t there and I decided that IE 5.5 was gone, dead, obsolete and I wasn&#8217;t going to try and mangle the design to work in it. Rather than just display a really crappy looking site to the user I decided I would let them know via a short and to-the-point message that their browser was not up to displaying the site and directing them to upgrade to a new version of their browser.</p>
<h2>Give them the good news</h2>
<div id="attachment_526" class="wp-caption alignleft" style="width: 297px"><img class="size-full wp-image-526" title="IE 5.5 advice message" src="http://willj.net/wp-content/uploads/2009/06/noie55.png" alt="IE 5.5 advice message" width="287" height="215" /><p class="wp-caption-text">Message displayed to all users visiting project in anything below IE 6</p></div>
<p>But how to do this? The site was developed in Ruby on Rails and I&#8217;d heard of a neat gem called <a title="noie6" href="http://github.com/juliocesar/rack-noie/tree/master">rack-noie6</a> that provides a piece of Rack middleware that blocks Internet Explorer 6 and below, but that isn&#8217;t going to work in most cases. Hard as it may be to make your site look good in Internet Explorer 6 you can see from the stats above there&#8217;s still a large proportion of users using it and to turn them away would be crazy, at least while the pool of IE 6 users out there is still so large.</p>
<p>So a quick fork and patch later (<a title="Github" href="http://github.com/">github</a> we &lt;3 you so much) and the <a title="New noie6" href="http://github.com/wjessop/rack-noie6/tree/master">new noie6</a> was accepting an option for a minimum version of Internet Explorer it should accept instead of just rigidly blocking version 6 and below. Configuration is <em>really</em> simple:</p>
<p><script src="http://gist.github.com/130324.js"></script></p>
<p>Now any users visiting the site in anything <em>below</em> Internet Explorer 6 gets the message above helpfully directing them to update their browser. Not bad for a two line config update.</p>
]]></content:encoded>
			<wfw:commentRss>http://willj.net/2009/06/15/blocking-internet-explorer-55/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
