Webのバグを燃やしまくるFirebugと、そのアドオン7選：ユカイ、ツーカイ、カイハツ環境！（10）（1/3 ページ） 高度化するWebのデバッグに悩む人、必見！ 近年、Google Chrome、Firefox、Safari、Opera、Internet Explorer（以下、IE）がJavaScriptの実行速度の最速の座を争っていますが、それに伴いJavaScriptによるフレームワークやコンポーネントが多数出現し、Webブラウザのユーザビリティは飛躍的に向上してきました。 一方で、開発者／デザイナにとっては複雑化するWebアプリケーションのデバッグが悩みの種となってきています。そんなときにお勧めなのが、Firefox上で動作するアドオン「Firebug」です。これを利用すれば、デバッグがかなり効率的に行えます。 本稿では、Firefoxのアドオンとして利用するFirebugと、

FireQuery is a collection of enhancements for jQuery. I'ts build on top of Firefox native developer tools. Firebug is not required for version 2.0, but installing Firebug 3 allows using the well known Firebug theme. Features: jQuery expressions are nicely presented in Firebug ConsolejQuery data are presented in the Inspector panelIt is possible to inspect jQuery data detailsjQuerify: enables you t

このアドオンの不正を報告このアドオンが Mozilla のアドオンポリシー に違反している、あるいはセキュリティやプライバシー上の問題があると思われる場合は、このフォームを使って Mozilla へ問題を報告してください。 このフォームを使ってアドオンのバグを報告したり機能を要望したりしないでください。この報告はアドオン開発者ではなく Mozilla へ送信されます。

「IE6 position:fixed の諸問題を解決する jQuery.exFixed.js」について、たくさんのコメント、フィードバックありがとうございます。 exFixed のうりとして「IE6 でもガタつかない position:fixed ができる」というのがありますが、フィードバックでいただいたバグを解消する際に、ガタつき防止の前提条件をいろいろと調べたので忘れないようメモしときます。 固定位置に表示させる処理 まず固定位置表示処理のおさらいから。 IE 固有機能の expression を使います。expression は CSS 定義内でも記述することができますが、JavaScript 内で記述する場合は以下のように書きます。コードは jQuery ベースです。 //位置調整ができるように position:absolute にします var el = $('#fixedE

今さら聞けないWeb（制作現場に出てくる）用語集 第8回 その他いろいろ編 今さら聞けないWeb（制作現場に出てくる）用語集

CSS のコーディングをしていると、IE6 や IE7 で垂直方向の margin が相殺されない現象が頻発するので、ちゃんと原因を確かめました。 以下、サンプルです。 XHTML のコード <div> <p>テスト</p> </div> <div> <p>テスト</p> </div> CSS のコード div { width: 100px; margin: 0 0 50px; background-color: #000; } p { margin: 0 0 50px; background-color: #EEE; } 各ブラウザでの表示 「div」と「div で囲まれた p」それぞれの下方向に 50px の margin を適用すると、通常は同じ方向の margin が相殺されて下方向の空きは 50px となるはずですが、IE6 と IE7 では margin が相殺されず 100p

こんにちは、12月ですね。師走ということで、制作スピードも速くしたい。そんなスピードの妨げになるのが、レイヤーのガイド化です。 Flashって複数のレイヤーをまとめてガイドにすることができないですよね。(右クリックするとレイヤーの選択が一つになってしまう。。) 一個一個、 右クリック＞ガイド 右クリック＞ガイド 右クリック＞ガイド 右クリック＞ガイド 右クリック＞ガイド うがががががあああああああ！！！！！！！ ということでJSFLの出番ですね。 var timeline = fl.getDocumentDOM().getTimeline(); var layers = timeline.layers; var selectedList = timeline.getSelectedLayers(); for(var i = 0; i < selectedList.length; i++)

こんにちは、kijimaです。最近は映画にカメラ・テレビと、やたら3D表現がキテますね。 ところでみなさん、"アナグリフ方式"と呼ばれる立体写真をご存じですか？ アナグリフ、と聞いてピンと来ない方も、下のような赤や青色がかった写真をご覧になったことがあると思います。 これはギターのヘッドを撮影した写真二枚を合成したもの。 ちなみに、用意する写真二枚はまったく同じ写真二枚ではうまくいきません。 人間の目で見た景色を擬似的に再現するために、左目と右目のあいだ分20cmくらい横にずらした位置で撮影した写真二枚が必要です。 これは人間がモノを見るとき、左右の目の位置の差によって遠近差を認識しているためで、片目だけでは距離感がつかめないことからもわかるかと思います。 上の写真を、赤と青のセロファンが貼られた通称"3Dメガネ"を通して見てみると、あら不思議、ギターのヘッドが立体的に飛び出して見えちゃい

運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します⁠。個別にライセンスが設定されている記事等はそのライセンスに従います。

ドットインストール代表のライフハックブログ

新米と秋刀魚のわた焼き お刺身用の秋刀魚を買いました。1尾250円です 3枚におろして、秋刀魚のわたに酒、味醂、醤油で調味して1時間ほど漬け込み、グリルで焼きました 秋刀魚のわた焼き わたの、苦味が程よくマイルドに調味され、クセになる味わいです 艶やかな新米と一緒に 自家製お漬物 土…

ライブラリ内で選択したアイテムを、ルートに移動するFlashコマンドを公開します。 はじめに FlashでPSDやAIを読み込んでいると、ライブラリにフォルダが増えていきますよね。そのままで問題ないときはいいんですが、自分のルールに沿ったフォルダ構造にしたいときは、いちいちドラッグ＆ドロップなどで移動する手間がかかります。 また、人からもらったFLAをマージさせるときなども、事前にルールを決めておかないと山ほどフォルダが作られたりしていて、全体を把握するだけでも一苦労です。 こんなとき、いったんすべてのアイテムをルートに集めるためのFlashコマンドを作成しました。移動したいアイテムを選択してコマンドを実行するだけで、そのアイテムがライブラリのルートに移動します。マニアックなコマンドですが、せっかくなので公開します。 なお、以下のような付随機能があります。 サブフォルダ以下の移動 フォルダ