開発ツールブログ!!

  • TOP
  • ブログ
  • Firefoxでおすすめするアドオンのまとめ①
20160810blog1

制作ツールブログ!!

Firefoxでおすすめするアドオンのまとめ①

インターネットブラウザのFirefox(ファイヤーフォックス)に関する記事です。
私が利用しているFirefoxのアドオン・拡張機能のまとめて紹介します。
Firefoxには多くのアドオンがたくさんあるため、
記事を数回に分けて書いてみたいと思います。

Awesome Screenshot

ice_screenshot_20160810-152446
画面上のWEBページをキャプチャーできるアドオンです。
上のメニューバーのレンズのアイコンをクリックする。
同じアドオンがGooglechrome版でもあります。
アドオンの追加はこちら

20160810blog3

クリックすると別ウィンドウでキャプチャーする画面が開きます。
ペンツールや切り取りなどツールバーがあり、
一番右側「Done」を押します。

20160810blog4

20160810blog5

User-Agent Switcher

ice_screenshot_20160810-153006
ブラウザ上でOSやブラウザを変更できるスイッチャーです。
iOSやAndoridなどに変更するとスマホでの表示を確認できるアドオンです。
アドオンの追加はこちら
20160810blog7

ColorZilla

20160810blog8
Webページ上のカラーコードを調べるアドオンです。

アドオンの追加はこちら

20160810blog9

MeasureIt

20160810blog10
Webページ上のピクセル数など図りたいときに便利なアドオンです。
クリック後に長さを図りたい箇所を囲うとそこか何ピクセルなのか知ることが出来ます。

アドオンの追加はこちら
20160810blog11

Firebug

20160810blog12
Firebugは閲覧中のWebページのCSS、HTML、及びJavascriptをリアルタイムで編集、デバッグを行うことのできるアドオンです。

アドオンの追加はこちら
20160810blog13

今回の記事は以上です。

次回はその②を書いていきたいと思います。

この記事が気に入ったら
いいね!お願いします。

最新情報をお届けします

関連記事

  1. 201601190

    制作ツールブログ!!

    ワードプレスを運営するなら入れておきたいお勧めのプラグイン③

    ワードプレスを運営するなら入れておきたいお勧めのプラグイン~投稿・固定…

  2. 9eebd6ae3e003dafbcb134405e540da0_s

    制作ツールブログ!!

    OSの入ったSSD(Cドライブ)をコピー(クローン)、交換方法!!

    容量がいっぱいになってしまったCドライブ(SSD)をまるまるコピー(ク…

  3. 20160105_blog24_031

    制作ツールブログ!!

    ワードプレスをローカル環境で構築!!3

    前回の記事の続きで今回はローカル上で構築したWordPress(ワード…

  4. 201601190

    制作ツールブログ!!

    ワードプレスを運営するなら入れておきたいお勧めのプラグイン②

    ワードプレスを運営するなら入れておきたいお勧めのプラグイン~SEO・コ…

  5. 20160801blog

    制作ツールブログ!!

    簡単にできる多言語サイトの作り方!

    2020年に東京でオリンピックが開催されるということもあり、この機会に…

  6. 201601190

    制作ツールブログ!!

    ワードプレスを運営するなら入れておきたいお勧めのプラグイン④

    ワードプレスを運営するなら入れておきたいお勧めのプラグイン~ワードプレ…

おすすめ記事

  1. ice_screenshot_20160831-012703
  2. 20160825blog
  3. CoverVid
  4. 20160810blog1
  5. 9eebd6ae3e003dafbcb134405e540da0_s
  6. 20160801blog
  7. 20160630_1

最近の記事

  1. ドラッグ&ドロップ機能を可能にするモーダルポップアッププラグ…
  2. スクロールする際に画像をフェードさせるJavascriptプ…
  3. レスポンシブ対応!!自動フルスクリーン背景スライドの作成方法…
  4. Googleが公表するSEOランキングの3大要素!
  5. RTLテキスト対応JQueryのコンテンツスライダー・グライ…

アーカイブ

  1. _shared_img_thumb_PAK85_kakomaretairoenpitu1278_TP_V

    WEBデザイン

    ホームページの見やすさの視認性と読みやすさの可読性!!
  2. e6773cd0fee5bafc1a6ce28a05353fb0_s

    WEBデザイン

    絶対に抑えておきたいホームページの配色の面積と方法!!
  3. 05

    SEO対策

    SEOの対策に欠かせないブログ機能!!ブログの6つのポイント!!
  4. 201601190

    制作ツールブログ!!

    ワードプレスを運営するなら入れておきたいお勧めのプラグイン②
  5. 8b5c6a43c12ceeea8b4844a8fe15efc8_s

    SEO対策

    SEO対策を行う上で知って得する検索順位が決まる仕組みについて!!