[B! ie6] poad1010のブックマーク

poad1010 id:poad1010

ie6に関するpoad1010のブックマーク (15)

[JS]IE6/7/8でアクセスしたユーザーに新しいブラウザのインストールを促すスクリプト -IE Alert js
ユーザーがIE6/7/8でアクセスした際、IE9へのバージョンアップや他のモダンブラウザのインストールを促すjQueryのプラグインを紹介します。 IE Alert js [ad#ad-2] IE Alert jsのデモ IE Alert jsの使い方 IE Alert jsのデモデモはIE6/7/8でご覧ください。 IE9、Firefox, Chrome, Safari, Operaでは、下記のように通常通りに表示されるだけです。デモページ‥IE7で表示 [ad#ad-2] IE Alert jsの使い方使い方は簡単で、2ステップです。 Step 1: 外部ファイル﹁jquery.js﹂と当スクリプト・スタイルシートを外部ファイルとして記述します。 iealertフォルダ内にスタイルシート、および必要な画像が入っています。 <link rel="stylesheet" type=
poad1010 2012/08/22
ie

js

ie6

javascript

jquery

jQuery

browser

IE

ブラウザ

web制作
リンク
スパークラインに対応したJavaScript製のグラフライブラリ·Grafico MOONGIFT
GraficoはJavaScriptによるグラフライブラリです。棒、折れ線、スパークラインがサポートされています。 Web上でグラフを描くライブラリも充実してきています。Flash、画像など様々な選択肢がありますが今回はGrafico、JavaScriptベースのグラフライブラリを紹介します。サンプルです。まず棒グラフ。エリアグラフ。積み上げ型のエリアグラフ。こんな複雑な感じにも。棒グラフ。積み上げの棒グラフ。横棒グラフ。スパークライン。棒型のスパークライン。エリア型のスパークライン。 GraficoはPrototype.jsを使ってSVGでグラフを描いています。対応ブラウザはIE6以上、Firefox3以上、Google Chrome、Safari、Operaとなっています。単純に表示する他、マウスを載せた際に説明を出す機能もあります。 GraficoはJavaScr
poad1010 2012/04/25
prototype

safari

Google Chrome

ie6

Chrome

firefox

ie

js

MOONGIFT

google
リンク
IE6から使えるHTML5/JavaScriptによるグラフライブラリ·envision MOONGIFT
envisionはHTML5/JavaScriptによるグラフライブラリです。ファイナンス系グラフ、フラクタルグラフを描けます。 HTML5/JavaScriptを使った高度なグラフライブラリとしてenvisionを紹介します。一般的なグラフというよりも、ファイナンス系のグラフ描画が得意なようです。リアルタイムグラフ。刻々とグラフが追記されていきます。タイムシリーズ。指定範囲だけを拡大できます。こんな感じでマウスで幅を広げたりできます。ファイナンス。株価、出来高といった指標を表示するのに使えます。こちらも幅を変更できます。中央をドラッグすれば左右への移動も可能です。マウスでポイントにおける数値を表示できます。Ajaxによるデータ変更もサポートしています。幅の変更ももちろん可能です。フラクタル画像です。マウスで範囲を指定して拡大できます。 envisionはHTML5のラ
poad1010 2012/04/18
html5

html

ie6

javascript

ie

MOONGIFT

IT

*プログラミング

graph

HTML5
リンク
納期間近でIEで崩れてる！そんな時にも慌てないCSS開発のワークフロー
まだまだIE7、そしてIE6のユーザーをターゲットに考えているウェブサイトは多くあると思います。そんなIEユーザーをターゲットに含めたウェブサイトを制作する上で、より効率的にCSSの開発が行えるワークフローを紹介します。 Cross-Browser CSS Development Workflow [ad#ad-2] 下記は各ポイントを意訳したものです。 1. リセットかノーマライズか 2. 基本的なレイアウトはIEで 3. 最後の確認もIEで 4. 最後の手段：IEのみスタイル 5. 問題に取り組み続ける 6. おわりに 1. リセットかノーマライズか IE, Firefox, Chrome, Safari, Operaなどのブラウザには各要素ごとのデフォルトのスタイルが用意されており、制作する際にはこれらの相違を見出し、各要素を整える必要があります。 CSSリセットとは CSSリセッ
poad1010 2012/02/02
デザイン

IE6

Web制作

webデザイン

IE

CSS

html

css
リンク
IE6などのクロスブラウザに強くなる、22のHTML+CSSコーディングの基礎
IE6などのクロスブラウザに強くなる、22のHTML+CSSコーディングの基礎 2011-06-04 Twitterなどを見てると、﹁IE6がー！﹂とか﹁IE6,7,8,9、Firefox、webkit系、Operaで同じレイアウトにするの大変﹂などのツイートをたまに見るので、クロスブラウザでも差が出にくく、効率の良くなるコーディングの基礎を紹介します。気をつけるHTMLの記述方法 HTMLの記述方法を間違えていると、ブラウザCSSの解釈が変わってきます。以下のようなことは基本的なことですが大切な事です。 DOCTYPEを書く。 HTMLの先頭にDOCTYPEを入れるようにして下さい。 DOCTYPEがないと、ブラウザ間での誤差が起こりやすい状態になります。 DOCTYPE スイッチについてのまとめと一覧表 (HTML5や IE 8 Beta 2 のモードスイッチなどの情報も含
poad1010 2011/06/05
IE6

css

まとめ

コーディング

Web制作

webデザイン

html

ie

あとで読む
リンク
どうするIE
＞＞前回 Internet Explorer︵IE︶には、大きく2つの問題がある。一つはIE6の問題。もう一つはWindowsXPの問題だ。 IE6の問題 IE6の問題はシンプルだがやっかいだ。IE6は、ちょうど10年前の2001年4月にリリースされた旧世代の製品。マイクロソフトによるサポートは継続しているものの、同社自身がセキュリティ機能などを問題視している。 2010年5月に豪マイクロソフトはIE6を﹁spoilt milk︵腐った牛乳︶﹂と表現して、IE8への乗り換えキャンペーンを実施した。2011年3月には、米マイクロソフトが﹁The Internet Explorer 6 Countdown﹂というWebサイトを開設し、IE6の使用停止を呼び掛けている︵関連記事︶。同ブラウザーのシェアを1％未満にするのが目標だ。驚くべきことに、米Net Applicationsの調査によれば
poad1010 2011/04/05
ie

ie6

web

Microsoft

シェア
リンク
jQuery開発者絶賛のdynaTrace、ついにFirefox向けβ版を提供 | エンタープライズ | マイコミジャーナル
Java/.NET Performance Monitoring, Analysis, Diagnostics & Profiling - Application Performance Management 無償のWebページパフォーマンス分析ツールであるdynaTrace Ajax Editionが、限られたユーザに対してだがFirefox対応β版の提供が開始されたと発表された。フィードバックを得たあとでFirefox対応β版を一般にも公開すると説明がある。 dynaTrace Ajax EditionはIE6、IE7、IE8に対応したWebページのパフォーマンス分析ツール。IEのブラウザヘルパーオブジェクトとして動作する。IE6からIE8まではこの手のパフォーマンス分析ツールが手薄であったためdynaTrace Ajax Editionは多くのWebデベロッパにとって有益なツールとな
poad1010 2011/02/01
ie

firefox

ツール

IE8

ajax

ie6

.net

dev

dynatrace

web
リンク
（恐らく）最も簡単な、対IE用CSSハック術
CSSコーディングにおいて最も邪悪かつ驚異的な存在、Internet Explorer。どんなに完璧にCSSを理解していても、彼らの挙動を把握していない限り、まさに﹁机上の空論﹂となってしまうという、恐るべき魔物。それに立ち向かうべく発明されたのが、各ブラウザの独自仕様やバグの穴を利用して各ブラウザ個別に対応するという、いわゆる﹁CSSハック﹂。今回はワタクシsmknが対IE用として日常的に使用している、︵恐らく︶最も簡単であろうCSSハック術をご紹介します。と、その前に...。今回ご紹介するCSSハック術は､CSSの正式な文法としては間違っています。バリデート通りません。invalidです。本来なら文法的にも正しいハックを使った方が良いのかもしれませんが、そもそもハックしちゃってる時点で正しいもクソもないような気が、個人的にはしてるので。さらに、ハックの所為でCSSがバリ
poad1010 2010/09/02
css

ie

ie6

COLOR

ブラウザ

tips

webデザイン

hack

CSSハック

web制作
リンク
IEのみに適用させるIF
IEのみに有効なif構文。 head内に記述することで、CSSやJavascript等をIEだけに適用させることが出来る。     ▼こう書くとIE７以外にhoge.jsが有効になる。 <!--[if lt IE 7]> <script typ="text/javascript" scr="hoge.js"></script> <![end
poad1010 2010/09/01
ie

browser

ie6

HTML

webデザイン

.Webデザイン

.Web制作

CSS
リンク
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タグよりも上に表示
poad1010 2010/08/31
ie

ie6

javascript

firefox

text

ブラウザ

IE

CSS

web

HTML
リンク
Deploy IE, Chrome, Firefox, and other browsers to your enterprise - Cross Browser Testing - Browser Sandbox - Turbo.net
Internet Explorer Creating entirely new experiences on the web that are fast, beautiful, and perfect for touch.
poad1010 2010/08/24
browser

explorer

internet explorer

internet

development

ブラウザ

ツール

tool

ie

ie6
リンク
たった一行を追加するだけでIE6/7/8をCSS3対応にする -CSS3 PIE
IE6/7/8でもCSS3の角丸、ボックスシャドウ、グラデーション、マルチバックグランドなどを使えるようにするbehaviorスクリプトを紹介します。
poad1010 2010/07/16
css3

css

webデザイン

webdesign

ie6

*css

*webデザイン

*Web制作

CSS3

CSS
リンク
IE6ユーザに他のブラウザへの乗り換えを促す·ie6-upgrade-warning MOONGIFT
※ 画像の一部は公式サイトより FirefoxやSafari、Google Chromeといったブラウザで普段のブラウジングや開発を行っていると、IEのあまりに※※ぶりにうんざりしてくる。デザインのみならずシステム側でも︵JavaScriptをはじめとして︶足を引っ張ってくれる。特にIE6が問題だ。 IE6でアクセスすると出てくるウォーニングメッセージ IE7、IE8とリリースされているにも関わらずIE6のシェアは未だに結構ある。この状況を少しでも改善すべく、ie6-upgrade-warningを導入してみよう。今回紹介するオープンソース・ソフトウェアはie6-upgrade-warning、IE6でのアクセス時にウォーニングを出すライブラリだ。 ie6-upgrade-warningの面白い︵？︶点はJavaScript側で特にIE6の判別を行っていない点だ。HTML側で﹁<!--[
poad1010 2010/06/18
ie

ie6

javascript

library

ブラウザ

IE6

*webデザイン

browser

web
リンク
ASCII.jp：HTML5のCanvasで作る、Flash不要のお絵かきツール｜古籏一浩のJavaScriptラボ
ペイント領域を設定するシンプルペイントの制作に取りかかりましょう。最初に、ペイント領域をcanvas要素として用意します。このcanvas要素には、スクリプトで操作しやすいように「myCanvas」というID名を付け、width属性とheight属性を指定します。ここでは横幅640ピクセル、縦幅480ピクセルにしました。 <canvas id="myCanvas" width="640" height="480"></canvas> このままだと、IE6～8などのCanvasに対応していないブラウザーでは何も表示されませんので、未対応ブラウザーの場合は次のようにメッセージを表示します。 <canvas id="myCanvas" width="640" height="480"> HTML5　Canvasに対応したブラウザーを使用してください。 </canvas> これで、HTMLの準備
poad1010 2010/04/26
canvas

HTML

javascript

HTML5

ie

document

ie6

charset

あとで読む

*知っておきたい
リンク
IE6をクラッシュさせる１行 | エンタープライズ | マイコミジャーナル
Windows Internet Explorer 6 Ajaxian ≫ jQuery one-line plugin to crash IE6において、IE6をクラッシュさせるプラグインが紹介されている。IE7やIE8ではクラッシュせず、IE6のみでクラッシュが発生する。紹介されているプラグインはjQuery Crash Plugin。プラグインのソースコードは次のとおり1行だけ。関数を定義しているのみ。 /** * jQuery Crash (http://mktgdept.com/jquery-crash) * A jQuery plugin to crash IE6. * * v0.0.2 - 5 March 2010 * * Copyright (c) 2009 Chad Smith (http://twitter.com/chadsmith) * Dual licensed
poad1010 2010/04/06
jquery

javascript

security

Web制作

ネタ

ie

ie6

jQuery

クラッシュ

internet explorer
リンク
1