タグ

Internet ExplorerとjQueryに関するk_ume75のブックマーク (9)

  • jQuery 2.0.0 での変更箇所の自分なりのまとめ | 私的なjQuery他

    jQuery 2.0.0 のリリースノート を読んで、自分なりにまとめました。 誤訳や誤解して間違ってまとめていることもあるかも知れませんので 読まれる際はご注意下さい。(※ページをそのまま訳したわけではありません) 箇条書きにすると以下のような感じ: IE 6, 7, 8 をサポートしない jQuery 1.9 と同じ API 最近の JavaScript 環境にも サイズが12%小さくなった カスタムビルド ビルドの準備 カスタムビルドの方法 これからの予定 IE 6, 7, 8 をサポートしない 表題の通りです。 IE 6-8 を対象にいれたいサイトは jQuery 1.9 と 2.0 は同じ API を持ちますので、 1.9 の方を使用するようにします。 jQuery 1.9 の系統(1.X)も数年はサポートするそうです。 IE 9, 10 でも互換表示モードだと影響を受けます。

  • 画像も動画もGoogle Mapsもあらゆるコンテンツを拡大表示するスクリプト -iLightBox | コリス

    画像をはじめ、画像ギャラリー、そして動画、HTMLコンテンツ、外部サイトなど、あらゆるコンテンツを拡大表示するjQueryのプラグインを紹介します。 あらゆるコンテンツをサポートします。 画像、画像ギャラリー、動画(HTML5, YouTube, Vimeoなど)、Flash/swf, Google Maps, iFrame, AJAX, Alert/Confirm/Promptなど 主要なブラウザ全てをサポートします。 IE7/8/9/10, Firefox, Chrome, Safari, Opera iOS4+, Android 主要なデバイスを全てサポートします。 デスクトップ・タブレット・スマートフォン スワイプ操作やRetinaディスプレイもサポートしています。 iLightBoxのデモ デモではあらゆるコンテンツをiLightBoxで拡大表示します。 まずは、画像一枚を拡大表

  • jQueryで吸収できないIE仕様の備忘録

    wiki代わりの備忘録なので編集や加筆の制限なしエントリーです、あしからず。 また、以下はIEに特化することが目的ではなく、W3C勧告のHTML標準なページ作成を目指す中で、標準を理解しない(くせにトップシェアの)IEの仕様を何とか回避するが主題です。 cssテクまで考慮するともっとたくさんになると思いますが、それはデザイナーさんに任せます(笑) . ■ IE互換モード イントラネットでは互換モード優先がIEのデフォルト設定のため、企業イントラネットではIE7の配慮が必要です。ローカルPCでの開発では互換モードを再現できないので注意が必要です。 強制的に互換モードを排除するには、.htaccessに次を記述してHTTPヘッダを出力するか、 Header set X-UA-Compatible "IE=edge" メタタグでページごとに指定します。 <meta http-equiv="X-U

  • IE6のみに「アップデートして下さい」とメッセージを表示させるjavascript / ホームページ制作 東京[グリッドネス] / WEBデザイン制作

    マイクロソフトからはとっくにサポートが終了となり、大手ポータルサイトでもサポート打ち切り、 内閣官房情報セキュリティセンターという国の機関からも「アップデート」を推奨されているブラウザIE6。 http://itpro.nikkeibp.co.jp/article/NEWS/20100621/349374/ ここ数年のアクセスの傾向から行くと、だいぶ少なくなってはいますが、 まだまだ数パーセントはIE6を使っている人がいます。 IE6に対応したくはないが、IE6ユーザーに「デフォルトで崩れてるサイトじゃん・・・」と思われたくないのもホームページ制作者の心境です。 そこで、IE6でアクセスした場合のみ「アップデートして下さい」というメッセージを表示すれば、 「IE6ユーザーを一人でも減らす事」に貢献し、かつIE6に対応する手間を省く事が出来るかと思います。 ↓通常のブラウザで見た場合 ↓IE

  • Selectivizr - CSS3 pseudo-class and attribute selectors for IE 6-8

    Enhancing IE's selector engine Selectivizr adds support for 19 CSS3 pseudo-classes, 2 pseudo-elements and every attribute selector to older versions of IE. It can also fix a few of the browsers native selector implementations. JavaScript-knowledge: none Selectivizr works automatically so you don't need any JavaScript knowledge to use it — you won't even have to modify your style sheets. Just start

  • 2013年予定のjQuery 2.0、IE8以下はサポート廃止の方針

    2013年初頭にリリースを予定しているjQuery 2.0では、Internet Explorer 6/7/8のサポートをしないという方針が、jQueryのブログ「jQuery Blog » jQuery Core: Version 1.9 and Beyond」で明らかにされました。 jQueryは現在1.7が最新バージョンで、先週1.8β1が公開されたばかり。ブログによると、この先のロードマップは次のように説明されています。 jQuery 1.9 (early 2013) 1.8で使用されなくなったインターフェイスの多くを削除。そのうちのいくつかはプラグインか代替APIでサポートされる。 jQuery 1.9.x (ongoing in 2013 and beyond) 継続してバグフィクスを行う。 jQuery 2.0 (early 2013, not long after 1.9)

    2013年予定のjQuery 2.0、IE8以下はサポート廃止の方針
  • IEの透過PNG+opacityの不具合を治すメモ - Mach3.laBlog

    この記事は賞味期限切れです。(更新から1年が経過しています) 透過PNGの処理が下手くそなのは、IE6だけではなく、IE7/8も同様です。 IEで透過PNGをあてた要素のopacityを弄ると、周りがグレーがかって汚くなります。 この現象はよく知られていると思いますが、今日はこの不具合の治し方のメモを記しておきます。 サンプルコード 例えば、こんなコード。 <style> .test { display:block; width:128px; height:128px; background:url(./test.png) 0 0 no-repeat transparent; } .test:hover { background-image:url(./test-hover.png); } </style> <a href="#" class="test"></a> test.pngとte

    IEの透過PNG+opacityの不具合を治すメモ - Mach3.laBlog
  • [Javascript]「こまけぇーこたぁいいんだよ!」な人の為のIE対応スクリプトまとめ

    まとめる。 webとwebデザインに関しての、WEBCRE8.jpによる 情報まとめのカテゴリです。 正直話題としてはとっくに旬は過ぎていますがw 一度まとめておきたいと思い。 殆どのweb制作者達がこれまで頭を悩ませてきたであろうIE対応。web制作者の方々は「もうIE6対応なんかしなくていいじゃん」「対応するからいけないんだよ」という意見をお持ちの方も多いかと思います。 特にIE6に対するコーダーの方達の恨みつらみは相当なもの。一言言いたい場合はとりあえず「爆発しろ!」とでもこちらでぶつけてみてください☆ (´・ω・`) ie6bot – 腐った牛乳と呼ばれたブラウザ が、しかし会社で制作をやっている方々はそうもいかないのが現実。私のブログでも今は対応が中途半端でしっかり出来ていないのですが…wこのブログにはなるべく早めに対策を施すつもりです。あと、これに関してはそのうち独自の対応をし

    [Javascript]「こまけぇーこたぁいいんだよ!」な人の為のIE対応スクリプトまとめ
  • [JS]IE6でもブラウザのサイズに合わせて最適なスタイルシートを適用するスクリプト -Adapt.js

    CSS3のMedia Queriesを使用して同様のことができますが、CSS3非対応ブラウザでも動作し、且つjQueryなど他のスクリプトに依存しないでブラウザの幅をチェックし、そのサイズに最適化されたスタイルシートのみをロードさせる超軽量(894bytes)のスクリプトを紹介します。 Adapt.js - Adaptive CSS 左:ファイル名、右:スクリーンサイズ [ad#ad-2] スクリプトの制作は「960 Grid System」と同じNathan Smith氏なので、960 Grid Systemとの相性がよいのではないでしょうか。 また、対応ブラウザの表記は見あたりませんでしたが、IE6でも動作しました。 スクリプトでは、上記キャプチャのようにサイズごとに異なるスタイルシートを指定し、ユーザーの環境に合わせて最適なレイアウトで表示することができます。 下記は、同サイトをブラ

  • 1