君と会わなくなって随分と年月が過ぎたね。 最近になって僕は何度か君の事を思い出してる。 君と初めて会った時、僕はまだNetscape Communicatorっていう恋人と付き合ってたんだよね。 彼女はブラウザとしてだけじゃなくって、メーラなんかもこなせる、ちょっとポッチャリした娘だったんだよ。 まぁ僕の友達から言わせると「ポッチャリどころじゃねぇだろ」って言ってたけどね。 でも君と出会って僕の人生は大きく変わった。 君はとてもお茶目で、よく僕に「不正な処理を行いました」なんて可愛いメッセージを見せてくれたよね。 今でも鮮明に覚えてるよ。 何かあるとすぐクラッシュしたよね。CSSで「:first-letter」とか指定すると、簡単に落ちちゃったよね。 一緒に青い画面、よく見に行ったっけ。 互換性の無い独特な仕様も、君らしくて愛くるしいとも思えた。 buttonタグのvalue属性の値とか、
The Internet Explorer 6 Countdown Moving the world off Internet Explorer 6 10 years ago a browser was born. Its name was Internet Explorer 6. Now that we’re in 2011, in an era of modern web standards, it’s time to say goodbye. This website is dedicated to watching Internet Explorer 6 usage drop to less than 1% worldwide, so more websites can choose to drop support for Internet Explorer 6, saving h
ie6alert-jsはWebサイト上部を使ってIE6向けにメッセージを表示する。 [/s2If] ie6alert-jsはJavaScript製のオープンソース・ソフトウェア。YoutubeやYahoo! Japanなど有名どころのWebサイトでIE6への非対応を掲げ始めている。もちろんすぐに影響が出る訳ではないが、近い将来認証やデザイン面で影響が出てくる可能性はある。 IE6の場合に表示されるメッセージ もし自社のサービスにおいてもIE6への対応を打ち切るのであれば、何らかの告知が必要になるだろう。その場合にはIE6の場合だけ表示を出したいはずだ。ie6alert-jsはまさにそのためのソフトウェアになる。 使い方は簡単だ。ie6alert-jsをヘッダーで読み込み、ie6Alert()という関数を実行すれば良い。後はブラウザの判別を自動で行って、IE6であれば画面上部に指定されたメッ
チャイルドセレクタや隣接セレクタなど、あんまり馴染みのないちょっと小難しい CSS のセレクタなどをまとめてみました。 これからクロスブラウザの照準を、IE7 に合わせるなら、ちょっとお役立ちかもです！ そろそろ IE6 のことは忘れて、IE7 からのクロスブラウザを目指せばいいのかなーという気がしています。CSS のプラパティーの中には、今まで IE6 のことを考えて使わなかったものがたくさんあったりします。それらを改めて確認してみると、コーディングの幅が広がるなーという気になったりもします。 これから使う事が増えるかもしれない、CSS のセレクタやプロパティを、もう一度振り返ってみると同時に、IE7 で注意したい事などを簡単にまとめてみました。 IE6 ではサポートされていませんでしたが、IE7 からは使ってもOKなセレクタやプロパティには、どんなものがあるのか確認してみます。後半は
「Yahoo！JAPAN」が12月中旬から順次、Internet Explorer 6（IE6）のサポートを終了する。“脱IE6”の動きは昨年ごろから世界で強まっているが、国内ポータル最大手がサポートを終えることで、国内でも動きが加速しそうだ。 11月10日現在、Yahoo！JAPANトップページにIE6でアクセスすると、「12月中旬より、正しく動作しなくなる場合がございますので、最新のブラウザのダウンロードをおすすめします」という告知が表示される。 トップページ以外のヤフーの各サービスも順次、IE6のサポートを終了する予定。ヤフー広報部は、「IEも7、8が出、9もβ版が出ている状況。新しい方がユーザーにとっても便利で安全面でもすぐれており、切り変えを促すため」IE6のサポートを終了すると説明している。 IE6は2001年リリース。現代のWebブラウザとしては機能やセキュリティが不十分と指
Twitterで知りましたけど、Yahoo! がIE6のサポートを中止する的な 警告を出してるみたいです。 IE6でYahoo!にアクセスすると警告 が出るようになっていますよ。今年の 12月中旬までのサポートっぽいです。 日本のトップクラスのユーザー数を誇るYahoo!Japanがこの動きをしてくれるのはWeb制作者にとって大きな動きになるかもしれません。 Yahoo!にIE6でアクセスすると IETesterのキャプチャです。上記のように お客様のブラウザはInternet Explorer6です。12月中旬より、Yahoo! JAPANトップページが正しく動作しなくなる場合がございますので、最新ブラウザのダウンロードをおすすめします。 という警告文を出しています。完全に中止ではないけど正常動作は保証しない、みたいな感じでしょうかね？というわけで、タイトルはちょっと釣りです。 リンク先
ホントに長い間王座に君臨し続けた Internet Explorer（以後：IE）6 ですが、制作者の願いとしては大半の人がIE6 の使用を止めて欲しいと願っているかと思います。 ボクもその一人なんで、以前「IE6で閲覧すると。」なんて記事も書いてます。 IE6を使っている人が他のブラウザに移行しない理由の一つとして「移行する必要が無いから」ってのが大きいのかなーと個人的には思います。 IEのバージョンを上げると社内のシステムが～とかは、社内のシステムを閲覧する時用ブラウザとして使えば良くて、別のブラウザを使うことは出来るんじゃないかな。 まぁ大きな会社は、何かインストールするだけでも許可が必要とか色々事情は有るんでしょうけど、それでも乗り換える必要がやっぱり無いんでしょうね。 だって、普通にサイトを見るだけならIE6でそんなに困らないですからね。 ここで言ってる「移行する必要」ってのは、
CSS3 を駆使すると、とてもリッチなボタンパーツが表現できるようです。 CSSグラデーションのちょっとしたテクニック #2 - hail2u.net CSSの実装状況で変わるボックスのデザイン方法 - 3.5ping.org 悲しいことに勤務先の PC の標準ブラウザは IE6。近いうちに IE8 へのアップグレードを予定してますが、残念ながら IE8 では CSS2.1 までしか対応してないようです。 上記のリンク先のサンプルには遠く及びませんが、先日、PC の中身を整理してたら IE6 で質感のあるボタンを作ろうと試行錯誤してた頃の html ファイルが見つかりました。会社で CSS3 が使えるようになるのも当分先になりそうですので、備忘録としてこちらに残しておきたいと思います。 li 要素と a 要素でボタンを表現 li と a 要素に CSS を当てることで、以下のようなボタンを
hail2u.net - Weblog - Pure CSS な吹き出し に触発されて、画像や JavaScript を使わずに CSS だけを使って「吹き出し」を作る方法を僕も考えてみた。 Demo: CSS のみで吹き出し マークアップは 2 重の要素があれば OK。ここではそれぞれ bubble と body というクラスを付与した div と p を例に説明する: <div class="bubble"> <p class="body">Speech!</p> </div> CSS の最低限必要な部分のみを抜き出すと以下のとおり。これは背景が黒いボックスの下に左向きのしっぽを出す場合の例: .bubble { float: left; /* または position: absolute; */ border-left: 10px solid black; border-bottom
有限会社タグパンダ 喜安 亮介 2009/10/8 Webブラウザごとのレンダリングエンジンの違いにより起こるレイアウトの表示ずれ問題に泣かされるWebデザイナのために、Webブラウザごとに使えるかどうかの表を交えながら問題を解決するためのCSSハック＆フィルタTipsをお届けします（編集部） 最も多く使われているのに……、いや、だからこそ 多くのWebデザイナの悩みの1つは、レイアウトの表示ずれ問題だと思います。これは、各Webブラウザが採用しているレンダリングエンジンの違いから起因している場合が多いです。その中でも、最もWebデザイナ泣かせのWebブラウザなのは、マイクロソフトが開発しているIE（Internet Explore）のバージョン6です。 IE 6は、発売開始当初のWindows XPにデフォルトでインストールされていたWebブラウザということもあり、世の中の多くのユーザー
YouTubeやDiggといった海外でアクセスの多いサイトが次々と IE6 のサポートを中止する動きを見せています。YouTube は他のブラウザに変更するメッセージの表示以外に具体的にどのようなサポートを止めるのかが分かりませんが、Digg では、コメントや Digg ボタンといったサイトのコア機能のサポートを止めることを考えているそうです。このニュースに影響されたのか、Twitter では、「IE6 Must Die」が、トレンドトピックにランクインしましたし、Twibbonを使った運動も展開されています。 ここ数年ほど、私は最新のブラウザで作りたい形を組み立てて行き、IE6 での表示をどう調整するかという進め方にしていますが、提案したいアプローチが場合によって IE6 では厳しい場合があります。JavaScript を使えば擬似的に CSS2.1 CSS3 のセレクタが使えるとはいえ
Perhaps one of the most known projects of ElbertF, the IE6ify Bookmarklet. He has managed to reproduce exactly how websites were likely to look like in Internet Explorer 6 (IE6) all thanks to a simple bookmarklet. Individuals usually neglect just how much of a monopolistic juggernaut Microsoft once was: Web Explorer 6, at its optimal in 2004, thanks to its packing with Windows XP, was utilized by
Web 制作のことを中心に、ちょっとした Tips などを掲載しています。「自分用メモ」が基本スタンス。 btmup Blog ひょっとしたら定番ネタかも知れないのですが、ググってみても情報が見当たらなかったのでとりあえずメモ。 IE6 で float を使ったレイアウトをしているとき、文章の末尾（最後の2文字くらい）が変なところに表示されるということがあります。 どう変かというと、末尾の文字をそのままコピーしてはみ出たような、そんな感じです。 もちろんソースにそんなものは含まれていません。 JavaScript や PHP なんかを使っている訳ではなく、純粋に HTML と CSS のみでもこのような事象が起こります。 で、とりあえずググってみて見つかったのは下記2つの記事。 »コメント文が出力に影響！？ »IE6のバカヤロウ (room ant) これらを読んで、とりあえず「float
FirefoxやSafari,Chromeが出てきた現状、プロのWeb屋の中では、Internet Explorerだけの対応をもとめられて面倒くさい！と思うことは多々あります。 ただ、半分冗談で「IEクソ」と思う人と、本気で「IEクソ」と思ってる人の両方が存在している可能性があるので、IT系特有のネガティブな教育のせいで後者に洗脳されてしまってる人がもしいたら、そういう人に送りたいエントリー。誰向けかというと、主に対象は実装屋さんなのかな。 知っておいて欲しい事は 「IEがあったからこそ、今、僕等はメシを食えているかもしれない」 ということ。 そして、 「僕等の本当のお客様は、IEを使い続けているし、これからも使い続ける可能性が高い人たち。お客様がブラウザの種類などを意識せずともインターネットにアクセスしてもらえる環境を維持することが、プロのWeb屋の使命である。」 ということ。 過去、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
