双日システムズ、Windows XPから7/8への移行向けにIE6互換ブラウザを開発
双日システムズは、VMware ThinAppによるアプリケーション仮想化の専門組織である「ThinApp事業部」を立ち上げ、2014年4月にサポート終了を迎えるWindows XPからWindows 7/8へのアプリケーション移行支援サービスに本格参入すると発表した。 同時にInternet Explorer互換ブラウザを新規開発し、Windows XP上で稼働するIE 6を利用したアプリケーションの仮想化で課題となっているメーカーのライセンスポリシーやアプリケーション改修の課題を解決する。 互換ブラウザを使用することによりメーカーのライセンスポリシーに違反せずに仮想化対応できるだけでなく、自社開発ブラウザであるためユーザ環境やアプリケーションに合わせた改修も行うことができるという。
たった一行を追加するだけでIE6/7/8をCSS3対応にする -CSS3 PIE
IE6/7/8でもCSS3の角丸、ボックスシャドウ、グラデーション、マルチバックグランドなどを使えるようにするbehaviorスクリプトを紹介します。
Download Internet Explorer Application Compatibility VPC Image from Official Microsoft Download Center
All MicrosoftMicrosoft 365OfficeWindowsSurfaceXboxDealsSupportSoftwareWindows AppsOneDriveOutlookSkypeOneNoteMicrosoft TeamsMicrosoft EdgePCs & Devices ComputersShop XboxAccessoriesVR & mixed realityPhonesEntertainmentXbox Game Pass UltimateXbox Live GoldXbox gamesPC gamesWindows digital gamesMovies & TVBusinessMicrosoft AzureMicrosoft Dynamics 365Microsoft 365Microsoft IndustryData platformMicros
IE6から使えるHTML5/JavaScriptによるグラフライブラリ·envision MOONGIFT
envisionはHTML5/JavaScriptによるグラフライブラリです。ファイナンス系グラフ、フラクタルグラフを描けます。 HTML5/JavaScriptを使った高度なグラフライブラリとしてenvisionを紹介します。一般的なグラフというよりも、ファイナンス系のグラフ描画が得意なようです。 リアルタイムグラフ。刻々とグラフが追記されていきます。 タイムシリーズ。指定範囲だけを拡大できます。 こんな感じでマウスで幅を広げたりできます。 ファイナンス。株価、出来高といった指標を表示するのに使えます。 こちらも幅を変更できます。 中央をドラッグすれば左右への移動も可能です。 マウスでポイントにおける数値を表示できます。Ajaxによるデータ変更もサポートしています。 幅の変更ももちろん可能です。 フラクタル画像です。 マウスで範囲を指定して拡大できます。 envisionはHTML5のラ
Microsoft、IE 6の米国でのシェア1％切りを祝う
米Microsoftは1月3日（現地時間）、同社の旧版Webブラウザ「Internet Explorer（IE）6」の米国でのシェアが2011年12月に1％を切ったと発表した。 同社は、セキュリティ上の問題回避や開発者への負担軽減を目的に、IE 6からIE 8あるいはIE 9へのアップデートをユーザーに呼び掛けており、昨年3月にIE 6終了促進のカウントダウンサイトを立ち上げた。 このサイトには米調査会社Net Applicationsの最新データに基づくIE 6のシェア分布図が掲載されており、Microsoftは新たに1％を切る国が増えるごとに“お祝い”をしている。 米国は、オーストリア、ポーランド、スウェーデン、デンマーク、フィンランドに続く6番目の“1％切り”国になった。同月には、チェコ、メキシコ、ウクライナ、ポルトガル、フィリピンも1％を切っている。 日本の12月のIE 6のシェア
IEの異なるバージョンごとにスタイルシートを適用する方法のおさらい
CSSやJavaScriptを使って、IE6, IE7, IE8, IE9 とIEの異なるバージョンごとにスタイルシートを適用する方法のまとめを紹介します。 Use Different Styles For Different Internet Explorer Versions [ad#ad-2] 下記は各ポイントを意訳したものです。 CSS: 条件付きコメント(class) CSS: 条件付きコメント(外部スタイルシート) CSS: CSS Hack JavaScript JavaScript: jQuery おまけ CSS: 条件付きコメント 条件付きコメントを使用して、ドキュメントの一番上の要素(html)にIE6/7/8用のclassを付与します。 HTML <!--[if IE 6]> <html class="ie6"> <![endif]--
Internet Explorer 6（IE6）とInternet Explorer 8（IE8）とのUIの違いを知る － ＠IT
Windows XPからWindows 7への移行を妨げる要因の1つとして、Internet Explorer（IE）のバージョンの違いがよく挙げられる。Windows XPはデフォルトでInternet Explorer 6（IE6）が、Windows 7はInternet Explorer 8（IE8）がそれぞれ組み込まれている。IEのバージョン・ダウンはできないので、Windows XPからWindows 7へ移行すると、IEのバージョンは否応なしに8へ上がることになる。 IE6とIE8ではWebアプリケーションの挙動が異なる場合があることが問題視されがちだが、ユーザー・インターフェイス（UI）の違いによる使い勝手の変化も無視できない。例えば、ページ読み込みの中止やページ更新といった基本的な操作のためのボタンですら、位置やデザインが変更されている。こうした違いはシステム管理者ならすぐ
IE6でSelectボックスだけz-indexが効かないバグをjQueryで解消する方法 - nzm_o。
z-indexでレイヤー表示したボックスの上にselectボックスだけが上側に表示されてしまうIE6のバグがある。 それを解決するjQueryプラグインがある まず事象の確認。 HTML <div id="layer">z-index: 9999;に指定したdivボックス</div> CSS div#layer { color: #FFF; background: #555; border: 1px solid #CCC; position: absolute; width: 100px; height: 100px; z-index: 9999; } 上記で通常問題なくレイヤー表示されるが、IE6の場合以下のようにselectボックスだけがz-indexを無視してしまう。（バグ） これを回避するには、 １．selectボックスを動的に表示/非表示にする ２．iframeをselectボッ
IE6でselectタグ(プルダウン)がz-indexを無視する対策【CSS, HTML】 - Programming Magic
IE6では、selectタグはWindowsのコントロールを使用して表示されている。 そのためか、z-indexやborder、text-alignなどいつくかのスタイルが無視される。 特に困るのがz-indexで、JavaScriptでdivタグをドラッグで移動できるようにした場合、ページ内にselectタグがあると、selectタグだけがz-indexを無視して一番上に表示されてしまう。 selectタグがz-indexを無視するサンプル Opera9、Firefox2では正しく表示される。 IE7ではz-indexの扱いは正しくなっているが、borderやtext-alignは利かない。 このz-indexのバグはiframeタグを使って解決することができる。 iframeタグは、selectタグよりも高いz-indexが設定されていれば、selectタグよりも上に表示
IE+jQueryでHTML5新要素のDOM操作
Updated 2010.07.26 / Published 2010.07.26 jQueryのprepend(), append(), appendTo(), before(), after(), html(), wrap(), wrapInner(), wrapAll()など、指定のセレクタに対してオブジェクトを操作できるメソッドを用いてHTML5の新要素を操作する際は、現行MicrosoftからリリースされているIE8までのバージョンでは、HTML5の新要素が認識できないので注意が必要です。 この罠に嵌ることが想定される事態 HTML5でリニューアルされているサイトが散見されるようになってきた今日この頃ですが、表題の問題で混乱が起こることが想定される事態としては、事前にHTML5の新要素群をdocument.createElement()で作成済みなので、「よし、これでjQuery
HTML5.jsの中身を見てみよう
HTML5.jsって中でなにやってるの？ 自己紹介 かみやん (Twitter@kamiyam) システム開発会社 ほとんどWebのシステム Java・C# 最近はクライントサイド(HTML5・Javascript)の勉強をしてます。 HTML5.jsって何？ IE6/7/8でHTML5を使いたい時に便利なjavascriptライブラリ html5shiv - Google Code http://html5shiv.googlecode.com/svn/trunk/html5.js 使い方 HTML5.jsを読み込む IE9以前のIE6/7/8に適用させる <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"</script> <![endif]--> 使い方 cssを定義する
HTML5 の DOCTYPE 宣言って IE6 でも標準モードになるんですね - IT戦記
HTML5 の DOCTYPE 宣言 <!DOCTYPE html> ですが、今までなんとなく「どーせ IE6 では互換モードなんでしょー」って感じで生きてきたんです。 ごめんなさいごめんなさい＞＜ サンプルコード 確認してみてください <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>HTML5 の DOCTYPE 宣言とレンダリングモードのテスト</title> </head> <body> <h1>HTML5 の DOCTYPE 宣言とレンダリングモードのテスト</h1> <dl> <dt>CSS1Compat</dt> <dd>標準モード</dd> <dt>BackCompat</dt> <dd>互換モード</dd> <dl> <script type="text/javascript">alert(docume
IE6対応のHTML5とCSS3のテンプレート「HTML5 ★ Boilerplate 」 | Web活メモ帳
「HTML5 ★ Boilerplate」はHTML5とCSS3で作られてテンプレートです。 基本構造の勉強や、汎用的なテンプレートとしてかなり使い道がありそうです。 と言うもの、iPhone、iPadなどのモバイル端末に対応している事。また、HTML5未対応ブラウザへの対応もされているため、汎用的に使えるのではないかと思っています。 業務案件にも使えそう 実際にHTML5が業務案件として使われるには一昔前のブラウザにも対応する必要があります。 その点、HTML5 ★ BoilerplateはIE6から最新のブラウザまで対応しているので、業務案件でも使えそうです。 PNG対応などの基本的なものから、CSS3、JavaScriptの実装対応など多岐に渡って対応されているようです。 興味ある方はぜひ使っても見てください！
IE6以下をIE7と同じようにするライブラリ『IE7.js』
IE6以下をIE7と同じようにするライブラリ『IE7.js』 Check Tweet 配布元:Google コード(ie7-js) ライセンス:MIT License IE7.jsはIE6をIE7に近づけるJavaScriptライブラリになります。 IE7には実装されているがIE6以下には実装されていない様々な機能をIE6以下で利用することが可能になります。 設置方法 Google コードより直接読み込むことが可能です。 以下をhead要素内などで記述します。 <!--[if lt IE 7]> <script src="http://ie7-js.googlecode.com/svn/version/xx.x/IE7.js" type="text/javascript"></script> < ![endif]--> xx.xはバージョン情報(現在のバージョンは『2.0(beta3)』)
IE6〜8でCSS3セレクタ利用「Selectivizr」
CSS3セレクタを使う上で問題となるのはやはりIEです。HTML5 & CSS3 Supportで確認すると、IE6～8はほとんど対応できていないことが分かります。 そんなIEでもCSS3セレクタを使えるようにするのがSelectivizr.jsです。詳しく紹介されているサイトがあまりなかったのでご紹介。 Selectivizrの設置方法 ここで提供されているselectivizr.jsとJavaScriptライブラリを外部ファイルで読み込むだけで、CSS3セレクタがIE6～8でも利用可能となります。コードも外部ファイルを読み込むだけですのでとてもシンプルです。 <script type="text/javascript" src="[JSライブラリ]"></script> <!--[if (gte IE 6)&(lte IE 8)]> <script type="text/javascr
CSSセレクタ20個のおさらい
CSSセレクタって意外と分かっていなかったりするので勉強ついでにまとめてみました。比較的実用的かなと思うものを20個紹介していきます。いい復習になればと思います。 CSSセレクタはスタイルを適用する対象を指定するものです。普段何気なく使っているclassやidなどもセレクタの１つです。 属性や要素といった堅苦しい用語が出てきますので図で簡単に説明します。 私のように基礎から勉強していないと、要素や属性と聞いてもピンときませんが、知ってみるとなんてことはないですね。 また、IEが対応しきれていないCSS3のセレクタもありますが、IE6～8でもCSS3セレクタが利用できるツールの決定版「Selectivizr」 で紹介したようにCSS3セレクタはie対策も容易なのでぜひお試しください。 SelectivizrはCSSを外部ファイルで指定した方がいいのですが、今回のサンプルはCSSを外部ファイル
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
グリッドレイアウトに対応したCSSフレームワーク「Flurid」 | Web活メモ帳
Brandon Aaron