<!–[if lt IE 7]><br /> <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=”#” mce_href=”#” onclick=’javascript:this.parentNode.parentNode.style.display=”none”; return false;’><img src=”http://www.ie6nomore.com/files/theme/ie6nomore-cornerx.jpg” mce_src=”http://www.ie6nomore.com/files/theme/ie6nomore-cornerx.jpg” style=”border: none;” mce_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” mce_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;” mce_style=”font-size: 14px; font-weight: bold; margin-top: 12px;”>You are using an outdated browser</div> <div style=”font-size: 12px; margin-top: 6px; line-height: 12px;” mce_style=”font-size: 12px; margin-top: 6px; line-height: 12px;”>あなたは旧式ブラウザをご利用中です</div> <div style=”font-size: 12px; margin-top: 6px; line-height: 12px;” mce_style=”font-size: 12px; margin-top: 6px; line-height: 12px;”>このウェブサイトを快適に閲覧するにはブラウザをアップグレードしてください。</div> </div> <div style=’width: 75px; float: left;’><a href=”http://www.firefox.com” mce_href=”http://www.firefox.com” target=’_blank’><img src=”http://www.ie6nomore.com/files/theme/ie6nomore-firefox.jpg” mce_src=”http://www.ie6nomore.com/files/theme/ie6nomore-firefox.jpg” style=”border: none;” mce_style=”border: none;” alt=’Get Firefox 3.5′/></a></div> <div style=’width: 75px; float: left;’><a href=”http://www.browserforthebetter.com/download.html” mce_href=”http://www.browserforthebetter.com/download.html” target=’_blank’><img src=”http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg” mce_src=”http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg” style=”border: none;” mce_style=”border: none;” alt=’Get Internet Explorer 8′/></a></div> <div style=’width: 73px; float: left;’><a href=”http://www.apple.com/safari/download/” mce_href=”http://www.apple.com/safari/download/” target=’_blank’><img src=”http://www.ie6nomore.com/files/theme/ie6nomore-safari.jpg” mce_src=”http://www.ie6nomore.com/files/theme/ie6nomore-safari.jpg” style=”border: none;” mce_style=”border: none;” alt=’Get Safari 4′/></a></div> <div style=”float: left;” mce_style=”float: left;”><a href=”http://www.google.com/chrome” mce_href=”http://www.google.com/chrome” target=’_blank’><img src=”http://www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg” mce_src=”http://www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg” style=”border: none;” mce_style=”border: none;” alt=’Get Google Chrome’/></a></div> </div> </div> ![endif]–>

使い方は簡単！コードをコピーして</head> </head>に貼りつけるだけ！！
みんなでこれを貼りつけてIE6を駆逐しようぜ！！

jquery.pngfix.jsは

• jquery-1.2.1.pack.js=対応
• jquery-1.2.6.min.js=対応
• jquery-1.3.1.min.js=未対応

バージョンで対応状況が違う。要注意。

愛媛県の広告クリエーターズクラブ「アドクリエーターズ愛媛（ACE）」ホームページを制作（リニューアル）させていただきました。

今回はACEの代表である株式会社シンプルの正岡さんがデザイン、僕はコーディングおよび構築を担当させていただきました。

クライアント側で手軽に更新・管理ができるようにということで、全体をWordpressで構築しました。プラグインを入れてバリバリカスタマイズした訳ではありませんが、トップページと各コンテンツのテンプレートを別のものにしたり、カスタムフィールドを使って新着情報を更新できたりと、小技を効かせています。

今回のリニューアルのメインはACE広告賞2009ということで、告知ページ・広告賞へのエントリーフォームも作成しました。

エントリーフォームは別ウィンドウで開かず、javascriptライブラリjquery.prettyPhotoを利用してインラインフレームで開いています。jqueryプラグインですが、全部で20KB程度とそれほど重くなく、動作も軽快なので、こういう形でフォームを組み込む場合は重宝するのではないでしょうか。なによりアニメーションが滑らかで気持ちいいのが良いですね。

今回の広告賞、仕事部門は会員限定ですが広告クリエートに携わる人なら誰でも応募できますので、この機会に会員になって応募してみるのも良いかもしれません。僕も会員ですので、何点か応募させてもらう予定です。

みなさんお忙しく、なかなか時間のない中ミーティングなど重ねていただいて構築することが出来ました。代表の正岡さんはじめ事務局の皆様のご協力に感謝します。
今後ともよろしくお願いします。

ちょうど１ヶ月くらい前になりますが、松山市のショップGreen Noah様のサイトを制作させていただきました。
ECサイトとしては禁じ手と思われる「トップページ全面Flash」をカラーミーショップ上で構築ということで、いろいろな方に協力していただきながら完成させました。

トップページ全面Flashということで、ユーザビリティを損なわないよう出来るだけシンプルな操作性を持たせながら、フルFlash独特のダイナミックな画面変化が演出できたと思います。

実店舗の雰囲気が出せるよう、シンプルでありながらテクスチャや細部のパーツにこだわってデザインを施しました。グローバルメニュー部分もCSSを駆使して、３段階の効果を持たせています（IE6は未対応）。「Sold Out」などの画像に多数透過PNGを使用したのですが、今回もJavascriptの競合などでIE6には泣かされました。IE6を対象ブラウザから外せる日は来るんでしょうか（笑

一般的なECサイトと比べるとかなり画面の横幅が大きく、写真のサイズも大きめなのですが、ネットブックの普及とデスクトップマシンの大画面化という二極化の現状を踏まえ、また「他にないECサイトを作りたい」というクライアント様の強い要望で今回の仕様を決定しました。

カラーミーショップ上での構築ということで様々な制約のある中で、予約商品への対応、売り切れ商品の表示など、ショップ側からもお客様側からも使いやすく、分かりやすいサイトが構築できたと思います。

今回、多方面の方々にいろいろな面でご協力いただきました。この場を借りてお礼申し上げます。

以下クレジット

代理店：株式会社Shift
アートディレクション：オープンデザイン株式会社

GOOD DESIGN WEBで当サイトを紹介していただきました。
なかなかに照れくさいコメントもいただきましてありがとうございます。