Firebugの使い方 | THE HAM MEDIA
Webサイト制作をしている方には、必需品なんじゃないかと思われるくらい便利なFirefoxのアドオン『Firebug』。HTMLやCSSのコーディングを担当している人の多くはいれているアドオンですね。 Firebugを入れて使っている人は多いようなのですが、意外と知られていない機能が盛り沢山だったということが、先日の勉強会（SaCSS）にて発覚！使っているといっても、一部の機能に限られてしまっているようなのです。 もちろん「そんな機能知ってるよ！」というくらい使っている人も多いと思います。しかし、そんなに使いこなせていないや、活用できていない！という人も勉強会の時に多かったように、実際にも多いはず！ Firebugの使い方をもう少し知っていると、Webサイトの制作の時に便利だ！と思える場面が多々でてくるので、是否今回ご紹介する機能は抑えておき、活用してみてください。 HTML&CSSの確認
Firefox高速化成功 - ゆうぷぺの方法論
Firefox快適快適。 GreasemonkeyとかAddons入れ過ぎたら、かなり重くなって、 ああーー元の木網って思ってたら、以下のページで解決。 けっこう古いエントリだったから、ちゃんと動くか心配だったけど、 Firefox バージョン3になっても基本仕様は変わってない模様で、 試したら普通に速くなったので、２年前に見つけてたら・・ なんて思いながら、Firefox再デビューを果たしたのだった。。 http://apple-shop.jugem.jp/?eid=67 ◆ 2004.12.16 Thursday ◆ 遅ればせながらFirefox高速化, かなーり速くなりました<追記> すっかり乗り換えてしまったFirefoxについてです。 書こう書こうと思っていて先延ばしになっていたのですが、メモとして書いておきます。 まだ試してない方は結構体感速度が上がりますのでお試し下さい。 ・
重いFirefoxをなんとかして速くしたい | バシャログ。
その強力なアドオンで、とっても便利なFirefoxですが、毎日使っているとドンドン動きが重くなっていってしまいます。 うーん、どうにか軽くならないものかと色々やってみました。 起動を速くしたい まずはとにかく時間のかかる起動をなんとかしたいと思います。 Firefoxはブックマークやら履歴やらクッキーやらをSQLite DBで管理しています。 毎日使っていくうちにDBは大きくなり、起動や動作が重くなっていくとのこと。 そこでSQLite Optimizerというアドオンを使って、DBの最適化をしてしまいます。 手順は以下の通り。 1. SQLite Optimizerをインストール。 2. アドオンの管理画面でSQLite Optimizerの環境設定画面を開きます。 3. 『Firefox終了時にsqliteデータベースのREINDEXを実行する』にチェックを入れます。 以後、Firef
ウェブ制作にかかせないFirebugの機能を更に強化する機能拡張集 | コリス
Sofrware is hardのエントリーから、豊富な開発ツールを備えたFirefoxのアドオン「Firebug」の機能を強化する機能拡張を紹介します。 List of Firebug Extensions Firebug HTML, CSS, JavaScriptなどを編集・デバッグ・モニタリングできる開発ツール。 以下の全ての機能拡張は、Firebug上で動作します。 Firebug Firebug -Firefox Add-ons YSlow ページの分析、パフォーマンスレポート、HTTP/HTMLサマリー、コンポーネントのリスト YSlow YSlow -Firefox Add-ons Firecookie クッキーの管理 Firecookie Firecookie -Firefox Add-ons FirePHP PHPのデバッグ FirePHP FirePHP -Firefo
ウェブデザイナーのための16のFirefoxのアドオン | コリス
Mashableのエントリーから、ウェブ制作に役立つ、16のFirefoxのアドオンを紹介します。 Another 16 Firefox Add-ons For Web Designers Font Finder テキストに指定されているスタイルシートを表示します。 Link Evaluator ページのリンクをチェックします。 LiveHTTPHeaders ヘッダ情報を表示します。 OperaView Operaでのレンダリング確認用に。 Pagediff 別々の2ページの差分をチェックします。 Python Sidebar for Mozilla サイドバーにPythonのリファレンスを表示します。 RankQuest SEO関連の各種情報を表示するツールバー。 SEOforFriefox GoogleやYahoo!の検索結果ページに、SEO関連の情報を表示します。 SEOQuake
Firefoxの表示スペースを広げる10の方法 | コリス
MakeUseOf.comのエントリーから、Firefoxの表示スペースを広げる10の方法の紹介です。 Get Back your Screen Space: Maximize Firefox Viewing Area 下記の全部を同時に使用することは、できません。 個人的にお勧めなのは、お手軽なことも考えて、1, 2, 3, 6, 10でしょうか。 小さいアイコンにする。 [表示] - [ツールバー] - [カスタマイズ] から、「小さいアイコンを使用」をチェック。 ツールバーのアイコンを小さくします。 TinyMenuを導入する。 Firefoxのエクステンション「Tiny Menu」をインストール。 メニューバーを縮小表示します。 Hide Menubarを導入する。 Firefoxのエクステンション「Hide Menubar」をインストール。 [Alt]キーで、メニューバーの表示・
Lifehacker：Firefoxアドオンの作り方 - ITmedia Biz.ID
多少のプログラミング経験があれば、Firefoxアドオンを作るのはそんなに難しくない。自作アドオンを作るためのハウツーを紹介する。 ここで自家製Firefoxアドオンをリリースし始めて以来、何人ものユーザーから「Firefoxアドオンを作るのは難しいの？」という問い合わせを受けた。多少プログラミングの経験がある人なら、その答えは「そんなに難しくない」だ。 Firefoxアドオンの中身はJavascript――ブックマークレットや従来のWebページで使われている、あまりミステリアスではない言語――とXUL（「ズール」と発音する）というマークアップ言語だ。独自のアドオンを作るには、ある程度のJavascriptのノウハウとXMLファイルの快適な編集、それからお気に入りのブラウザを思いのままにすることへの健全な好奇心が必要だ。 わたしがWeb上のフリーチュートリアルを使ってFirefoxアドオン
PEAR::LogでFirebugにログを出力:phpspot開発日誌
cl.pocari.org - PEAR Log を使って Firebug にログを出力する PEAR Log 1.9.11 から Firebug にログを出力することができるようになったみたいなので試してみました。 PEAR::LogでFirebugにログを出力することが出来るようになったようです。 サンプルが紹介されています。 require_once 'Log.php'; $log = &Log::singleton('firebug', '', 'PHP', array('buffering' => true), PEAR_LOG_DEBUG); $log->log('デバッグレベルのログ', PEAR_LOG_DEBUG); これは便利そうですね。
ITmedia エンタープライズ：最速Firefoxをビルドしよう【後編】 (1/4)
Firefoxのビルド方法について解説し、コンパイラやビルドオプションによるパフォーマンス向上に挑戦する本企画。何度となく繰り返し目にするFirefoxチューニング術にはもううんざりという方にお勧めだ。今回は、Windows環境でのビルドと、最適化した実力を検証してみよう。 Windows環境でのビルド Windows環境でFirefoxをビルドする場合、コンパイラとしてVisual C++ .NET 2003を利用するのが最も簡単である。Windows環境では無償で入手できるコンパイラとして、 Visual C++ Toolkit 2003 Visual C++ 2005 Express Edition MinGW（GCC） などがあるが、Visual C++ Toolkit 2003では一部の必要なライブラリが不足しており、またVisual C++ 2005はまだ十分にテストが行われて
Firebug で XPath を簡単に試す方法 - IT戦記
適当に XPath を試したい時に 以下のようにすれば、簡単に XPath をためせます。 document.evaluate( '//div[@class="hoge"]', // XPath 式 document, // 基準となるノード（要素とか null, // 名前空間の解決方法（適当にやるときは null 6, // 取得する形式の指定（適当にやるときは 6 null // 結果を再利用するかどうか（適当にやるときは null ); 簡単ですね。 document.evaluate、式、ドキュメント、ヌル、６、ヌル。 覚えましたか？ でも、これを Firebug で実行するとこうなっちゃいます。 うーん。これではどの要素が選択されたかわかりません＞＜ 不便ですねー。 というわけで、以下のブックマークレットを実行してあげてください。 javascript:void(XPathRe
使われていないCSSセレクタを発見することが可能なFireFox拡張「Dust-Me Selectors」:phpspot開発日誌
使われていないCSSセレクタを発見することが可能なFireFox拡張「Dust-Me Selectors」 2007年08月03日- Dust-Me Selectors Dust-Me Selectors is a Firefox extension (for v1.5 or later) that finds unused CSS selectors. 使われていないCSSセレクタを発見することが可能なFireFox拡張「Dust-Me Selectors」。 インストールするとFirefoxの右下に次のようなアイコンが表示されます。 クリックすると、次のように、表示中のページで使われていないCSSセレクタを表示してくれます。 (ファイル名、行数も表示してくれます) サイトを作っていると、CSSが次々と肥大化して使わないCSSもそのまま、ということがありますが、このツールを使えば不要なC
300clp - Firefoxを遅くさせる最大原因はアドオン
Firefoxを遅くさせるアドオン要因Webアプリケーションの開発者はFirefoxを愛用しているケースが多い その理由として拡張機能が豊富であることが第一に挙げられる 優秀なアドオンとしてAll-in-One GesturesやGreasemonkey、 WebDeveloper、Firebug、ScrapBookなどが利用される しかしFirefoxを使い込むにつれてアドオンが増え その結果、起動時間・表示時間に遅れが出ることになる その最大要因はアドオンであり数種のアドオンによって遅くなる ではブラウザ表示を遅くさせるアドオンはどれか 具体的な数字で比較できるのか？ この表示時間について検証 01.検証試験環境【 OS 】 XP SP2 Pro、Vista Ultimate 【 .CPU. 】 PentiumD820 2.8GHz 【 Mem 】 Samsun
テキスト選択からあらゆることができちゃう Firefox 用拡張機能 | Hyperwords - Forgot the Milk.
久々に強力な拡張機能を発見しました。Firefox用のアドオン「Hyperwords」 は、テキスト選択に反応してサブメニューが表示され、そこから選択ワードの検索など、様々なことができるようになるツールです。 ほんの一例をあげると、メニューから以下のようなことができます。 ・Web、画像、ビデオ、SNS、ブログ、ユーザ、ニュースなどの様々な検索 ・Wikipediaを始めとする様々な辞典検索 ・14ヶ国語をサポートした翻訳（選択されたテキストが置換されます！） ・リンク先のURL＆テキストコピーなどの拡張コピー ・Amazonなどのショップ検索 ・Gmailの新規作成画面への転送などのメール機能 ・Googleマップ、Yahooマップなどの地図検索 すばらしいですね。いちいちコピーして、他のページを立ち上げて、検索を実行して・・・という手順を全て省くことができちゃいます。 でも、このツール
Forgot the Milk. - Firefox のタブ管理を極めるための１２の拡張機能
Firefox 勉強シリーズ第３弾、今回は Firefox のマルチタブ機能をより効率的に、より個性的に使いこなすための拡張機能を調査・勉強してみました。ダイジェストで一気に紹介します。 まだこちらを見てない方は、こちらもどうぞ Firefox の意外と知らない10の基本機能 - Forgot the Milk. Firefox のメニューバー・ツールバーを徹底的にカスタマイズする方法 - Forgot the Milk. 1. Tab Mix Plus https://addons.mozilla.org/ja/firefox/addon/1122 タブカスタマイズの王道。タブに関する様々な設定をすることができます。 ブックマークや検索バー、ロケーションバーからページを開く時に新しいタブに開けたり、新しく開いたタブにフォーカスできたり、全てのウィンドウのタブをマージできたり、タブ履歴を自
FireBugで使える役立つ関数テクニック色々:phpspot開発日誌
Seifi.org Blog Archive FireBug Tips and Tricks There is so much power packed into this little FireFox plug-in. FireBugで使える役立つ関数テクニック色々。 FireBugをインストールしていても、多くの機能を使っていない方が多いのではないでしょうか？ 次のような、便利な関数がFireBugには用意されています。 console.log 関数の sprintf 風使い方(次のように、sprintf 風に使えます) var x = "fubar"; var y = 543; console.log("value of x is %s and value of y is %d", x, y); console.info 関数 で情報アイコン付きでメッセージ表示 console.in
マウスで選択した範囲にあるすべてのリンクを開いてくれるFirefox拡張『Snap Links』 | POP*POP
かなり便利なFirefox拡張のご紹介。 Snap Linksを使えばマウスでドラッグした範囲にあるリンクをまとめて開いてくれます。操作も簡単かつ直感的です。 詳しい使い方は以下よりどうぞ。 ↑ インストール後、範囲を選択するには右マウスドラッグで。キャンセルするにはESCで。赤く囲まれているのが開かれるリンクです。わかりやすいですね。 ↑ マウスを放すとその範囲にあるリンクを新しいタブで開いてくれます。 ↑ なお、デフォルトで選択されるのはSnap Linksが「主要なリンク」と判断したもののみです。全部のリンクを開くにはSHIFTキーを押します。 ↑ なお、選択した範囲を移動させたい場合には、右マウスボタンでドラッグしつつ、ALTキーで移動させます。 検索エンジンの検索結果を一気に開きたいときや、リンク集などを見るときにすごく便利ですね。 インストール＆詳細は以下よりどうぞ。 » Sn
Firebug
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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Firefox 3の「スマートブックマーク」を使いこなそう！ | IDEA*IDEA
特集：Firefox 3とFirebugで始めるJavaScript開発｜gihyo.jp … 技術評論社
Fireworksのチュートリアルいろいろ - DesignWalker
