• このエントリーをはてなブックマークに追加

Webサイト制作、運営に使用している便利なアドオン 7選

Firefox アドオン

Webサイト制作、運営に必要だと思う便利なアドオン 7選

ちょっと実家に帰っておりました。久しぶりの更新です。


今回は、Webサイト制作時によく使用している7つのFirefoxアドオンです。
Sponsored Link
Sponsored Link

Webサイト制作、運営に必要だと思う便利なアドオン 7選

今回は、今まで紹介したFirefoxアドオンの中で "Webサイト制作、運営" で管理人が最低限必要だなと思うアドオンをまとめてみました。今後変わる可能性もあります。



Webサイト制作、運営に必要だと思う便利なアドオン 7選 目次
  1. ColorZilla
  2. MeasureIt
  3. CSSViewer
  4. IE View Lite、Opera View
  5. Firefox 用 Google ツールバー
  6. LinkChecker
  7. Make Link





ColorZilla

ColorZilla

このアドオンはWebサイト制作というよりはWeb制作の情報を集めるために活躍してます。

気がつけば、必需品に・・・ ColorZilla

インストールページ






MeasureIt

entry05052008_MeasureIt

このアドオンは自分のWebサイト制作に使用しています。

ブラウザに定規を表示してピクセル単位で縦(height)、横(width)を測る事ができる MeasureIt 0.4.10

インストールページ






CSSViewer

CSSViewer

このアドオンは制作と確認で使用している事が多いです。ザックリとCSS情報を調べる事ができるので重宝してます。
※ Firefox 4 では使用できません

Webページの CSS を サッ と確認する CSSViewer 1.0.2

インストールページ






IE View Lite、Opera View

IE View Lite、Opera View

Webサイトをアップした後に他のブラウザでデザインが崩れていないかの確認の為に使用しています。
ちなみにIE View LiteではSleipnirを起動するように設定しています。

他ブラウザで確認する時に役に立つFirefoxアドオン IE View Lite 1.3.1、Operaview Version 0.4.1

インストールページ






Firefox 用 Google ツールバー

Firefox 用 Google ツールバー

サイト運営に必要だなーと思うアドオン。このアドオンはページランク機能がお気に入りです。Firefox 4 からは使用頻度が低くなったように思います。

Firefox 用 Google ツールバー 私は絶対必要です

インストールページ






LinkChecker

LinkChecker

Webサイトを制作すると更新が必要となってきます。
色々といじってるといつの間にかリンク切れなんて事もありますので、定期的にチェックしています。

Webサイトのリンク切れの不安を解消 LinkChecker

インストールページ






MakeLink

Webページのタイトル、URLをコピーするだけでもとても便利なアドオンですが、私は "classタグ" "IDタグ" を付けて、CSSと組み合わせて使用しています。

閲覧ページのタイトルやURLのコピー形式を自由にカスタマイズしクリップボードにコピーする事ができる Make Link

このブログを更新する時の使用例
私がこのブログを更新する時の使用例として「インストールページ」の箇所のリンク形式で使用している Make LinkCSS の記述です。

Make Link の記述
<div id="weblink">
<h4 class="kasensolid">%text%</h4>
<strong>URL : </strong><a href="%URL%" target="_blank" title="%text%">%URL%</a>
</div>

Make Link の適応箇所の CSS の記述
div#weblink {
margin: 0;
padding: 10px;
text-shadow: 1px 1px 0 #ccc;
border: 1px solid #d2d2d2;
background: -moz-linear-gradient(top, #fafafa, #fff);
background: -webkit-gradient(linear, top, bottom, from(#fafafa), to(#fff));
}
h4.kasensolid {
margin: 0 0 5px 0;
padding: 0 0 5px 0;
border-bottom: 1px solid #D2D2D2;
font-size: 14px;
color: #444;
}

目的のページで Make Link を使用し、ブログ更新で貼りつけると以下のようなリンク形式になります。

インストールページ

関連記事
Sponsored Link
Sponsored Link
0 Comments
There are no comments yet.