WEBデザイナーが知っておくべきFireFox Extensions 20

スカイ
(2006年10月 6日 19:55) | | コメント(0) | トラックバック(0)

deliciousにて20 FireFox Extensions That Every Web Designer Should Know Aboutというエントリーを見つけた。WEBデザイナーが知っておくべきFireFox Extensions 20

firefox20.gif

WEBデザイナー志望のわたくしとしては逃せない気になるエントリーでしたので、早速確認。

Web Developer Toolbar
こちらのエクステンションは、さすがに使っています。CSSコードの書き換えやW3Cの検証などもでき、重宝しています。
AspellFox
フォームなどの書き込みにおいて右クリックでスペルチェックをしてくれるエクステンションのよう。とりあえずパスで。
RankQuest SEO Toolbar
以前昔に入れていましたが、ツールバーの面積が大きくなりすぎるのもあり、使用頻度も低いことにより無効にしているのでパス。SEOを真剣に考えている人には使いこなせるエクステンションだと思います。使いこなすには結構時間がかかりそう。
OperaView
Operaでレンダリングしてくれるエクステンションですね。どのOperaまで対応しているのかまだ確認していませんが、とりあえずDL
IEView
IEでレンダリングしてくれるエクステンションですね。これはFireFox-IE Tab FireFoxでもIE表示が可能のエントリーで紹介しているIE Tabを使っているのでパス。
Total Validator
XHTML検証してくれるエクステンション。一応Web Developer Toolbarにて事が足りているので試しに使って見比べてみます。
SEO for FireFox
Google、Yahooでの検索結果にさまざまな情報（ページランク・Aleｘレートランキング・テクノラティでの被リンク数表示など）を表示してくれるとあるので追加してみます。del.icio.usのブックマークリンクも表示されるみたいですね。
HttpLiveHeaders
直接ヘッダー情報を編集できるエクステンション。
詳細はこちらのエントリーから確認できます。LiveHTTPHeadersでHTTPヘッダ情報を確認する
View Cookies
クッキーに保存された内容を閲覧できるエクステンション。とりあえず追加と。
ViewSourceWith
ソース表示に利用するエディターは複数登録できる。
詳細はこちらのエントリーを「Firefox」でソース表示に好きなエディターを利用可能に「ViewSourceWith」
Performancing
ブログのエントリーなどをこのエクステンションを使って投稿できます。
No-Referrer
リファラー情報を送ることなくリンクを開くことができるエクステンション。
Load Time Analyzer
ページの読み込み表示時間を解析してくれるエクステンション。どれくらいページ表示に時間がかかるかを計算してくれます。これはDLと。
User Agent Switcher

User Agent名(私はこういったブラウザを使っているんですよという部分)を偽装するエクステンション。

UserAgentの名前は自己申告制なので、詐称することが出来ます。オンラインバンクなどでUserAgent名を見て「MSIEで出直してこいや(#ﾟДﾟ) ｺﾞﾙｧ」などと言われた場合は一度この拡張を試してみるといいでしょう。

引用：User Agent Switcher - Mozilla Firefox まとめサイト

EditCSS
CSSを編集できるエクステンション。Web Developer ToolbarでCSS編集できるのでパス。
FireBug
コードのデバッグを表示してくれるエクステンション。JavaScript とCSSに対応している。これはDLと。
MeasureIt
今表示しているページの横幅、縦の長さを計測することができるエクステンション。ピクセルにて計測できます。これは入れています。
FireFTP
詳細は、こちらのエントリーを「Firefox」に本格的なFTPクライアント機能を追加するプラグイン「fireFTP」
ColorZilla
表示しているページのカラー情報を取得できるエクステンション。ブラウザ型カラーピッカーです。重宝しています。
Copy as HTML Link
引用などに使えます。反転表示にて選択したテキスト部分に引用先のアドレスをHTMLコードのa要素にてクリップボードに記憶してくれます。引用もとのエントリーのタイトルなどをリンク表示するときには、とても手間が省けます。

というわけで、自分で必要であると思うエクステンションは以下の感じになります。

そういえばFirefoxのエクステンションのエントリーを作成しないといけないですね。ゆっくりと紹介して行きます。

カテゴリ:

タグ:

トラックバック(0)

このブログ記事を参照しているブログ一覧: WEBデザイナーが知っておくべきFireFox Extensions 20

このブログ記事に対するトラックバックURL: http://weblibrary.s224.xrea.com/x/mt/mt-tb.cgi/144

コメントする

検索

最近のブログ記事

アイテム

  • ff-logo-big

    ff-logo-big: firefoxロゴ

  • fmtube_image

    fmtube_image: ｆmtubesキャッチイメージ

  • mock.jpg

    mock.jpg: fm+tubesのモックページ（デザインレイアウト）。最終的にはこのスタイルでマルチブログで展開してみる構想。

  • mtdeinfo

    mtdeinfo: Movabletypeを勉強するならこのサイト。サンプルファイルもあって、情報も探しやすいです。とてもきれいに情報表示されていて、とても参考になります。

  • mytumblr

    mytumblr: 個人の趣味でのtumblrです。女性のポートレートなんかがおおいです

  • caputure_contextmenu

    caputure_contextmenu: tumblr caputureを右クリックコンテキストメニューで選択する

  • tumblrgallery

    tumblrgallery: tumblrを使ってWEBデザインGalleryを簡単に作ってみました。

  • psdtuts

    psdtuts: http://psdtuts.com/のイメージ画像

  • designflavor.

    designflavor.: http://www.designflavr.com/のイメージ

  • entrymain_template

    entrymain_template: ブログ記事の概要は、インデックステンプレート、ブログ記事のリスト（アーカイブテンプレート）、検索結果（システムテンプレート）の3つのテンプレートで共通に使われています。それぞれのテンプレートでの表示内容の違いをイメージに表してみました。

タグクラウド

このブログ記事について

このページは、スカイが2006年10月 6日 19:55に書いたブログ記事です。

ひとつ前のブログ記事は「Yahoo! UKが選ぶ ベストサイト100」です。

次のブログ記事は「Adobe After Effectsの動く背景を作成するチュートリアル」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。