2012年のウェブを占う--IE10やChromeなど5つの予測
ウェブの変化の速さを考えると、来週起こることを予測するのは難しい。来年のこととなるとなおさらだ。 ウェブは2000年代に何年か落ち着いた時期があったが、この数年間は活気づいている。開発者は機能を進化させ、ユーザーがウェブで過ごす時間が増え、ブラウザメーカーは激しい競争を続けている。 広い範囲の話で、ウェブテクノロジの重要性と洗練度が今後高まっていくということは、容易に想像できる。しかし詳細については、2012年に以下の5つのことが起こると筆者は予想している。 IE10が驚きをもたらす 「Internet Explorer 9」（IE9）はウェブ開発者や競合するブラウザメーカーへの威嚇射撃だったが、MicrosoftはIEを長年放置していた遅れを取り戻そうとしていた。「Internet Explorer 10」（IE10）の開発のペースを見ると、同社が熱意を持って臨んでいることが分かる。同社
遂にこの世界からInternet Explorer 6 が消え去る時が来ました
遂にこの世界からInternet Explorer 6 が消え去る時が来ました2011.12.19 17:00 mayumine 遂に、遂に！ マイクロソフトは廃れた過去の遺物、Internet Explorer 6 に引導を渡す決断をしました！IE6ユーザーは強制的に最新バージョンにアップグレードされる事に相成りました。ああ、これまでWebの世界からIE6が排除されることをどれだけ待ち望んできたことか。 今現在も全体の8.3パーセント、つまり数百万単位のユーザーが未だにIE6を使っているそうですが、翌月にも、IE6ユーザーは利用しているコンピューターがサポートしている最新バージョンのInternet Explorerに自動的にアップデートさせられることになります。マイクロソフトは、これによってIE6の利用率は1パーセント未満になるだろうと予測しています。 ｢10年前にブラウザが誕生しまし
Microsoft、IEのアップグレードを自動配信へ 旧版のセキュリティ問題に対応
米Microsoftは12月15日、Webブラウザ「Internet Explorer」（IE）のアップグレード版をユーザー向けに自動配信する計画を発表した。 同社のブログによると、IE最新版の自動配信は2012年1月からまずオーストラリアとブラジルで開始する。これにより、ユーザーが何も操作しなくても最新版が自動的にダウンロードされ、インストールされるようになる。例えばWindows XPでIE 6／7を使っている場合はIE 8が、Vistaと7でIE 7／8を使っている場合はIE 9が自動的に導入される。 自動配信は、ユーザーがWindows Updateを通じた自動更新を有効にしている場合に適用される。ただ、ユーザーが設定したホームページや検索エンジン、デフォルトのブラウザなどの設定が変更されることはないとしている。日本などの国でいつ開始するかは明らかにしていない。 Microsoft
IEの異なるバージョンごとにスタイルシートを適用する方法のおさらい
CSSやJavaScriptを使って、IE6, IE7, IE8, IE9 とIEの異なるバージョンごとにスタイルシートを適用する方法のまとめを紹介します。 Use Different Styles For Different Internet Explorer Versions [ad#ad-2] 下記は各ポイントを意訳したものです。 CSS: 条件付きコメント(class) CSS: 条件付きコメント(外部スタイルシート) CSS: CSS Hack JavaScript JavaScript: jQuery おまけ CSS: 条件付きコメント 条件付きコメントを使用して、ドキュメントの一番上の要素(html)にIE6/7/8用のclassを付与します。 HTML <!--[if IE 6]> <html class="ie6"> <![endif]--
[CSS]画像の天地の上限を設定し、垂直方向の中央に配置するCSSのテクニック
デモページ：幅480pxで表示 実装 実装のイメージ 画像のサイズは100%で設定し、高さ・幅の上限は画像を内包するdiv要素で設定します。 また、垂直方向の中央に配置するために、「overflow: hidden;」を使って余剰分を隠します。 実装のイメージ：天地均等にクリップ [ad#ad-2] HTML 画像はimg要素で配置し、div要素で内包します。 <div class="image-wrap" id="wrapper"> <img src="path/to/your/image.jpg" alt="your image"> </div> CSS 上限の高さを450pxに設定します。 .image-wrap { max-height: 450px; overflow: hidden; max-width: 800px; -webkit-transition: max-width
感謝祭休暇には実家の「IE 6」をアップデートしよう――AtlanticやMicrosoftが呼び掛け
「感謝祭休暇で実家に帰ったら両親のPCのWebブラウザをアップデートしてあげよう」――米オピニオン誌「The Atlantic」のオンライン版が、感謝祭翌日の金曜日を「あなたの両親のブラウザをアップデートする日」にしようと提唱した。 米国では感謝祭（11月の第4木曜日）の週末には実家に帰って祝うことが多い。そうした機会に年老いた両親が使っているPCのWebブラウザをチェックし、Internet Explorer（IE） 6のようなサポートの終了したセキュアではないWebブラウザを使っているようであればアップデートしてあげようと、Atlanticのアレクシス・マドリガル氏が勧めている。 これを受けて米MicrosoftのIEチームも公式ブログで、両親のPCが「Windows XPならIE 8に、Windows VistaかWindows 7ならIE 9に」アップデートするよう勧めた。 IE
誰でも簡単に IE で CSS3 を使える様にする方法を分かりやすく書いておきました
.hoge { border-radius: 10px; behavior: url(/wp-content/themes/hoge/scripts/ie-css3.htc); } ただ、ここがポイントです。 You would expect URLs in behavior: url(…) to be relative to the current directory as they are in a background-image: url(…) style for example, but instead Microsoft decided to ignore standards here and make them relative to the docroot instead. So behavior: url(ie-css3.htc) should work if ie-cs
IE8のレンダリングモードと特定文字列によるクラッシュバグ - os0x.blog
こんにちは、だいぶ久しぶりなブログ更新です。昨日、IE8のおもしろバグを発見してしまったので、さらしものにみなさんと共有したいと思います。 早速今回のバグの再現コードをみてみましょう。 <!DOCTYPE html>ܫ<br>１日 再現ページ たったこれだけです。JavaScriptはおろか、CSSすらありません。ただのHTMLです。これだけでIE8の標準モードのレンダリングが壊れ、強制的に互換モードにフォールバックされます。 さらに次のようにmetaタグ(もしくはレスポンスヘッダ)でX-UA-CompatibleにIE=8やIE=edgeを指定して、標準モードでのレンダリングを強制していた場合はフォールバックが働かないので真っ白なページが表示されてしまいます。 <!DOCTYPE html> <meta http-equiv="X-UA-Compatible" content="IE=8
font-size指定 | d-spica
font-size指定 2007-03-10 0 0 XHTML/CSS CSS, font-size 数で合理的にデザインする - サイズ編 で少し書いたfont-sizeについての補足です。 どのくらいの文字サイズで見られているかは，ブラウザとその設定によってまちまちです。でも，せめてデフォルトの状態では意図したレイアウト，フォントサイズで見てもらいたい，という願いもないわけではありません。font-sizeの指定をどうするか，ちょっと考えてみました。 font-sizeは%で font-sizeをpx，pt，inなどで絶対指定すると，Win IEで文字サイズの変更が出来なくなるのをご存じの方も多いでしょう。文字サイズを固定してしまうのはアクセシビリティ上少々問題があります。font-sizeはem，ex，%で相対指定（基準になるものとの比率で指定）するのがよいとされています。 Win
ツイッターの新デザインが目指すもの - 304 Not Modified
今週ついに全ユーザーが新ツイッターに移行するとのことです。個人的なこと言わせてもらうと、IE7では新ツイッターが表示されないため、向こう一年は会社でIE7以外のブラウザの使用を禁じられている私としては、新ツイッターに移行される＝ツイッターが見れなくなると同義なのですが、そもそも垢BANされているので関係ないといえば関係ないのですよね… そんなわけで、新ツイッターがお披露目された2010年9月15日以来ほぼ一年ぶりに使ってみました。もう慣れてしまった人はこれが普通なんでしょうけれど、私はどうも慣れなくて。２ペインにしたのも画像や動画を表示させることでツイッターのサイトでの滞在時間を稼ぎ、広告効果を向上させるくらいにしか思ってなかったんですね。でも、一つの気づきをきっかけに全体が見えたような気がしてちょっと書いてみました。 新デザインは情報のフローをブラウザで表現したかったのだと思ったんです。
「IEの問題を知ってほしくて」――「IEユーザーはIQ低い」調査はいたずらと告白
カナダの企業が「Internet Explorer（IE）ユーザーはIQが低い」とする調査結果を報告してネットで話題になったが、「偽企業だ」との指摘を受け、すべていたずらだったと認めた。「IE 6の互換性問題を知ってほしかった」のが動機という。 いたずらを仕掛けたのは、タランディープ・ジルと名乗るWeb開発者。調査報告書は偽物で、AptiQuantという企業も存在せず、すべて自分1人でやったとしている。 誰かを侮辱する意図はなく、ジョークのつもりだったとジル氏は語り、「気を悪くした人がいたら申し訳ない」と謝罪している。偽サイトを作る際にページをコピーしたCentral Testという会社にも、流用をわび、削除するとしている。 このいたずらを仕掛けたきっかけは、自身が運営するショッピング比較サイトに新機能を加えようとしたときに、旧版のIE、特にIE 6に対応するのが難しかったため。「IE（I
「IEユーザーはIQ低い」の調査報告に抗議の嵐
8月4日追記：調査報告を発表したAptiQuantはニセ企業だと指摘されている。→「IEユーザーはIQ低い」主張した企業、ニセ会社の指摘 Internet Explorer（IE）のユーザーは平均よりもIQが低いとする報告書を、カナダの心理測定コンサルティング企業AptiQuantが7月28日に発表した。 同社は10万人を超える英語圏のユーザーに無料のオンラインIQテスト（Wechsler Adult Intelligence Scale IV）を実施し、テストを受けるのに使われたブラウザ別にIQスコアを計算した。その結果、IEユーザーのスコアはほかのブラウザの利用者より低かった。Chrome、Firefox、SafariのユーザーのスコアはIEユーザーより少し高めで、Camino、Opera、IE with Chrome Frame（IEでChromeのエンジンが利用できるプラグイン）ユ
CSS/HTMLのテクニックをクロスブラウザ対応（特にIE）にする方法のまとめ
17 CSS/HTML Effects with Cross-Browsing Alternatives サポートしないブラウザへの対応方法はJavaScriptを利用するなどいろいろありますが、その中の一つとして紹介します。 [ad#ad-2] 下記は各ポイントを意訳したものです。 幅の最小値・最大値 (IE included) RGBa (IE included) 不透明度 (IE included) 画像の回転・拡大縮小 (IE included) 背景をブラウザいっぱいに表示 (IE included) 画像無しのビュレット テキストのシャドウ (IE included) 複数のボーダー (IE included) ボックスシャドウ (IE included) 角丸 スクリーンリーダー用のコンテンツ ネガティブ値で指定したtext-indent Clearfix (IE inclu
初代からIE9に至るまでのインターネットエクスプローラーの歴史
Internet Explorerが初めて世に出た時、今をときめく「Facebook」の創設者マーク・ザッカーバーグはまだ11歳で、ソフトウェアの市場はマイクロソフトの寡占状態でした。それから16年後の現在、マイクロソフトはInternet Explorer 9をリリースしています。 この16年の間に、Googleが生まれ、Facebook、Twitterなどのソーシャルメディアが爆発的な成長を見せるなど、ウェブの世界にも大きな変動があり、ブラウザの市場も大きく変化しています。初代IEからIE9に至るまで、Internet Explorerはどのように変化してきたのでしょうか。 時代の流れとともに変化してきたIEの歴史は以下から。Gallery: Internet Explorers 1 Through 9 - Alexis Madrigal - Technology - The Atla
IE7とIE6を共存させる方法：まとめ
IE 7の自動アップデートに伴ってだと思うのですが、当サイトで紹介した「IE7とIE6の共存」シリーズのアクセスが増えているので、既存のエントリーをまとめました。 リンク先や手順などは以前紹介した方法ではなく、最新のものになっています。 IE7をベースに、IE6をスタンドアローンで起動する方法：その１ IE7をベースに、IE6をスタンドアローンで起動する方法：その２ IE6をベースに、IE7をスタンドアローンで起動する方法 Virtual PCを使用して、IE6 or 7を起動する方法 追記： スタンドアローンは、Windows XPが対象になります。 Vistaの場合は、Virtual PCを使用します。 IE7をベースに、IE6をスタンドアローンで起動する方法：その１ IE7をダウンロードして、インストールします。 日本語版「Internet Explorer 7」のダウンロード IE
IE9にも対応したCSS3リファレンスサイト「css3files」:phpspot開発日誌
CSS3 properties exposed | css3files.com IE9にも対応したCSS3リファレンスサイト「css3files」 CSS3のプロパティがカテゴリごとにまとまっており、それぞれのプロパティについて、ブラウザ対応や、使い方、サンプルが見やすく整理されていていい感じす。 先日発表されたIE9にも対応しているので、CSS3を使う場合には覚えておくとよさそうですね。 互換性の図。Internet Explorer 9 があって、IE9でも使えることがすぐ分かります。Firefox 4 もありますね。 ↓↓↓適用の図も表示。これは分かりやすい サイト自体にもCSS3の利用例が散りばめられている点にも注目。 今後、IE9のシェアはどんどん上がってくるでしょうから、CSS3が普通に使える日は近そうですね。 関連エントリ インタフェースが良くてプレビューも見やすいCSS3コ
[CSS]IE9対応、IEの各バージョンごとに異なるスタイルシートを適用する方法のまとめ
IEの各バージョンごとに異なるスタイルシートを適用する方法はいくつかあります。それらの利点・欠点を検討し、さらにIE9へどのように対応したらよいのかを紹介します。 In defense of CSS hacks — introducing "safe CSS hacks" [ad#ad-2] 下記は各ポイントを意訳したものです。 Conditional stylesheets -条件付きコメント：スタイルシート Conditional classnames -条件付きコメント：class名 CSS hack -安全なCSS hackとは 条件付きコメント：class名とCSS hackのコンビネーション [ad#ad-2] Conditional stylesheets -条件付きコメント：スタイルシート 条件付コメントはInternet Explorerの特定のバージョンでロードさせるべ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://jp.techcrunch.com/2011/12/16/20111215about-damn-time-microsoft-will-silently-upgrade-everyone-to-latest-version-of-ie/
「IEユーザーは低IQ」調査結果は嘘だった
Microsoft、IE10のプレビュー第2版を公開、HTML5対応をさらに強化 