IE6廃止運動としてIE6 No Moreプロジェクトに参加

2010/08/10

IE6廃止運動としてIE6 No Moreプロジェクトに参加

先日のブログ「IE6廃止。本気ですすめよう」では、非常に内容の濃いコメントを多数いただき、Twitter 本サイトhash tag #bnt でも多くの反響がありました。ありがとうございました。

このIE6廃止そしてIE6撲滅を確実なものにするため、サイトに今後は積極的にIE6を警告するスクリプトを貼っていこうと思って探したところ、IE6 No Moreプロジェクトが2009年に発足したことが、昨年8月から日本のニュースサイトで多数紹介されていました。

各国語（日本語も）のコードサンプル
http://www.ie6nomore.com/code-samples.html
このページのコードを、ただ、サイトbodyタグ直下あたりにペーストするだけ、というお手軽さです。

このサイトでは、単にコードを提供しているだけではなく、廃止の意義、問題の掘り起こし、アンケートなどのコンテンツが充実しています。

企業ユーザに対しての考察
http://www.ie6nomore.com/corporate-users.html
ここでは、「企業ユーザに対してもプレッシャーをかけていきたい。たとえ古いWEBアプリケーションのため、IE6の利用をやめられないとしても、そのかわり、Firefoxを使えば良いだけなのだから。」と、述べられており、状況は世界共通のようです。

IE6警告メッセージは、これ以外にもありますが、IE6 No Moreが一番簡単に貼り付けられて、キャンペーン要素もあり、よさそうです。

IE6 No Moreには、参加企業のロゴが掲載されています。メールでロゴとサイトURLを送れば良いそうなので送ったところです。

このサイトにもタグを貼りつけて、IE6/7/8でのWebサイトにおける見栄えの違いを比較・検証できるマイクロソフト製ソフト「Microsoft Expression Web SuperPreview for Windows Internet Explorer」をインストールしてIE6で本サイトの検証を行いました。

さっそくIE6で崩れているようですね＾＾；

IE6 No Moreに関しては、Publickeyの記事でさらに詳しく内容が紹介されているのでどうぞ。

[Publickey]「IE6 No More」プロジェクト、スタートアップ企業で始まる(2009/08/05)
http://www.publickey1.jp/blog/09/ie6_no_more.html

Twitter #bnt @ivyjp

追記(2010/08/15)

IE6 no more サイトの日本語翻訳事例に，若干のミスがあるようなので，修正版をここで紹介します。

  <!--[if lt IE 7]>  <div style='border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative;'>    <div style='position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold;'><a href='#' onclick='javascript:this.parentNode.parentNode.style.display="none"; return false;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-cornerx.jpg' style='border: none;' alt='Close this notice'/></a></div>    <div style='width: 640px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;'>      <div style='width: 75px; float: left;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-warning.jpg' alt='Warning!'/></div>      <div style='width: 275px; float: left; font-family: Arial, sans-serif;'>        <div style='font-size: 14px; font-weight: bold; margin-top: 12px;'>あなたは旧式ブラウザをご利用中です</div>        <div style='font-size: 12px; margin-top: 6px; line-height: 12px;'>このウェブサイトを快適に閲覧するにはブラウザをアップグレードしてください。</div>      </div>      <div style='width: 75px; float: left;'><a href='http://www.mozilla.jp' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-firefox.jpg' style='border: none;' alt='Get Firefox 3.5'/></a></div>      <div style='width: 75px; float: left;'><a href='http://www.microsoft.com/downloads/details.aspx?FamilyID=341c2ad5-8c3d-4347-8c03-08cdecd8852b&DisplayLang=ja' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg' style='border: none;' alt='Get Internet Explorer 8'/></a></div>      <div style='width: 73px; float: left;'><a href='http://www.apple.com/jp/safari/download/' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-safari.jpg' style='border: none;' alt='Get Safari 4'/></a></div>      <div style='float: left;'><a href='http://www.google.com/chrome?hl=ja' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg' style='border: none;' alt='Get Google Chrome'/></a></div>    </div>  </div>  <![endif]-->

投稿情報: 今駒哲子 | 2010/08/10 09:25 カテゴリー: ウェブログ | 個別ページ