Backbone Eye Understand Backbone application behavior without debugging JavaScript Tweet Follow for updates Application layer debugging Understand Backbone application behavior without wading through JavaScript code. Backbone Eye is production-site friendly and can work off uglified and minified Javascript without needing any source maps. Work with application constructs Backbone Eye presents appl

FireBreak FireBreakのインストール FireBreakの使い方 FireBreakのインストール 下記ページにFirefoxでアクセスし、「Add to Firefox」ボタンをクリックするとインストールが始まります。 ※インストール後、ブラウザは再起動されます。 FireBreak インストールが完了すると、ブラウザの上部に現在の幅が表示されます。

Firefoxなら、豊富な翻訳アドオンを使うことにより外国語で書かれたサイトを読むというのもそう難しいことではありません。 この翻訳系アドオンはかなり多くの数があり、それぞれ翻訳機能、表示スタイルなどが異なることからどれを選択すればいいのか迷ってしまうことも多いのではないでしょうか。 今回は、そんな翻訳系アドオンの中から、ページ全体、リンク先、選択テキストを非常に簡単な操作でGoogle翻訳することができる「Translate This!」というものをご紹介したいと思います。 「Translate This!」は、アドオンバーボタンからページ全体を、コンテキストメニューから選択テキスト、およびリンク先をGoogle翻訳することができるというものです。 デフォルトの場合、各国後を英語に翻訳するようになっていますので、アドオンをインストールしたら、まずはどの言語に翻訳するかを設定する必要があり

Firefox使いづらいって奴は取り敢えず俺の設定パクッてみろ Tweet カテゴリ☆☆☆ 1：以下、名無しにかわりましてVIPがお送りします：2011/07/25(月) 20:22:36.36ID:Lx2L/mMp0 Firefoxについて文句言ってる奴は、だいたい的外れな批判ばっかり ググれば解決するような問題ばっかり そういう奴は一生IE使ってろって言いたいところだが、俺の超使いやすいFirefoxの設定を全部言ってくから、取り敢えず真似してみてくれ 一応書きためてる。質問には適当に答えられるときだけ答えてく 今回扱うのはFirefox5について 始める前に、取り敢えず、「Add-on Compatibility Reporter」というアドオンで、アドオン互換性チェックを切ってくれ じゃないと話が進まないから 目的：機能性・有用性・省スペース化を心がける その上で、遊び心を忘れない

不要なCSSセレクタを見つけてくれるFirefoxアドオン「Dust-Me Selectors」を紹介します。 古くからあるアドオンなのでご存知の方も多いかと思います。ページ単位のチェックができる他、サイトマップを使って、サイト全体で使っていないCSSセレクタを見つけてくれる機能もあるようです。 １．インストール 「Dust-Me Selectors」のページにアクセスして、「Continue to Download」のリンクをクリックすればダウンロード画面が表示されます。 Dust-Me Selectors 2011年5月現在では、Firefox4には対応していないようです。Firefox4にインストールしたい場合は「Firefox4で動作しないアドオンを動作させる方法」を試してみてください。 2012年6月現在、最新のFirefoxに対応しています。 ２．ページ単位のチェック ページ単

何かの資料や情報として、ウェブページ全体のスクリーンショットを撮りたいようなことはよくあることです。 通常、このような作業を行うにはスタンドアロンアプリなどを利用することが多いと思いますが、Firefoxなら、豊富なキャプチャ系アドオンを使って非常に簡単にスクリーンショットを得ることができます。 今回は、そんなキャプチャ系アドオンの中から、「Awesome Screenshot」というものをご紹介したいと思います。 「Awesome Screenshot」は、Firefoxで表示しているページの全体・部分キャプチャに加え、そのページ内に任意のラインやテキストを書き込んだ状態でスクリーンショットを撮ることができるというものです。 アドオンをインストールすると、ツールバーに専用の起動ボタン　　が追加されます。 キャプチャしたいページをアクティブにし、このボタンをクリックすると、以下のような編集

Firefoxで使える数千のアドオンの中には、スタンドアロンアプリ以上の機能を持っているものも少なくなく、こうした豊富なアドオンを好きなだけインストールして性能を向上させることができるのもFirefoxを使う大きな理由の一つとなっています。 しかしその利便性の反面、あるアドオンをインストールしたとたんブラウザとしてのFirefoxのパフォーマンスが大きく低下するようなこともあり、ユーザーはそうしたメリット、デメリットを考えながらアドオンを選択、導入する必要があるもの事実です。 Mozillaもこのようなことを考慮してか[Add-ons for Firefox]にて、インストールすることで起動速度の低下などブラウザ自体のパフォーマンスに影響があるアドオンをリストアップしたページ「Slow Performing Add-ons」を公開しています。 リストには、影響が大きなものから順にランキング

知っている人には当然のアドオンかもしれませんが、これからウェブデザイナーを目指そうといった人には参考になると良いのですが。 1. Firebug :: Add-ons for Firefox Firefox上でCSS、HTML、JavaScriptを編集したりデバッグすることができる。 2. Web Developer :: Add-ons for Firefox ツールバーにJavaやcookie、CSSの切り替えといったメニューを追加する。 3. ColorZilla :: Add-ons for Firefox カラーピッカーのアドオン。 4. Html Validator :: Add-ons for Firefox HTMLのバリデーション（検証）を行い、ステータスバーのアイコンに表示。 5. FireFTP :: Add-ons for Firefox FirefoxをFTPク

Thunderbirdでは、表示→並べ替え順序→スレッドを選択しておけば、同一人とのメッセージのやりとりをまとめて表示することができます。 Thunderbird 3になってからは、このスレッド表示もかなり見やすくなりましたが、まだ使い勝手はGmailのようにスマートではないところがありますね。 Gmailではこのような同一人とのやりとりがあった場合は、自動的にスレッドとしてまとめられるようになっており、最新の送受信があった場合でもその最新メッセージを過去のスレッドとまとめて表示できるようになっているなど、非常にわかりやすいものとなっています。 このGmail同様のスレッド機能をThunderbirdに与えてくれるアドオンが「GMail Conversation View」です。 利用するにはアドオンをインストール後、ヘッダ部分を右クリックし、ツールバーのカスタマイズによりに専用のボタンを

Google Chromeを使っている（アドオンがあるなら使いたい）。 そんなあなたにおすすめなのが、『30 Irreplaceable Chrome Extensions』。Google Chromeのエクステンション集です。 便利そうなのをざっとご紹介しますね。 Aviary Screen Capture キャプチャ（スクリーンショット）が撮れる Xmarks Bookmarks Sync Firefox、Safari、IEとブックマークを同期 Evernote Web Clipper Evernoteに簡単に投稿できる Chrome Gestures マウスの動きで「戻る」「進む」などを制御できる Google Similar Pages beta (by Google) よく似たページを探してくれる Feedly 雑誌のようなスタートページにできる。Google ReaderやTw

Firefoxの弱点の1つにメモリ消費の大きさが挙げられる。長時間起動したままにしておくとメモリ消費量はどんどん大きくなり、メモリの少ないパソコンではほかの作業ができなくなってしまう。Firefoxを再起動すれば回避できるが、しょっちゅうブラウザを再起動するのは面倒。そこで「AFOM Plus」というアドオンを利用しよう。 指定した間隔ごとにFirefoxのメモリ開放を行ってくれるため、再起動の必要がなくなる。起動したままにしておくと、数百Mバイトものメモリを消費することも珍しくないが、メモリ開放の間隔を短くすれば、常に100Mバイト以内に抑えられるはずだ。 なお、このアドオンは初期設定のままだとFirefox起動時に自動で動作しない。オプション画面からスタートアップ登録しておこう。 「この実験的なアドオンをインストールします」にチェックしてAFOM Plusをインストールし、再起動する

Firefox 3.5のリリース後も、アドオンの未対応などによりまだ完全に3.0.×系から乗り換えられていない方も多いと思います。 このようなアドオン互換性の問題を、インストールファイルの直接編集や「Nightly Tester Tools」などの利用により、クリアされている方もいらっしゃるでしょう。 今回は、このようにバージョンチェックを無視してインストールすることができるツールの中から、ローカルにダウンロードしたxpiファイルを最新のFirefox対応版に変換することができるソフトウェア「Update XPI」をご紹介します。 「Update XPI」は、ローカルに置いてある3.5未対応のFirefox用アドオン（xpiファイル）を、ツールにドラッグ＆ドロップするだけで、対応版にしてくれるというお手軽フリーソフトウェアです。 ツールは、配布ページの[Installation]部分より、

入れておきたいFirefoxアドオン　-　ジャンル別リスト 「マウスジェスチャー編」 入れておきたいFirefoxアドオン - ジャンル別リスト 「検索編」 入れておきたいFirefoxアドオン - ジャンル別リスト 「Webスクラップ編」 入れておきたいFirefoxアドオン - ジャンル別リスト「タブ拡張編」 入れておきたいFirefoxアドオン - ジャンル別リスト「Gmail編」 入れておきたいFirefoxアドオン - ジャンル別リスト「ブックマーク編」 入れておきたいFirefoxアドオン-ジャンル別リスト「各種サイト用ツールバー」 入れておきたいFirefoxアドオン - ジャンル別リスト「RSSリーダー編」 入れておきたいFirefoxアドオン - ジャンル別リスト「Google編」 日本語サイトに知りたい情報が見つからない場合、海外サイトを閲覧することもあ

SitePoint: New Articles, Fresh Thinking for Web Developers and Designers Sean P Aune氏がSitePointにおいて19 Firefox Add-ons For Designersのタイトルのもと、Webデザイナ向けのFirefoxエクステンションを紹介している。Webデザインの作業をおこなうにあたり、複数のプログラムを起動して使うのではなく、1つのプログラムで複数の処理を簡単に行いたいという趣旨の内容になっている。紹介されているエクステンションは次のとおり。 カラーツール ColorSuckr (画像から代表的な色を12色取り出して、そのデータからカラースキーマを作成する) ColorZilla (ページのみならずブラウザの任意のポイントのカラーをピックアップするツール。任意の2点間の距離も測定できる) F

webサイトを製作するようなときは、ロゴや使用するパーツ・画像などにあわせて全体の配色もきちんと決めたいものですね。 しかし、ただ適当に各部のカラーを選んでもなかなかいい具合には決まらず、四苦八苦することもよくあることです。 このようなとき、その画像で使っている代表的なカラーを抜き出し、適切なカラースキームを生成することができるFirefoxアドオンが「ColorSuckr」です。 「ColorSuckr」は、Firefoxで表示している画像で利用されている主要色をその場でリストアップし、それぞれの色に応じたカラースキームを同名のWebサービスを使って生成し、利用することができるというWeb管理者に便利なツールです。 ＜使い方＞ アドオンをインストール後、Firefoxで必要な画像を表示し、コンテキストメニューから[Extract Image Colors]をクリックします。 新規タブで以

FirefoxやThunderbirdはWEBユーザーの必須アイテム。 初心者からヘビーユーザーまで使える！便利でクールなFirefox拡張機能（アドオン）の使い方やカスタマイズ、Mozilla関連情報をどうぞ。 Adobe 「Flash Player」を緊急アップデート。 by hoge (07/16) Adobe 「Flash Player」を緊急アップデート。 by H.I. (07/16) ウェブページから余計なコンテンツを排除して読みやすく表示できるFirefoxアドオン「Tranquility Reader」 by しんちゃん (07/11) YouTubeのHTML5動画に表示される広告をブロックしてくれるFirefoxアドオン「YouTube Advertisement Blocker」 by はち (06/17) ウェブページ上の不要なリンクを非表示にできるFirefox

Xmarks 3.3 for Firefox, Restore bookmark Xmarksは10日(米国時間)、Xmarksの最新版となるXmarks 3.3 Firefox版を発表した。XmarksはFirefox、IE、Safariのブックマークやパスワードデータなどを同期するためのサービスおよびエクステンション。複数のブラウザで同一のブックマークやパスワードデータを共有するために利用する。Xmarksはブックマークデータを活用した情報の提供など、データ共有からサービス提供へと注目点を移している。 Xmarks 3.3 (Firefox版)はバグ修正という位置づけだが、注目すべき新機能がひとつ追加されている。設定ダイアログに「Restore」という項目が追加され、ブックマークのロールバックが可能になった。ブックマークが変更されたタイミングで記録される。データは過去6ヶ月分は保持され

About Contact Is A Dating App Designed to be Deleted the Answer to Modern Online Dating?Hinge, an app created for online dating which is designed to be deleted after meaningful connections are made, offers a fresh concept of digital courting. This distinct approach was engineered with the idea that once users build special bonds via this platform, they no longer need it in their lives and can dele