You want it (the post) to be a “one stop” article with links to all the details so folks landing move to action NOW.

So, after finalizing the first version of the WordPress plugin for the campaign and receiving more than 25,000 views in the last three days I figured it’s about time I sit down and write up a comprehensive article about what this is all about and why it is so important that you join the movement and help phase out Internet Explorer 6 forever.

How did the IE6 campaign come about?

Actually the IE6 campaign is nothing new. It has been around for years in different incarnations - from subltle hints found in FAQs to full on Microsoft hating and site blocking. The anti-IE6 movement has been around pretty  much since the browser was published back in 2001 and has been lurking around in the internet underbrush ever since.

Then last week a group of large and wide-read sites in Norway took it upon themselves to give the campaign a fresh start. In a matter of days almost every major newspaper in the country along with a myriad of tech magazines, broadcasters and others added a warning box in their sites telling IE6 users they were using outdated software that can impede their user experience and put their computers at risk.

Seeing an opportunity to transplant the campaign to North America and especially within the WordPress blogging community I created StopLivingInThePast.com last Saturday. The project has actually been a sketch in my notebook since late 2007 but I could never find the right time to launch it. That is until now.

StopLivingInThePast.com is by far the only IE6 site and I do not claim ownership of the campaign. In actuality there are a myriad of old and new sites popping up that all convey pretty much the same message: Phase out IE6 now and go enjoy the web.

Why should I care?

Like I mentioned earlier, Internet Explorer 6 has been a favourite object of hate and ridicule pretty much since it went public in 2001. And for good reason. The browser is a quagmire of web-standards incompliance, buggy JavaScript rendering, security holes and general errors. Which begs the question “If IE6 is so bad, why on earth do people use it at all?” The answer to this question serves to explain both how big the problem really is and why designers and developers are now taking the fight to the streets to get rid of the browser for good.

Let me split the question in half and answer each in turn:

Why is IE6 so bad?

When you design a web site or application you have to have the end user in mind. And the way the end user accesses your sites and applications is through a web browser. Since there are many different web browsers available it is important that there is one true standard to which they all adhere so that a web site or application looks the same regardless of what browser or platform the visitor uses. To this end the World Wide Web Consortium (W3C) has published a set of rules known as Web Standards that spell out in more or less certain terms how different code elements should be used and what they should look like. And for the most part browsers follow these rules - some more strictly than others. I say “most” because there is a glaring exception: Internet Explorer 6.

Rather than following the web standards set out by the W3C, the creators of Internet Explorer 6 decided to make up their own rules when it came to HTML, CSS and JavaScript rendering. As a result when a designer used a block of code to achieve one thing, it would often appear differently in Internet Explorer 6 than in all the other browsers.

There are many theories as to why this path was chosen by the developers. Personally I think it was an attempt to outplay the competition by a company that at the time had a bit too much control of the market. It seems plausible (keep in mind, this is pure conjecture on my part!) that the developers figured that because of their market domination they could quash their competitors by forcibly changing the web standards because designers would design for IE6 first and ignore the other browsers leading their sites to look terrible or not work at all in all browsers except IE6.

Whatever the reason, the strategy of having a non-compliant browser backfired and lead to an uproar in the web design and development community and the implementation of so-called “IE hacks“: Because IE6 didn’t play nice with web standards, the people that build web sites started designing based on web standards and then added a bunch of extra code to force IE6 to comply. But although this strategy worked it was both cumbersome and clumsy and lead to sites being horribly bloated and slow.

Parallel, or maybe as a side effect, to this, hackers around the world started attacking the browser by finding security holes and malfunctions and using them to infest the host computers with all sorts of nasty stuff. As a result what used to be a purely aesthetic concern from the designer/developer side became a very real security concern for the average user.

Meanwhile other browser developers like Mozilla and Opera were hard at work exploiting the hatred and frustration caused by IE6 to get a bigger share of the market. And while Microsoft was hard at work plugging security holes Firefox and Opera introduced a long list of new and exciting features not available in IE6 including tabbed browsing, extensions and true standards based HTML, CSS and JavaScript support.

Then in 2006 Microsoft released Internet Explorer 7 - a much improved browser that not only stayed truer to web standards but also included much needed user conveniences like the now hugely popular tabs and integrated search.

Why do people still use IE6?

And with the introduction of a new browser that solved a lot of the issues people had been griping over for the last 5 years one would expect users would be falling over each other trying to upgrade as quickly as possible, right? Wrong! First off, because of all the thousands of security warnings and updates people had gotten with IE6 a large group of users were under the impression that if they now upgraded to a new browser the whole game would start over. This type of sentiment makes no sense to business insiders but for the average man and woman on the web it seems rational to think that way. After all, if it took Microsoft 5 years to sort out the bugs of IE6, wouldn’t it take them even longer to sort out the bugs in the new version? And with that rationale as their modus operandi thousands upon thousands of end users declined the update to IE7 and stuck with what they perceived as a tried and trusted.

On the other end of the spectrum many large corporations were facing a much bigger problem: Because IE6 had such a long run and such a large market share, a huge percentage of sites and applications on the web and in intranets around the world were designed to run properly only in the strange world of IE6 code interpretation. And when they upgraded their computers to IE7, their huge and costly applications no longer worked the way they were supposed to. So rather than upgrading and subsequently having to redesign and redevelop applications that until then had worked just fine these corporations bit the bullet and decided to stick with IE6 in spite of its flaws.

Finally a small percentage of users were still on older systems that either ran operating systems that didn’t support IE7 or didn’t have enough computing power to run the browser properly.

Whatever the reason for not upgrading, the group of IE6 users even to this day is slow to decline and is currently estimated to be between 25% and 30% of the total population of internet users.

So it’s a lost cause then…

Faced with this rather complicated situation the general attitude of designers/developers and the general public has been to keep at it and keep designing sites for the lowest common denominator - that being IE6. But with the advent of new web technologies and the explosive growth of social networking and blogging the lowest common denominator has gone from being a general nuisance to becoming a grand piano chained to the back of your new sports car.

Because IE6 does not render HTML, CSS and JavaScript like the other browsers and much of the new technologies and innovations we have seen over the last couple of years use precicely these code languages, the web and it’s designers and developers are being pulled in two different directions: Do we hold back on new technologies to accommodate the old browser or do we break free and leave it to drift and sink under it’s own weight? To many the answer is still the former - better to tow the piano for a few more years so as not to lose any of our potential clients - while others are already hacking away at the chain with saws, axes and whatever else they have handy.

And this is where  StopLivingInThePast.com and the many other IE6 campaigns come in. More and more designers and developers are looking to move the web forward without leaving anyone behind and to do so they are including warnings in their sites telling those visitors still using the old and outdated browser that now is the time to stop living in the past and upgrade to a newer and better browser. In some ways it is self-serving - getting rid of IE6 for good will make life easier for those of us that design web sites and applications for a living - and in others it is an effort to elevate the overall usability and enjoyment of the web for the masses. I can only speak for myself here but I actuall feel bad for those users who are still stuck with Internet Explorer 6. Because not only will upgrading their browser make them safer from security intrusions, viruses and other nasty stuff, but they will have a much better experience surfing the web.

So what do we do?

In a word: Upgrade. Upgrade your own computer, upgrade your mom’s computer, your neighbor’s computer, talk to your IT people at work and ask them to upgrade and tell all your friends to do the same. And if for some reason they cannot or will not upgrade to the latest version of Internet Explorer, ask them to get one of the many other browsers available and stop using IE6. If you have a web site, add the warning code from this site to your own. If you run a WordPress blog or site you can install the Stop Living in the Past WordPress plugin that will do all the work for you. And again, ask all your friends, relatives, neighbours and even your company to do the same. I have no doubt that if enough people get on board this campaign and enough sites feature the friendly alert to finally upgrade from this archaic browser we can actually look forward to a future where IE6 usage is down to a one-digit percentage and we can finally leave the old and bloated code to rest for good.

It won’t be instant, and I have no illusions that it will happen over night, but neither is this am uopic dream: The internet is a constantly evolving entity and if we all play our part and help out we can help it over this hurdle.

Earlier this week director of Windows Consumer in Microsoft Norway Isabella Alveberg expressed her support for the campaign in an interview with the magazine but Ballmers support adds a whole new level of legitimacy and power to the campaign.

Although the campaign has seen massive support throughout Europe there has so far been little response from North American sites. With Ballmer “on board” so to speak the door is now wide open for more reluctant adopters to take the next step and add a warning to their own sites urging IE6 users to upgrade their browsers.

Ballmer’s email to Teknisk Ukeblad:

Microsoft recommends end users that are browsing the web with Internet Explorer 6 to upgrade today to benefit from numerous improvements including security features and usability enhancements.

Interoperability is key to enabling developers to continue to create great user experiences on the web. Our commitment to the technical community continues with our significant investment in Internet Explorer 8.

We continue to believe in the importance of supporting the end users and encourage the technical community to work with us in securing a good transition for the users that today are using IE6.

Hope that helps

Read the original article in Norwegian or via Google Translate.

The plugin uses a simple JavaScript hook to see if the browser being used is IE6 or older and if so it inserts the code available on this site at the very top of the page just like the manual code does.

Using the Stop Living in the Past WordPress plugin is as easy as it gets:

1. Download the WordPress plugin
2. Unzip the archive to your computer
3. Upload the StopLivingInThePast folder to your /wp-content/plugins directory
4. Activate the Stop Living in the Past plugin from your WordPress admin panel.

That’s really all there is to it!

Originally I was just planning on making a simple plugin that once activated would add the Stop Living in the Past code to the top of the page. But as I started getting tons of emails, comments and tweets about it I realized it would probably be a better idea to make a more comprehensive plugin that provides the user with options on both where she wants the warning box to appear and maybe even what it should look like.

So now I am turning it over to the WordPress community: Does anyone want to take on the challenge of building a Stop Living in the Past WordPress plugin (or one for any of the numerous other blogging and CMS platforms out there for that matter)? All I can offer in return is linkage from this and my other site Design Is Philosophy, kudos, karma and of course credits in the plugin itself and on the site. And of course you will be playing a big part in ridding the world of IE6 forever which is no small feat in itself.

If this sounds like something you want to be a part of, take a look at my specs and wish list and get in touch with me.

Specs

1. The plugin must run in IE6 (ironic seeing as this campaign is all about not having to custom build things for that browser)
2. The pure CSS/XHTML script must be included as an option
3. The plugin must be self contained (no CSS, HTML or JS files hosted elsewhere)
4. Links must point either directly to the Microsoft IE site or back to StopLivingInThePast.com
5. The plugin must have an admin panel where the user can choose where to place the warning box: Top of the page, top of posts/pages or in the sidebar as a widget.

Wish List

1. Admin panel offers additional options like a choice between the CSS script or a fancy JS pop-up or something along those lines
2. Admin panel offers the ability to change the colour scheme of the warning box to fit the site in question

Sound like something you want to take on?

If so, please contact me immediately so we can get started!

To see what kind of penetration IE6 has I ran stats on all my sites combined for the last 12 months. The results are quite telling.

As the pie chart at the beginning of this article shows, Internet Explorer 6 and 7 is used over 60% of the time and Internet Explorer 6 alone is used by a full 29% of the visitors. More surprisingly, the outdated Firefox 2 browser holds a full 7% while the excellent Opera browser is pretty much non-existant.

But no matter how you slice it, close to 30% of my visitors use IE6 - and that’s 30% too many. In effect it means that a full 30% of the visitors to the sites I host are getting an inferior experience and may encounter problems while they are visiting the sites.

So, if you wonder why people work so hard to get rid of the old browser, there’s the answer for you.

I spent the better half of Thursday and Friday looking for the best code possible to place an IE6 warning on my own and other sites. What I found was that although there are plenty of people who have published different options, there really is no centralized and easy to understand location to get the necessary information, find the links and join the party so to speak, at least not for non-geeks. So I decided that I’d provide that place as a starting point and link out to anyone and everyone that is undertaking similar projects.

Let it be clear: I am not claiming ownership nor creative rights to this movement. I am merely providing a location for people to find information and join in so we can get rid of this blasted browser for good. I’m standing on the shoulders of thousands of others who have already started this movement and I am but one of many to provide code solutions and information.

So, if you have a site or blog touching on the same subject, send me the link and I’ll put it right here on my site. This is a collaborative effort and if we all work together we’ll reach our goal much faster.

A note regarding the code provided on this site

When I started building the code for the IE6 warning I had two goals in mind: Make something completely unobtrusive and make something that doesn’t user JavaScript or any other fancy code magic to get the job done. After some searching I took a look at the script on the Norwegian newspaper Aftenposten.no and noticed they were using a nifty CSS browser detection method. After having tested it extensively against a bunch of newer and older browsers I found that it works exceptionally well and that it met both my goals so I built the code around that.

I’ve noticed that there are several other similar code solutions out there, some of which look almost identical. But there really is no stealing or borrowing going on here, from me or anyone else. The similarities are simply cased by the fact that the code in it’s basic form is straight CSS and HTML without any fancy bells and whistles. Anyone with basic HTML skills can write this script from scratch so there is no reason to claim ownership of it. Nevertheless, I got the idea of using CSS browser detection from Aftenposten.no, just so that’s said.

• Stop Living In The Past
• IE6: Do NOT Want!
• Dear IE6
• StopIE6.org
• StopIE6.com

If you have come across a site that fits on this list or have one yourself, send me the link and I’ll add it in my links section and in this post.