普段は意識する必要はないが、Webアプリケーション開発時のデバッグ、不審なWebサイトのアクセスでやりとりされているデータの確認など、Webブラウザとサーバがやりとりしているデータの内容を確認したいときがある。 インターネット上の静的なWebコンテンツを見るだけでなく、Webアプリケーションとして構築された業務アプリケーションを利用するなど、Webテクノロジは私たちにとって不可欠の存在になった。しかし利便性や生産性の向上にWebを生かそうとする努力の一方で、Webテクノロジを悪用して強引なマーケティングが行われたり（ポップアップ広告など）、ウイルスやワームの攻撃用としてWebが悪用されたり、別のサイト（ショッピング・サイトや銀行のサイトなど）になりすましてユーザー情報やパスワードを盗むフィッシングに悪用されたりしている。 Webブラウザでページにアクセスしたとき、背後ではどのようなやりとり

jQueryによるブラウザ判定を行うには「jQuery.browser」を使用して判別(必ずしも正確ではない)できるのは周知のとおりであり、非推奨であることもご存知だと思います。さてjQuery-1.9から完全に削除されるようです。 jQuery-1.9から「jQuery.browser」が完全にサポートされなくなる 「jQuery.browser」を使用して判別している場所も多々ありますので、jQuery-1.9から完全にサポートされなくなることは困ります。推奨される「jQuery.support」だけでは処理仕切れない事もあり、IE6 7 8 と問題だらけですので、バージョンに応じた処理をしなければならないこともあります。どうしても簡単な判別法が必要です。 この記事は古くなっていますので、最新の記事をUPしましたので下記記事を参照ください。2014/04/01 IE10 IE11 を含

レンタルサーバなら「さくらのレンタルサーバ」！ 月額換算でわずか131円、缶ジュース1本分のお値段で使える格安プランから、ビジネスにも使える多機能＆大容量プランまで、 用途と予算に合わせてプランを選べます。 さらにマルチドメイン対応でメールアドレスも無制限。無料ウイルススキャンや無料電話サポートもあるので安心して ご利用いただける共用レンタルサーバサービスです。

かわいいあいつIEとの付き合い Internet Explorer 通称 IEはかわいいやつである。私の心を掴んで離さない。IEについて言及すれば火が燃え上がる、存在が燃えている最強の火種だ。 なぜこんなにIEはかわいいのか。テーブルタグでウェブサイトをレイアウトする時代からCSSでレイアウトする時代へ移行する際はIE5/IE5.5/IE6/Mac IE5.2でどうしたら同じレイアウトを実現できるかを苦悩させてくれた強敵（とも）だった。 昨今のHTML5バンザイWEB制作においては、最新機能を使ってWEBサイトを作る上でIEの表示や機能をどうするかという話題が常にモチキリだ。 そんな我々の心を離さないIEの対策をする上で一つ一つ表示を確認しながら作っていたら日がくれて定年を迎えてしまう。IE定年を迎えないためにある程度どういう対応が必要かよくまとまっているサイトを見ていこうと思う。 チート

CSSのバグに効果のあるhasLayoutの指定方法 hasLayoutを変更するプロパティには、「float」「position」「writing-mode」のように実装するレイアウトでその値を指定できないなどの制限があるものもあります。 また、「height="1%"」のように特定の箇所には使用できないものもあります。 ほとんどのレイアウトでは、拡大縮小せず100%の状態でユーザーに利用してもらうことを前提に制作していると思うので、この「zoom」を利用して指定する方法がよいと思います。 CSSのバグに効果のあるhasLayoutの指定方法 *{zoom:1;} 「*」は全てのタグに適応する意味になります。 全てを対象にするのが具合の悪い場合は、個別の箇所に指定してください。 背景色が指定された要素内でfloatがある時、要素内の文字が消えるとか、 floatに後続するmarginの値

某お願いランキング風でスタート。 日々サイト制作に携わられている方。今日もIE相手にお疲れ様です。 そのまま噛みちぎってしまえ。 今話題のCSS3プロパティ・セレクタ。 ぽんこつでお馴染みIE（6~8）にはほぼ（全くと言っていい程）適用されません。しかしそれをjs（Javascript）で華麗に適用させてしまう方法があります。 今回はWebデザイン（CSS, js）の豆知識。WP（WordPress）での導入の仕方、手軽に出来る画像マウスオーバー（透過）の方法もお教えいたします。 一体どのブラウザに何が適用可能なのか なにはともあれ、取り敢えずこれを見て頂きましょう。 CSS3の主要ブラウザ別、プロパティ（セレクタ）適用表です。 ※画像クリックでサイトへ飛びます。 どうだい、IEの×っぷりは。 むしろ気持ちいい位ですね。 上記サイトの表、上からCSS3プロパティ、セレクタ、HTML5諸々の

IE6, IE7, IE8などIEの異なるバージョンをテストするアプリケーション・環境のまとめとそれぞれの特徴を紹介します。 Internet Explorer 7のキャプチャ [ad#ad-2] 「Sandboxed IE Browsers from Spoon」から各アプリケーション・環境のまとめと特徴をピックアップし、いくつか追加しました。 IETester Virtual PC IE Super Preview IE Collection マルチPC環境 IETester IETester 対応するIEのバージョン IE5.5 IE6 IE7 IE8 IE9preview 主な特徴 異なるIEのバージョンをタブで同時に表示することが可能なアプリケーションです。 プリントプレビューのテスト、ポップアップによるインタラクション以外のテストは万事良好に動作します。FlashとCSSのフィ

手元のスタイルシートをフロートやネガティブマージンなどIE6のバグを回避する記述を自動生成するオンラインサービス「ie6fixer」を紹介します。 ie6fixer IE6に対応したスタイルシートを生成する方法は、以下の手順です。 「master stylesheet」の欄に、スタイルシートを入力。 「Give me my ie6 fixes」ボタンをクリック。 以上で、IE6のバグに対応したスタイルシートが生成。 IE6のバグに対応している箇所は、現在のところ下記の通りです。 「min-height」は、「height」に変更。 「float」は、「display:inline;」を追加。 「position:relative;」は、「zoom:1;」を追加。 ネガティブマージンは、「position:relative; zoom:1;」を追加。 「overflow:hidden;」は、

Internet Explorerの異なるバージョン（1, 1,5, 2, 3, 4, 5, 5.5, 6, 7, 8）を同時に起動して、確認ができる「Internet Explorer Collection」を紹介します。 Utilu IE Collection 同時起動できるIEのバージョンは、インストールするWindowsのバージョンによって異なります。 当環境（XP SP3+IE7）では、上記のキャプチャのようにIE1.5, 2, 3, 4, 5, 5.5, 6, 7, 8を同時起動できました。 ※元のIE7には特に影響はありませんでした。 古いバージョンが必要ない場合は、インストール時にチェックをはずせばインストールしないと思います。

続・スタンドアローン版IE7 数日前に書いた覚え書き「スタンドアローン版IE7」では、インストール後にIE6の挙動がおかしくなり、URLを指定してもローカルPC上のHTMLファイルをドロップしてもデフォルトブラウザ（Firefox）で開くようになってしまいました。その後、IE7に関連するレジストリエントリを削除することで元の状態に復帰できたのですが、やはりスタンドアローン版IE7は必要ということで、別の方法を試してみました。それはTredoSoftが公開している方法で、Internet Explorer 7 running side by side with IE6. (standalone)に詳しくあります。手元のWindows XP SP2環境では、今のところ前回のような問題は起きていませんので、一連の操作（同社の提供する一括インストーラを使わない場合）を覚え書きしておきます。しかしい

先日、仕事でHTML4.01 Transitional＋CSSでコーディングしていたところ、position:absolutを指定したボックスの中にある要素が、Windows IE6でズレて（飛び出て？）表示されるというバグがありました。 3つのボックスに「position:relative」をかけて、その子要素をabsoluteしてたんですよ。で、3つのボックスを横並びにしたかったので「float:left」をかけてみたら・・・なんと！3つ目のボックスの中の子要素の最後の一つが、CSSが外れたかのように左下に表示されちゃったんです。 どんな感じかというと、 こんな感じ。これが、IEだけで起こるんです。FirefoxやらOperaはオッケー。意味不明。 ためしに、枠外に飛び出てしまう要素に「border」を入れてみたけど、フツーに本来あるべき場所に枠が。でも、中身は左下。・・・なんじゃこ

条件付コメントとは 条件付コメントとはIEの独自仕様でそのコメントで囲われた部分の表示・非表示をバージョンによって分けることができるというものです。 CSSの指定をブラウザ・バージョンによって分けたいときによく使います。 条件付コメントの書式 条件付コメントの基本的な書式は、指定のバージョン・指定のバージョン以上・指定のバージョン未満に分かれます。それぞれ以下のように書きます。 指定のバージョン <!--[if IE 6.0]>内容<![endif]--> 指定のバージョン以上 <!--[if gte IE 6.0]>内容<![endif]--> 指定のバージョン未満 <!--[if lt IE 6.0]>内容<![endif]--> バージョンの指定が 6.0 と書いてあるところです。 バージョン表 バージョンの指定にもルールがあります。適当に入力しても認識されないので注意しましょう。

ウインドウ内で表示座標をがっちりと固めて、スクロールにも連動させるCSSプロパティpositionの値“fixed”をIE6で有効にする方法です。随分とピンポイントなまとめですが、いろいろと方法が見つかりましたので、OUTPUTしときます。 １：特殊なJavaScriptを読み込んで解決する方法 IEでposition:fixedを再現するFixed positioning[to-R]２：IE6特有のプロパティ「expression」を、スターハック（* html）を使って記述する方法 IE6でbackground:fixedを実現する：CSS | Tech de GoCSSでブログデザイン IE6で「position:fixed;」を実現３：CSSで工夫して、position:fixedのように見せる方法 IE6でもスクロールしても動かないボックス〜CSSテクニック〜４：ie7.jsを