HTML5で組んでるならこの魔法のjsも入れておけっていう話
現在、A!@attripさん発で話題になっている「たった2行でIE5.5～IE8をモダンブラウザの挙動にする魔法のJS」という記事。 Webデザイン界隈では当たり前のものですが、実はもうひとつ追加しておくといいかもしれないjsがあったりします。 Photo:html5 By michael pollak IE8以前のブラウザはどうにもこうにも開発者泣かせなわけですが、ie9.jsとcss3-mediaqueries.jsを突っ込むことで、モダンブラウザと同じ挙動にすることができちゃいます。 もう少し具体的に書くと、ie9.jsを組み込むことで、 position:fixed;に対応 max-width、max-heightに対応 属性セレクタ、擬似クラスに対応 margin:0 auto;でのセンタリングに対応 透過PNGに対応 opacityに対応 といったことが可能になります。要はCS
HTML5でコーディングするならとりあえずie9.jsとhtml5shiv.jsを入れる : 森のコーディング
9月8 HTML5でコーディングするならとりあえずie9.jsとhtml5shiv.jsを入れる カテゴリ:javascriptHTML5 Tweet 最近のマークアップ界隈を観察してみると、 HTML5でマークアップするときは２つのjsを読み込ませるのが多いみたいです。 ie9.js とhtml5shiv.js ■ ie9.js これは、internetexplore6,7,8をie9に近づけるためのライブラリ。 ・position:fixed; ・max-heightやmin-heightなどの最大サイズ設定 ・aタグ以外での:hover ・margin:0 autoで中央寄せ ・透過PNG ・opacityで透明度 などなどを対応させるという。 これまでIE6やIE7のハックをしてきたコーダーの方々にとっては、 「そうそう、IE6と７に対応させるときは大体ソレだよね」 なやつらですね
[JS]一行追加するだけで、IE6/7/8でもHTML5のvideoとaudioを利用できる -html5media
HTML5のvideo要素やaudio要素をサポートしていないメジャーブラウザでもたった一行、ページに追加するだけでこれらを利用できるようにするスクリプトを紹介します。 html5media デモページ [ad#ad-2] html5mediaの実装 html5mediaの利用方法は簡単です。 ページに追加する一行 下記をページのhead内に記述します。 <script src="http://api.html5media.info/1.1.4/html5media.min.js"></script> これだけで、すべてのメジャーブラウザでHTML5のvideoとaudioを利用できるようになります。 video, audioに非対応のIE7でも期待通りに動画が再生されます。 IE6(IE Tester)でのキャプチャ 参考：video, audioのサポート状況 video, audio
JavaScriptでIEかどうかをたったの1行で判別する方法:phpspot開発日誌
Dean Edwards: Sniff! My current frog exaggerator of choice JavaScriptでIEかどうかをたったの1行で判別する方法。 なんと、次の1行だけで、isMSIE 変数に、IEで見れば true 、そうでなければ false を代入することが出来ます。 var isMSIE = /*@cc_on!@*/false; 次のサンプルコードで確認しました。 <html> <script language="javascript"> var isMSIE = /*@cc_on!@*/false; if (isMSIE) { alert('IE!'); } else { alert('not IE!'); } </script> <body> </body> </html> IEであれば IE! を alert し、そうでなければ not I
グーグル、「IE 6」のサポートを終了へ
Googleは明らかに、「Internet Explorer（IE）6」に見切りをつけたようだ。 Googleは米国時間1月29日、「Google Docs」および「Google Sites」サービスにおけるIE 6のサポートを3月1日で終了すると発表した。IEユーザーがこれらのサービスを利用したい場合、「IE 7」以降のバージョンにアップグレードしなければならなくなるが、それは「他の多くの企業がすでに、IE 6などの旧ブラウザのほか、ブラウザ開発元各社からサポートされていないブラウザのサポートを中止している」からだ、とGoogleはブログ投稿の中で述べた。 Googleなどの米国企業を狙った先ごろのサイバー攻撃でIE 6の脆弱性が悪用されたことを受け、Microsoftは1月21日、異例の措置として臨時パッチを緊急リリースし、この脆弱性を修正した。IE 6（セキュリティ関連コミュニティー
Google、3月1日から古いブラウザのサポートを順次終了
米GoogleのWebアプリケーション・チームは米国時間2010年1月29日、同社のサービスでInternet Explorer（IE）6.0などの古いWebブラウザのサポートを段階的に終了すると発表した。 まずは、「Google Docs（Googleドキュメント）と「Google Sites」のサービスで3月1日にサポートを終了する。サポート終了後のサービスには古いブラウザからもアクセスできるが、新しい機能が使えなかったり、動作が止まったりするという。GoogleはIE 7.0、Firefox 3.0、Chrome 4.0、Safari 3.0以降のブラウザを使うことを推奨している。 Google Appsシニア・プロダクト・マネージャのRajen Sheth氏は、「多くの企業が古いWebブラウザのサポートをすでに終了しおり、ブラウザの開発元もサポートをやめている」としたうえで、「We
お題目うぉっち:WatirでIEを自動操縦
2008年03月09日 WatirでIEを自動操縦 Webページのスクレイピングには今まで Mechanize を使っていたのだが、IEを自動操縦する Watir はそれ以上に便利だと思った。 Watirのチートシート #! ruby -Ks require 'watir' ie = Watir::IE.new ie.goto('http://reader.livedoor.com/reader/') ←ページ遷移 ie.link(:text, /ガイド/).click ← リンク文言を正規表現で検索してクリック puts ie.text ← ソースを表示 コードを実行すると、自動的にIEが立ち上がって無人操作を開始する。 フォームに記入する場合についても、全般的に書き方がMechanizeよりわかりやすいと思う。何よりもIEが文字コードの自動判定をしてくれるので、リンクやフォーム部品を探
IEでiframe内の別ドメインのCookieを有効にする方法 - satoru.netの自由帳
なにげにしらなかったんだけど、 IEで別ドメインのiframeを読み込むと、 そのiframe内のcookieが有効にならない。 そーゆーときは、HTTPのレスポンス時リクエスト時のヘッダーに 下記のkey＆valueを出力しておけばOKらしい。 ("P3P", 'CP="CAO PSA OUR"')こーするだけで、あらふしぎ。IEがCookieを保存して意図した挙動をしてくれるじゃん。 この宣言の意味 P3P コンパクト ポリシー ヘッダーを追加し、ユーザーのデータを使用して悪質な操作が実行されないことを宣言すればCookieが有効になるみたい。Internet Explorer が適切なポリシーを検出すると、Cookie の設定が許可されます。 その、宣言の条件とは下記の３つ。 CAO サイトはユーザー自身の連絡先情報へのアクセスを提供すること PSA データはオンラインの個人に接続さ
IE1, 2, 3, 4, 5, 6, 7, 8の確認が同時にできる -Internet Explorer Collection
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には特に影響はありませんでした。 古いバージョンが必要ない場合は、インストール時にチェックをはずせばインストールしないと思います。
アルファ画像を扱うalphafilter.jsライブラリ[to-R]
アルファ画像を扱うalphafilter.jsライブラリ IE6でアルファ画像(透過png)が使えないことにより、コーディングの作業量が大幅に増します。 そこで、IE6で透過pngを扱うjsライブラリを作ってみました。 設定は簡単、head要素内に条件付きコメントを利用してalphafilter.jsで読み込むだけ。 読み込みを高速化させるためdefer属性をの記述を忘れずに行ってください。 <!--[if lte IE 6 ]><script type="text/javascript" defer="defer" src="./alphafilter.js"></script><![endif]--> 透過にしたい画像にclass属性でalphafilterと入れるだけで、なんとIE6でも透過画像の使用が可能になります。 <img src="./sample.png" class="a
![アルファ画像を扱うalphafilter.jsライブラリ[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
一瞬で「できるIE7」に変身させるフリーアドオン「IE7Pro 1.1」リリース：CodeZine
IE7用アドオン「IE7Pro 1.1」が11日にリリースされた。IE7ProのWebサイトより無償でダウンロードできる。IE7を使う際には導入しておくことをおすすめしたいアドオンだ。 IE7に欲しかった機能が盛りだくさん IE7には他のブラウザと比べると細かな点で搭載されていない機能が多い。IE7Proをインストールすると、次の機能が使えるようになる。 マウスジェスチャー ダブルクリックでタブを閉じる お気に入り、検索バーで選択したページを新しいタブで開く ショートカットキーの設定 タブの自動更新 タブの履歴管理 ページの自動スクロール 入力フォームの自動設定 プロキシの簡易切り替え クラッシュリカバリー こんな機能も また、以下の機能も備えている。 スーパードラッグ＆ドロップ リンクをドラッグ＆ドロップすると新しいタブでリンク先を開くことができる。また、
ERRP | Expired Registration Recovery Policy
Please notice: This domain name registration has expired and renewal or deletion are pending. If you are the registrant and want to renew the domain name, please contact your registration service provider. Bitte beachten Sie: Diese Domainregistrierung ist abgelaufen und die Verlängerung oder Löschung der Domain stehen an. Wenn Sie der Registrant sind und die Domainregistrierung verlängern möchten,
bmblog: IEでmin-heightらしきことをする
Top Page: メイン Previous Page: 進化論の挑戦 Next Page: 地上ã¯åœ°ä¸Šã€åœ°ä¸‹ã¯åœ°ä¸‹ May 23, 2007 Category: web Tags: css , internetexplorer , min-height IEでmin-heightらしきことをする CSSのお話。 IEはmin-heightに対応してないのでhackが必要。 under score hackとボックスのheightを指定しても内側のコンテンツがそれより長かったら指定したheight以上に伸びてしまうbugを利用 <style type="text/css"> .no_hack{ margin: 8px; background-color: #CDC; min-height:40px; } </style> <div class=
IE5.5, IE6, IE7, IE8の確認が同時にできる -IETester | コリス
IETesterは、IE5.5, IE6, IE7, IE8beta1の確認が同時にできるアプリケーションです。 IETester [ad#ad-2] IETesterを利用するには、上記IETesterのページの「Download IETester」から「install-ietester-v0.2.exe」ダウンロードし、IETesterをインストールします。 IEのバージョンの切り替えは、「New Tab」から切り替えることができます。 簡単に使用しただけですが、IE5.5, IE6, IE7, IE8beta1のレンダリングの違いを確認できました。 バージョン0.2の動作条件は、Windows XP or Vista + IE7以上となっています。XP + IE6の場合、IE7, IE8のモードが動作しません。 Windows XP + IE7, IE8beta1の環境で使用したとこ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Googleが「orkut」を一から書き直し、新バージョンを公開 
透過PNGをCSSで背景に指定してIE6や5.5のバージョンでも綺麗に表示してみる - DesignWalker