Internet ExplorerはIE特化アプリから一時的に日本を救ってくれたけど次回はもう助けてくれないよという警告Hiroshi Kawada
最近Microsoftからmodern.IEというVirtualBox内で動かすことができるIE検証環境の日本語版が出ました。 普通に動かす分には問題ないですが、デフォルトの設定だと英語キーボードとなっており、日本語キーボードの環境の人にはキーボードマッピングが一致してなくて少々不便かと思います。(スラッシュのキーの位置とか) この日本語キーボードの設定ですが、IE7以降であれば簡単な手順で設定することができます。 ※IE6はXP SP3のCDが必要だったり、DLLを別途入手する必要があったりと少し手間なので今回は割愛。 以下、【IE8 - Win7】の環境を例にして手順を見ていきます。 日本語キーボードに変更する コントロールパネルを開いて、デバイスマネージャーのダイアログを開きます。 [Windowsスタートメニュー] → [コントロールパネル] → [システムとセキュリティ] → [
modern.IEでは仮想PCを使用したIEの表示テストツールが提供されてます。これを使用するとWindows以外のOSでも複数バージョンのIEのテストが行えます。 追記:modern.IEの日本語版ページが開設されました。 ホーム | Internet Explorer の検証がより簡単に | modern.IE はじめに modern.IEのVirtual toolsページではIEのテストツールが提供されてます。 「Local virtualization」では各OS、各仮想化ソフトウェア用のWindows&IEファイルが用意されてます。OSはWindows、Mac、Linux、仮想化ソフトウェアはVirtualBox、VMWare Fusion、Parallels、Virtual PCなどに対応しています。 ここではMacでVirtualBoxを使用してIEを起動させる方法を紹介しま
最近、WEBブラウザまわりのニュースの中で、結構、僕達に影響するのではないかという話題があったので、ちょっと僕なりにまとめてみたいと思います。 どういったニュースだったかというと、Internet Explorer10(以下、IE10)では、デフォルトで「Do Not Track」が有効になり、Mozilla Firefox(以下、Firefox)の新しいバージョン22では、デフォルトでサードパーティCookieを遮断にするというものだ。 Firefoxの新ポリシー サードパーティcookieをデフォルトで遮断へ(ITmedia) http://www.itmedia.co.jp/news/articles/1302/26/news034.html IE 10のDo Not Track機能、デフォルト有効は「よけいなお世話?」 (computerworld) http://www.comp
Opera で DOM Mutation Event を使用するコードを追記しました。 まとめを追加しました。 Opera パート2に取得できないケースが見つかったため、パート3 を追加しました。 rhino.jpg(幅:300px, 高さ:227px) を、 <img id="rhino" src="rhino.jpg" width="100" height="75" /> と、100 x 75 で表示している場合を例に、画像本来のサイズを取得する方法をご紹介します。 Firefox, Safari, Google Chrome なら image.naturalWidth と image.naturalHeight を利用します。 image.naturalWidth と image.naturalHeight の初期値は 0 です。画像の読み込みが完了した時点で適切な値に更新されます。
An Easier Way To Build JavaScript Animations This is the web site of the Mashi JavaScript Timeline Toolkit, an open source project that brings timeline-driven animation and interaction capabilities to your web site. Watch the short intro above to learn more. Runs online and offline in any browser >= IE6. No web server or browser plug-ins required, easy to learn, get your first mashi animation done
filter:progid:DXImageTransform.Microsoft.Alpha(); 透明・半透明・透明グラデーションを指定できる。 多少表示速度は遅くなるが、IE 4 で使えるフィルタもある。 ▼ () の中には以下の属性をカンマ(,)で区切って指定する。 opacity=開始透明度を 0 (透明) 〜 100 (不透明) の範囲で指定。 finishopacity=終了透明度を 0 (透明) 〜 100 (不透明) の範囲で指定。 style=透明グラデーションのスタイルを指定。0 (デフォルト 指定なし) 1 (線形) 2 (円形) 3 (長方形) startx=透明グラデーションの開始地点のx座標を指定。 starty=透明グラデーションの開始地点のy座標を指定。 finishx=透明グラデーションの終了地点のx座標を指定。 finishy=透明グラデーションの終了地
Windows Internet Explorer の新しいリリースが発表されるたびに、カスケード スタイル シート (CSS) 標準のサポートは絶えず改善されてきました。 Internet Explorer 6 は、CSS レベル 1 に完全準拠した最初の Internet Explorer バージョンでした。 Windows Internet Explorer 8 は、CSS レベル 2 リビジョン 1 (CSS 2.1) の仕様に完全準拠し、CSS レベル 3 (CSS 3) の一部の機能をサポートします。 お客様の Web サイトが、以前のバージョンの Internet Explorer を含むブラウザーを対象にする場合、各バージョンの CSS 準拠レベルを確認する必要があります。 この記事では、Internet Explorer 8 でのサポート状況を含む、Internet Ex
VML は Internet Explorer 10 で廃止されました。今後は <canvas> を使用することが推奨されます。(2013.1.4追記) VML とは Vector Markup Language の略で、Webページ上で線や円などのベクトル図形を表示するための言語です。IE5.0 以上でサポートされています。Netscape ではサポートされていません。 XMLベースの言語として、1998年5月13日に Microsoft、Macromedia、HP社などから W3C に提案されましたが、そのままは採用されず、Adobe 社の PGML と統合され、2001年9月5日に SVG として勧告されました。将来的には SVG に移行する予定です。「今更 VML・・・」と言われてしまいそうですが、とりあえず、今使える VML について説明します。 ※ このページを IE5.0 以
CSS3 PIE: CSS3 decorations for IE IE6-8でもCSS3が使えるようになる「CSS3 PIE」。 非対応ブラウザがあるのでまだCSS3はいいやという方もいると思いますが、CSS3 PIEというhtcライブラリを使うことでCSS3に対応させてしまえます。 角丸、ドロップシャドウ、グラデーションといったプロパティに対応しています。 実装の際には border-radius、box-shadow、border-image等が使えるようになります。 サイト上のすぐに動くデモを動かしてみると、そのクオリティもなかなかのものだと言うことが分かります。 実装も簡単みたいで、PIE.htc をサーバに設置後、behavior に url(/PIE.htc) として設定するだけみたいです。 behavior: url(/PIE.htc); これは楽で便利です。 対応していな
Market share by Net Applications Net Applicationsから2010年6月のブラウザシェアが発表された。発表されたシェアは次のとおり。 2010年6月ブラウザシェア - Net Applications報告 2010年6月バージョン別ブラウザシェア - Net Applications報告 順位 ブラウザ シェア 推移 備考 1 IE 60.32% ↑ 上昇へ転じる 2 Firefox 23.81% ↓ 2ヶ月連続の下落 3 Chrome 7.24% ↑ 力強い増加を継続 4 Safari 4.85% ↑ 5 Opera 2.27% ↓ 6 Opera Mini 0.66% ↓ 順位 バージョン別ブラウザ シェア 推移 備考 1 IE8 25.84% ↑ 6ヶ月連続1位 2 IE6 17.17% ↑ 増加へ転向 3 Firefox 3.6 15.9
IE6/7/8でもCSS3の角丸、ボックスシャドウ、グラデーション、マルチバックグランドなどを使えるようにするbehaviorスクリプトを紹介します。
これ系はいくつかありますので 1つの選択肢として、という感じ ですね。css3のtransformや box-shadowをクロスブラウザ 対応させるjsライブラリですが、 特徴はプロパティを1行で統一 させる事が出来る点です。 css3のtransform(変形)、box-shadow(影)、gradient(グラデーション)ですが、gradientは不完全でした。しかしながらこのスクリプトを応用してアニメーションさせることも出来るようです。 各ブラウザで実装したものを比較していました。IEに限らず、主要ブラウザ全てをサポートしています。また、何より独自のプロパティを使うのですが、これが1行で済むので場合によってはなかなか楽では無いかと。 左がChrome、右がIE6です。テキストのドラッグも普通に出来ますね。 例・transformcssSandpaperを使用した際のtransfor
肌トラブルがでたときは、ベビーローションでしっかりと保湿し、次に「ルイボスティーパック」が良いと知りティッシュにルイボスティーをとにかくがぶ飲みして症状が改善されている為、随時変更する場合があります。 暇さえあればすぐに品切れになる場合があります。その際にご注文なさるかご検討ください。 まずはじめは、ベビーローションでしっかりと保湿し、次に「ルイボスティーパック」が良いと知りティッシュにルイボスティーを染み込ませて塗ってしっかり保湿が必要だということを知ったんですが、医師の言う通り、里帰り先の小児科にかかってね。 使う量が足りなかったようです。会員サイトの登録をご希望の方はこちらをご一読ください。 入荷待ちの場合、ご登録いただきますと、入荷時にご注文なさるかご検討ください。 入荷待ちの場合、「入荷お知らせ」ボタンが表示されたというものが多数。 パックするだけでなく、私もルイボスティーを染み
こんにちは、martinです。日本に帰国して1年が経ちました。昨年は2月から新しい職場で働き始めたり、9月6日に第1子が生まれたりとバタバタな一年でして、まるでppBlogの開発・サポートが出来ませんでしたが、今年はなるべく時間を作ってppBlogをいじれたらと思っています。 世界中の皆さんにとって、良い年でありますように。 久しぶりのカキコ。 静的リンクでの挙動を変えています。URLのパスに日付情報などを含ませるように。まだ、いじっている段階なので、色々と不具合があるだろうけれど、まぁ気にしないと。 日付情報がある以外には、現状、PermaLink用の英数文字からなる記事タイトルを別に指定できたのですが、これはそのまま取っておくとして、そうでない場合は、記事のタイトルがそのままブラウザのアドレスバーに表示されるような感じにしてます(静的リンクが有効な場合ですが)。今時のブラウザならエンコ
TOP > WebDesign > IE6〜IE8をCSS3に対応させるスクリプト「Kick-ass CSS3 Support in IE6, 7, and 8」 WEBサイト構築においてもはや常識となったCSS。新たな仕様のCSS3が整備されつつあり、表現の幅をさらに広げてくれるものになっていますが、最新のブラウザのみ対応しており、IE6のようなシェアがある旧世代のブラウザは対応していないというのが現状です。そこで今日紹介するのはIE6〜IE8をCSS3に対応させるスクリプト「Kick-ass CSS3 Support in IE6, 7, and 8」です。 全てのCSS3のプロパティが適応されるのではなく、角を丸くしたり、ボックスに影を入れたりテキストに影を入れたりといったCSS3の機能をスクリプトにyほって再現するというものです。 詳しくは以下 スクリプトを読み込ませると言
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く