キーワード検索「IE9」
332
CSSやJavaScriptを使って、IE6, IE7, IE8, IE9 とIEの異なるバージョンごとにスタイルシートを適用する方法のまとめを紹介します。 下記は各ポイントを意訳したものです。 CSS: 条件付きコメント(class) CSS: 条件付きコメント(外部スタイルシート) CSS: CSS Hack JavaScript JavaScript: jQuery おまけ CSS: 条件付...
360
はてなブックマーク - IE9ヤバイ。IE9の文字間隔・互換モード・DOCTYPE宣言について なんかブックマークのコメントを見てたら突っ込んでおくべきなような気がしたので少しごにょごにょと。 もともとMicrosoft寄りなので信者擁護乙みたいになってしまって、うむむ…って思ったのですがあまりに死ねみたいなコメントが延々と多いのでちょっとうーむと。 この元のエントリではわかりにくいですが以下の3...
337
Taranfx.com - Your Gateway to Technology, Redefined.ブラウザは特定のHTMLやCSS、JavaScriptのコードを読み込むとクラッシュしたりフリーズすることが知られている。しかもそれは複雑怪奇なコードではなく、とても短いコードでも起こることがわかっている。特にIEをクラッシュさせたりフリーズさせるためのコードの多くがスニペットとして公開されてい...
391
![[CSS]ブラウザのサイズに合わせてスタイルシートを変更する方法 | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/css/different-stylesheets-for-differently-sized-browser-windows.html)
対応ブラウザはFirefoxのMozilla系、Safari, ChromeのWebkit系、Operaの最新バージョンでサポートしています。 IEはIE9を含み、現在のところ非対応とのことです。JavaScriptで実装IEを含むすべてのブラウザに対応させたい場合は、これらの方法がおススメです。 jQueryでブラウザの幅を判別して、適したスタイルシートにします。 デモページ：JavaScrip...
298
どんなWebサイトでも設置されているフォーム。なんの装飾もなく味気ないフォームより、デザインされたもののほうが連絡してみたくなるはずです！そんなフォームも少し手を加えるだけで素敵なデザインに変身させることができます。今回はCSS3とjQueryを使ってより美しいフォームを作成する方法を紹介します。フォームの仕様今回チャレンジするフォームの主な仕様です！グラデーション・ボックスシャドウを使って立体感...
148
Now relevant tags could be inherited when a specific code is forkedよくあるやつです。ぼんやり眺めてると、とても癒されます。 今のところ確認してる不具合は、 ・Operaでは、要素を101以上に増やすと全く表示されなくなる。 ・Webkitだと、グラフの右端にスペースができる。 ・IE8だとエラーが出て全く動かず。IE9はやればでき...
120
![[CSS]スタイルシートでここまでできる！Responsiveデザイン対応のスライダー -Responsive CSS3 Slider | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/css/css3-responsive-slider-without-javascript-by-csscience.html)
JavaScript無し(*1)で、スタイルシートで実装するResponsiveデザイン対応のコンテンツスライダーを紹介します。 *1 スライダーの基本機能ではJavaScriptを使用していませんが、iOSに対応させるために使用。 デモ 実装 デモ デモはCSS3に対応した下記のブラウザでご覧ください。 ベスト Firefox もっとも期待通りに動作します。 フルサポート Chrome, Fir...
122
![[JS]主要ブラウザ全てにaudio要素でMP3を再生できるようにするスクリプト -audio.js | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/js-audio-js.html)
IE6/7/8, Firefox, Operaを含む主要ブラウザ全てに、HTML5のaudio要素を使ってMP3を再生できるようにするスクリプトを紹介します。audio要素のサポート状況audioはHTML5の要素で、サポートしているブラウザは限られたものとなっています。audio要素のブラウザのサポート状況IE9Firefox 3.5+ChromeSafariまた、対応している音声ファイルのフォ...
70
The requested blog was not found -- unless you requested that of Dan Kogai (小飼 弾). レシピ 二つだけ <!DOCTIYPE html>を<html>の前に追加 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />を<head>内に追加 本来で...
70
マイクロソフトが開発中のInternet Explorer 9について、海外のブログで議論が起きています。発端は、モジラのPaul Rouget氏が「Is IE9 a modern browser?」（IE9はモダンブラウザなのか？）と疑問を呈したこと。この記事ではIE9について「HTML5の互換度が低い」「CSS3への互換度も低い」「Windows Vistaと7にしか対応していない」などいくつ...
70
乗り換え以外で初めてアメリカ行きました。ago（@kyo_ago）です。 すでに先週のこととなってしまいましたが、jsdo.it上でSVG Girlというコンテンツを発表したのでご紹介させていただきます。 （現在IE9のリリースに合わせて英語版のみ公開しています。日本語版は26日の日本語版IE9リリースにあわせて公開を予定しています） SVG Girlって？ SVG GirlはSVGを使ったアニメ...
80
![[JS]user-agentを参照せずにIEの各バージョンを判定するシンプルなスクリプト | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/js-detect-ie-using-conditional-comments.html)
user-agentを参照せずに、IE6, 7, 8, 9の各バージョンを判定するスクリプトを紹介します。スクリプトは下記のようになります。JavaScriptvar ie = (function(){var undef,v = 3,div = document.createElement('div'),all = div.getElementsByTagName('i');while (div....
48
はじめに 「crocro.jscam」は、JavaScriptで、Webカメラの画像を取得するためのライブラリです。 動作対象はHTML5以上、PCとなります。デバッグを行ったのは、Chrome16、IE9、Firefox9になります。 本ライブラリは、以下のようなことを行なえます。 Webカメラの画像のキャプチャ。 キャプチャした画像の2値化（白黒化）。 2値化を元にしたラベリング（領域分割）。...
50
![[JS]さまざまな要素をダイナミックなアニメーションでズームさせるスクリプト -Zoomooz | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-zoomooz.html)
Zoomoozの対応ブラウザ Zoomoozの対応ブラウザは下記の通りです。 IE9 Firefox3.6+ Safari3+ Chrome Opera Zoomoozの実装 Zoomoozをページに実装するには、外部ファイルを指定します。 外部ファイル <link rel="stylesheet" href="style/zoomooz.css" type="text/css" /> <scri...
41
プログラミング初心者がJavaScriptを1分で実行する方法を紹介します。 JavaScriptはブラウザ上で実行できるので、ブラウザを利用します。ブラウザはIE8/IE9またはGoogle Chrome、Firefoxのいずれかを使います（FirefoxはFirebugのインストールが必要です）。 プログラミング初心者にプログラムのサンプルを見せるときにも使えるかもしれません。 １．IE8/I...
40
MIX10 で初の Platform Preview が公開されて以来、8 週間おきにこの Platform Preview を更新することをお伝えしてきましたが、本日より 3 つ目の Platform Preview の公開が Test Drive にて始まったことをお知らせいたします。 主な変更点 1. HTML5 Canvas 要素を実装 多くの開発者の皆様から、HTML5 の要素の一部とし...
39
![[CSS]アニメーションを伴った画像ギャラリーをCSS3で実装するチュートリアル | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/css/css3-tutorial-slider-with-fade-transition-by-kushsolitary.html)
jQueryなどのJavaScriptを使用せずに、フェードのアニメーションで画像が切り替わるギャラリーを実装するCSS3のチュートリアルを紹介します。 各画像への#リンクも有効です。 Pure CSS3 Sliderのデモ Pure CSS3 Sliderの実装 Pure CSS3 Sliderのデモ 画像ギャラリーのナビゲーションは下部の丸いアイコンで、クリックするとフェードのアニメーションで...
40
JavaScriptライブラリjQueryは、もっとも普及しているライブラリの1つ。今年の3月にマイクロソフトが全面的な支援を表明しており、ASP.NETの開発チームがフルタイムでjQueryに貢献しています。マイクロソフト、jQueryへの全面的な支持を発表 － PublickeyそのjQueryをグローバル対応にするプラグインをマイクロソフトが公開したと、同社バイスプレジデントのScott G...
44
ローカルのHTMLファイルからどこまで読み取れるか選手権 2011 - 金利0無利息キャッシング – キャッシングできます - subtech を読んでの補足。IE9 on Windows 7 においてXHRを使ってローカルファイルを読み取る場合について、「許可するとやりたい放題」と書かれているとおり、IEが表示する警告をいったん「許可する」側に選択するとhtml内の JavaScript (ある...
30
jPlayerは、音楽/動画をサイトに埋め込めこむためのjQueryプラグインです。 結構便利に使えそうです。 ブラウザ対応 Windows: Firefox, Chrome, Opera, Safari, IE6, IE7, IE8, IE9 OSX: Safari, Firefox, Chrome, Opera iOS: Mobile Safari: iPad, iPhone, iPod To...
