2013/11/26追記:久々にやってきたらこんなネタにすごい量のストックが。恐縮。ちなみにIE10は普通にいいと思いますよ(これ書いた時ってIE最新はまだ9で、表示のバグも多くぐぬぬしてたもので。)といっても、実質辛いのはCSS3のほぼ使えないIE8以下。WindowsXPのIEは8でストップなので当分怨嗟は止まらんのでしょうな 結論-IEを判別してアラートを出し、モダンブラウザのダウンロードページに移動させる そのためのコードがこちら。headタグ直下にでも配置しましょう。 <script language="javascript"> var isMSIE = /*@cc_on!@*/false; if (isMSIE) { if(confirm('〇〇〇〇*はInternet Explorerに対応しておりません。本サイトを閲覧するためにはGoogle Chrome,Mozilla
「私たちのことを覚えていないかもしれないけれど、90年代に会ったことがあるんだ」と、長らく会っていなかった友人が語りかけてくるようにInternet Explorerが90年代のことを思い出させてくるムービーが公開されています。このムービー、これまでのIEが時代遅れだったことを暗に認めているわけですが、れっきとしたMicrosoftの公式ムービーです。 Child of the 90s | Internet Explorer - YouTube 「あなたは私たちのことを覚えていないかもしれない」 「でも、私たちは1990年代に出会っているんです」というメッセージからムービーは始まります。語りかけてくるのはどうやらIEの声のようです。 「私たちはジェネレーションYの一員ですよね」と、まず登場したのはスラップ・ブレスレット。腕にクルクルと巻き付くアイテム。 陰陽のモチーフが流行しました。 ヨー
1: ぬこ(家) 2012/12/14(金) 12:56:53.37 ID:54apOQ5n0 BE:1820406274-PLT(12049) ポイント特典 Internet Explorerに新たな脆弱性――マウス・カーソルの動きを監視される恐れ Web解析企業の英国Spider.ioは12月12日、米国MicrosoftのInternet Explorer(IE)6~10に影響するセキュリティ脆弱性について報告した。この脆弱性が悪用されると、ブラウザ・ウィンドウが最小化されている場合も含めて、マウス・カーソルの動きが監視される恐れがあるとしている。 このことは、パスワードやPIN(暗証番号)が画面上の仮想キーボードでタイプされると、キャプチャされる危険があることを意味すると、Spider.ioは述べている。 同社は名指しはしていないが、すでに2つのディスプレイ広告ネットワークがこの脆
CSS3を使うにあたっていつも問題になるのが Internet Explorer(IE)です。CSS3への対応が遅い上に、旧バージョンを使い続けているユーザーも結構いますので、CSS3を使うことに躊躇する人も多いのではないでしょうか? ということでCSS3を使うにあたって知っておきたいIE対策を紹介します。 1. CSS3の対応状況を確認する まず、IEのバージョンごとでCSS3にどこまで対応しているか知っておく必要があります。個人的によく使っているのはこのサイトです。 CSS3 & HTML5 Browser Support CSS3で追加されたプロパティ、セレクタについてブラウザごとの対応状況が分かりやすく表示されています。 2. CSS3セレクタに対応する セレクタはSelectivizr.jsだけあれば簡単に対応できます。「CSSセレクタって何?」「CSS3セレクタってどういうもの
有名ブラウザのスピードテストなら、ライフハッカー編集部は定期的にテストを行なっています。ではバッテリーで言うとどうでしょう? ノートパソコンを使用している際に残り20分が使えるかどうかというのは大きな違いを生み出します。ブログ「7Tutorials」では、それぞれのブラウザを使用してバッテリーのテストを行ないました。その結果、なんとバッテリーが最も長持ちしたのは「IE」だったそうです。 テストはピースキーパーバッテリーテストを用い、クリーンインストールされWindows 7とInternet Explorer/Chorme/Firefox/Operaのそれぞれのブラウザで電力節約モードを使って行なわれました。それぞれのブラウザに対して同様のテストを3回実施しています。その結果、最もバッテリーが長持ちしたのがInternet Explorer 9で104分。その次がOperaで100分。Fi
Internet Explorer の自動アップグレードについて | TechNet 長かった… 本当に長かった… やっと、IE 6, IE 7 が居なくなるのですね… uupaa.js ver 0.8 に埋まっている処理から情報を抜き出し IE 6, IE 7, IE 8 が居なくなった未来では何が可能になるのか抜粋してみました。 IE8 でやっと使えるようになる機能 一部は IE 6 や IE 7 でも使えるのですが、対応が限定的だったり不具合が多かったりと、安心して使えなかった機能も含まれています。 display: inline-block display: table, table-cell など position: fixed; E:active {...} E:focus {...} E::first-child {...} E:lang(C) {...} E::after
マイクロソフトによってIEの自動アップグレードを3月中旬から国内で開始することが発表されました。これにともない、今後弊社でコーディングを行うサイトに関しましてもIE6, 7を対応ブラウザから除外させていただきます。 これまでもIE6対応をご希望の場合にはコーディング費用の10%を別途お見積もりに記載させていただいておりましたが、今後IE6, 7への対応をご希望の場合には実装技術を精査し、IE6, 7対応費用としてそれぞれ10%〜の追加コストをお見積りさせていただきます。 参考リンク「Internet Explorer の自動アップグレードについてのご案内 - The Official Microsoft Japan Blog - Site Home - TechNet Blogs」
世界各国で行われているIEの自動アップグレードが、日本でも始まる。日本マイクロソフトは3月6日、Webブラウザ「Internet Explorer」(IE)のバージョンを自動でアップグレードすると発表した。Windows Updateを通じ、セキュリティプログラムの更新時と同様の挙動で、最新版が自動でインストールされる。2012年3月中旬に配信を開始する。 アップグレードの対象となるのは、IE6/7を利用しているWindows XP(SP3のみ)ユーザーと、IE7/8を利用しているWindows 7/Vista(SP2のみ)ユーザーだ。それぞれIE8、IE9にアップグレードする。ただし、自動配布の無効化ツールキット(Blocker Toolkit)を導入していたり、IEの自動更新で「インストールしない」を選択したことがある場合は対象とならず、Windows Updateの自動更新を無効にし
これまでのWindows Update経由でのInternet Explorerのアップデートは「IEのインストーラーが起動する」というものでしたが、今年の3月中旬以降はWindows Update経由で自動的に、特に何か操作しなくても勝手にInternet Explorerが最新版にアップグレードされることが発表されました。 Internet Explorer の自動アップグレードについて | TechNet http://technet.microsoft.com/ja-jp/ie/hh859701 自動適用は以下の表のような感じで実行されます。 上記サイトにはさまざまなFAQが掲載されており、自動的にアップデートしたくない場合の回避方法も書かれています。 なお、この自動アップデートは既に今年の 1 月中旬からオーストラリアとブラジルで、また 2 月中旬からは全世界で自動アップグレード
ウェブ大手のGoogleが「Safari」のプライバシー設定を迂回していたという報道を受け、Microsoftは米国時間2月20日、「Internet Explorer」(IE)においてもGoogleによる同様の行為があったことを発見したと発表した。 IE担当エグゼクティブのDean Hachamovitch氏は20日午前のブログ投稿で、「IEチームは、GoogleがSafariのユーザープライバシー設定を迂回していたと聞き、単純な疑問を抱いた。つまり、GoogleはInternet Explorerユーザーのプライバシー設定も迂回しているのだろうかという疑問だ」と記した。「われわれはその答えがイエスであることを発見した。Googleは同様の方法によって、IEにおけるデフォルトのプライバシー保護を迂回し、IEユーザーをクッキーで追跡している」(Hachamovitch氏) このブログ投稿で
擬似要素を使って、ol要素を美しくスタイルし、CSS3アニメーションをちょっとだけ加えたスタイルシートのテクニックを紹介します。 CSS3 ordered list styles [ad#ad-2] デモ 実装 対応ブラウザ デモ デモはIE9, Firefox, Chrome, Safariでご覧ください。 擬似要素のアニメーションは、Firefoxのみサポートしています。 デモページ:Demo 1 数字を矩形にスタイルし、ホバーで数字からアローが伸びます。 ※アニメーションはFirefoxのみです。 実装 HTML HTMLは非常にシンプルで、ol要素を入れ子にして実装するだけです。 <ol class="rounded-list"> <li><a href="">List item</a></li> <li><a href="">List item</a></li> <li><a h
まだまだIE7、そしてIE6のユーザーをターゲットに考えているウェブサイトは多くあると思います。 そんなIEユーザーをターゲットに含めたウェブサイトを制作する上で、より効率的にCSSの開発が行えるワークフローを紹介します。 Cross-Browser CSS Development Workflow [ad#ad-2] 下記は各ポイントを意訳したものです。 1. リセットかノーマライズか 2. 基本的なレイアウトはIEで 3. 最後の確認もIEで 4. 最後の手段:IEのみスタイル 5. 問題に取り組み続ける 6. おわりに 1. リセットかノーマライズか IE, Firefox, Chrome, Safari, Operaなどのブラウザには各要素ごとのデフォルトのスタイルが用意されており、制作する際にはこれらの相違を見出し、各要素を整える必要があります。 CSSリセットとは CSSリセッ
近頃いろんなサイトのHTMLソースを見ていて気づいたのですが、CSSを読み込む際の「@ import」がないサイトが多い事に気づきました。私はよく使っているので何で使ってないのかが気になったので調べてみました。 なぜ使わないか 調べたところ、IEの描写速度の問題でした。 基本的にブラウザは複数のファイルを同時に読み込む事が可能になっていますが、 IEではこの「@ import」を使うとCSSファイルを同時に読み込むことができず(順番に読み込む)に、結果描写速度が遅くなります。 サイトの表示スピードでユーザーの離脱が減るといいますので、表示スピードを少しでも早くしたい場合に使用しているようです。 管理面の問題 ただHTMLファイルを修正しないでCSSファイルを追加できるので、サイトの運用方法によっては「@ import」を使用した方がいい場合もあると思います。 昔々・・・ 少し前のブラウザは
Microsoftは1月9日(米国時間)、IE10 PP4(プレビュー4)において、font-feature-settingsプロパティへの対応などフォント機能を強化したことをIEBlogで発表した。OpenTypeフォントで提供される多くの機能が利用できるようになっており、今後、Webフォントの普及を後押しする可能性がある。 どのようなWebブラウザで閲覧しても、フォントのレンダリングが同一になるようにするWebフォント技術や関連サービスがすでに登場している。PCだけではなく、タブレットデバイスやスマートフォンからも同一のレンダリングを実現するとなると、特にWebフォント技術が重要になってくる。 フォントデータサイズが小さい欧米フォントは、こうした技術の恩恵を受けやすく、Webフォントを活用しているメディアも存在する。しかし、より複雑なレンダリングを実施するにはまだ対応が弱く、Webフォ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く