IE用のFirebugが欲しければdynaTrace AJAX edition（優れモノ）を使おう！ | 初代編集長ブログ―安田英久
今日は、少しテクニカルな話題として、便利なツールを紹介します。dynaTrace AJAX Editionという、IE用の開発者向けツールです。Firefox用のFirebug的な利用ができる、優れモノですよ。 自社のWebサイトのチェックやデバッグをするのに必要な作業というと、 HTMLのチェックCSSの適用状況のチェックJavaScriptの動作デバッグHTTP通信状況のチェック表示や動作のパフォーマンス（速度）チェックがあります。Firefox用にはFirebugという非常に便利なツールがあり、各種Web開発やチェックのデファクトスタンダードになっています。 とはいえ、ブラウザごとに動作状況のチェックは必要ですよね。ChromeやSafariにはもともとのWebkit系のデベロッパーツールがあり、Operaにはドラゴンフライという高機能ツールがあり、それぞれ便利に使えます。 問題はI
Internet Explorer 9 Betaに、はてなブックマークが対応
Internet Explorer 9 Betaに、はてなブックマークが対応しました。Internet Explorer 9 Betaならではの機能で、はてなブックマークを素早く快適にご利用いただけます。 「ピン」は、Internet Explorer 9 Betaの新しい機能です。お気に入りのサイトをいつでもWindowsのタスクバーに表示できます。使い方はとても簡単。Internet Explorer 9 Betaで、はてなブックマークを開いた状態で、ブラウザのタブをWindowsのタスクバーにドラッグ＆ドロップするだけです。 一度「ピン」として登録すると、クリックするだけで、はてなブックマークをすぐに表示できます。 「ピン」としてタスクバーに登録した、はてなブックマークのアイコンを右クリックすると、「ジャンプリスト」と呼ばれる、はてなブックマーク独自のメニューが表示されます。 トップ
ppBlog official
こんにちは、martinです。日本に帰国して1年が経ちました。昨年は２月から新しい職場で働き始めたり、9月６日に第１子が生まれたりとバタバタな一年でして、まるでppBlogの開発・サポートが出来ませんでしたが、今年はなるべく時間を作ってppBlogをいじれたらと思っています。 世界中の皆さんにとって、良い年でありますように。 久しぶりのカキコ。 静的リンクでの挙動を変えています。URLのパスに日付情報などを含ませるように。まだ、いじっている段階なので、色々と不具合があるだろうけれど、まぁ気にしないと。 日付情報がある以外には、現状、PermaLink用の英数文字からなる記事タイトルを別に指定できたのですが、これはそのまま取っておくとして、そうでない場合は、記事のタイトルがそのままブラウザのアドレスバーに表示されるような感じにしてます（静的リンクが有効な場合ですが）。今時のブラウザならエンコ
MacでIEを動かす - yaotti's diary
IEのためだけにVM上にwindowsを乗っける,なんてことはしたくない人のために. WineBottler - Run Windows Programs directly on OS Xを使うと,WineでIE6を動かせる. Uploaded with plasq's Skitch! インストールにかなり時間がかかったり,CPUを異様に食ったりするけど,ちょっとした確認をするには良さそう. 日本語のフォントが十分に入ってないので,Macの言語環境を日本語にしてると文字が一部豆腐になったりする. これはフォントを/Applications/Wine.app/Contents/Resources/share/wine/fonts/に入れるとうまくいくかも(未検証) ie4osx « 学生と社会人の間
IE7pro UserScript一覧 + α - あまたの何かしら。
実用性がありそうなもの No JavaScript Errors >http://www.iescripts.org/view-scripts-203p1.htm Google Tag Cloud Maker v2 >http://www.iescripts.org/view-scripts-25p1.htm Snapshots For Links >http://www.iescripts.org/view-scripts-50p1.htm FireBug Lite ++ (IE7Pro) >http://www.iescripts.org/view-scripts-17p1.htm Windows Live Ad Remover >http://www.iescripts.org/view-styles-81p1.htm AutoPagerize for IE7Pro >http://
Select Cuts Off Options In IE (Fix) | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! I think the problem is fairly obvious here. If you set a static width on the <select> element and the width of the text in the <option> are wider than that, the text gets cut off in IE 6-8. There is no good pure-CSS solution for this that I can come up with or find. It has been tackled with
IE6のバグのまとめ - Webtech Walker
XHTML+CSSでコーディングするときにブラウザのバグを知っているか知らないかでは大きく違いますよね。とりわけ他のブラウザよりバグが多いIE6さんのバグをまとめてみることにしました。そろそろIE7の自動配布が始まるころなので忘れないうちにということで。 とは言ったもののIE6のバグを改めて見てみると多い･･･多すぎるよ！逆にこれだけのブラウザがあるからこそコーダーという職種がある気さえしてきます。 今回は『CSSバグ辞典スレッド』の要約のWinIE CSSバグリストからIE6のバグを抜き出して自分でわかりやすいように種類わけしてみました。これで全てではないですがこれだけ知ってればかなりのケースで対応できると思います。 2012/07/31 追記: リンク先がなくなったのでリンクを外して一覧だけ残しときます。 ちなみにこの種類分けも厳密ではないのであしからず。 ボックスモデル maring
MOONGIFT: » Web開発者は必須！様々なバージョンのIEを収録した「Internet Explorer Collection」:オープンソースを毎日紹介
Webサイトを構築する際に、どのバージョンのブラウザまでサポートするかが問題になりやすい。最新のバージョンだけであれば良いのだが、不特定多数へのサービス提供となればそうもいかないだろう。 様々なバージョンのIEが立ち上げられる IEの場合で言えば5.5以降を対象とする場合が多いように思う。だがそんなバージョンのIEを簡単に用意できるだろうか。そこで使いたいのがこのソフトウェアだ。 今回紹介するフリーウェアはInternet Explorer Collection、様々なバージョンを収録したIEだ。 Internet Explorer Collectionで提供されるバージョンは1.0/1.5/2.01/3.0/4.01/5.01/5.5/6.0/7.0/8.0となっている。8.0β版まで収録されているので、今後を見越した上でのテストが実行できるようになる。 なぜかインストーラーはVista
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でjavascriptのエラーをデバッグする方法 - bits and bytes
FirefoxであればFirebugで簡単に問題の場所をみつけられますが、IEでjavascriptのエラーが出ると、素っ気ないうえに意味不明な日本語のエラーメッセージが出てきてお手上げなので、エラーが出ている場所の特定すら困難です。 そんなときでもOfficeについているスクリプトエディタ(前はスクリプトデバッガという名前だった気が....)を使うと、Visual Studioのデバッガとおんなじインターフェイスのデバッガを使ってjavascriptのエラーを出している場所をすぐに見つけることができます。Firebugと比べると極めて重たいですが、関数呼び出しをバックトレースすることもできますし、各スコープでの変数の値を調べることもできるので、これを使わない手はありません。 が、いつもどうやってインストールするのかを忘れてしまうのでメモ代わりに書いておきます。 コントロールバネルのプロ
窓の杜 - 【NEWS】IEのページ内検索をインクリメンタルサーチへと強化するIE6/7用アドオン
IEのツールバーにインクリメンタルサーチ機能を追加するIE6/7用アドオン「Find As You Type」v1.2が、3日に公開された。Windows 2000/XP/Server 2003/Vistaに対応するフリーソフトで、現在作者のホームページからダウンロードできる。 「Find As You Type」は、IE標準のページ内検索をインクリメンタルサーチへと置き換えるアドオン。IE標準のページ内検索は、一般的な文字列の検索機能と同様に、検索文字列を入力してボタンを押すと検索が開始される。一方インクリメンタルサーチは、文字列を検索する機能の1種ではあるが、検索文字列の入力を1文字目から監視し、入力済みの文字をもとに検索候補を逐次表示するのが特徴だ。 本アドオンはツールバーとして動作し、検索文字列を入力すると、Webページ上の検索候補へフォーカスを逐次合わせてくれるほか、検索候補が見
Predoc MOONGIFT
preタグで囲んだ軽量ドキュメントフォーマット preタグ、aタグ、imgタグのみで構成されるごくシンプルな軽量ドキュメントフォーマットです。 preタグで囲んだ軽量ドキュメントフォーマット ドキュメントフォーマットは数多く存在する。個人的にはSmartDocが好みだが、フォーマットを幾つか覚える必要もあるとあって、初心者にはとっつきが悪い。 誰でも手軽に書き始められるフォーマットとして、Predocはいかがだろう。 今回紹介するオープンソース・ソフトウェアはPredoc、preタグを使ったごくシンプルなドキュメントフォーマットだ。 Predocの特徴は文書がpreタグで囲われている事にある。後は自由にドキュメントを書くことができる。画像の埋め込みやリンクを貼り付ける事もできる。 HTMLベースなので、ブラウザで開けば画像のインライン表示もできる。文書の構造や記法などは一切必要なくはじめら
【悪い記事でした。注意！】 これは必見！FirefoxとIEを高速化するための動画チュートリアル | POP*POP
百式管理人です。 以下、良い記事かと思ってご紹介しましたが、サーバー管理者に負荷をかけてしまう良くない方法だということがわかりました。ここに修正して謝罪いたします。 なお、自分自身は知らなかったため、大変勉強になりました・・・。他にご存知ない方もいらっしゃると思いますので原文、コメント等はそのままにしておきます。 この件に関してコメントをいただいたkoshianさん、Web屋のネタ帳さん、ありがとうございました。彼らの記事をここに載せておきます。 #2 最大接続数を増やして速くなったと喜ぶ人々、再び 百式の中の人、RFC違反はもちろんWebサーバ運営者の迷惑をまるで考えない設定を推奨するの巻 まだまだ勉強が足りないことばかりですね・・・また間違えてしまうこともあるかもしれませんが（そうしないように努力しますが）、またご指摘いただければ幸いです。 百式管理人 2006.12.19 これまでも
Firebug Lite
Thank you, Firebug. You made the web amazing for all! The story of Firefox and Firebug are synonymous with the rise of the web. We fought the good fight and changed how developers inspect HTML and debug JS in the browser. Firebug ushered the Web 2.0 era. Today, the work pioneered by the Firebug community through the last 12 years lives on in Firefox Developer Tools. Switch to the latest version of
Insert HTML page into another HTML page | published @ aplus moments
With this, you get seamless integration of external .html (or .asp or .php or whatever) into current web page. [update, Nov 24th] Looking at the code, above, I think that p with the backup content is not really necessary. That would be displayed if for some reson the object could not be displayed. But the object data handler is the browser itself, not some external plugin, thus it is always presen
IEで固定座標を指定する方法
さて、アナウンスしていたようにIEでposition: fixed;を実現する手法について簡単にまとめておきます。まぁこのテクニックもIE7が出るまでのつなぎです。やり方は大まかには2通りあって、純粋にCSS(スタイルシート)のみで指定する方法とJavaScript(正確にはMS独自のDynamic property ダイナミックプロパティーと呼ばれるもの)を使うやり方です。 まず、1.CSSのみの方法から １．基本的な考え方は、HTML(あるいはBODY)タグのスクロールバーを非表示にして、かわりにDIVタグ(HTMLならBODYタグ)のスクロールバーを表示させる方法です。具体的な記述は以下のようになります。 html { overflow: hidden; } body { height: 100%; overflow: auto; } 次に、固定表示したいDIVタグ(タグは何でも良い
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IE6/7/8でWebサイトの見栄えを見比べ「Microsoft Expression Web SuperPreview」NOT SUPPORTED