タグ

webデザインとアドオンに関するyosshi-kのブックマーク (3)

  • Mozilla Re-Mix: Webページ上のリンク切れなどをチェックできるFirefoxアドオン「Pinger」

    自分のサイトなどに多くのリンクを設置されている方なら、長期にわたって掲載しているリンクの有無などが気になることがあるでしょう。 もし、いつのまにかそのようなリンクが出来てしまっていた場合は、放置せずにすぐに対処しておきたいものですね。 しかし、このような確認作業は簡単なようで意外と面倒なものです。 そんな時に役立つFirefoxアドオンが「Pinger」です。 「Pinger」は、その名の通り、pingを打つようにWebページ上のリンクチェックし、リンクのステータスを素早く確認することができるというものです。 アドオンをインストール後、ページの任意の部分、またはターゲットとなるリンクを選択(複数可)してコンテキストメニューを呼び出します。 メニュー内には、ページ内の全てのリンクをチェックする[ping all links]と、選択したリンクだけをチェックする[ping just links

  • Firebug の使い方:(X)HTML と CSS の確認・修正方法のまとめ

    Firefox アドオンの「Firefbug」はご存知の方も多いと思いますが、Firefbug を使って表示しているページの(X)HTMLマークアップや CSS を確認・修正する方法のまとめを紹介します。 特に3項に記した、(X)HTMLCSSを一発で確認する方法はおすすめです。 動作は Firefox 3.5 + Firebug 1.4.0b7 で確認しています。 1.基:(X)HTML マークアップと CSS を表示する 確認したいページを表示した状態で、メニューバーの「表示」→「Firebug」を選択します。または F12 を押下します。 これでページ下半分に Firebug のウィンドウが表示され、左側に(X)HTMLマークアップ、右側にそのページで使われている左側のウィンドウで選択状態になっている要素の CSS が表示されます。この手順で Firebug の画面を開くと、bo

    Firebug の使い方:(X)HTML と CSS の確認・修正方法のまとめ
  • Webデザイナーなら知っておきたいFirefoxアドオン | CREAMU

    WebデザイナーでFirefoxをよく使っている。 そんなあなたにおすすめなのが、『22 Firefox 3 Plugins Web Designers Can’t Live Without』。Webデザイナーなら知っておきたいFirefoxアドオンだ。 以下にいくつかご紹介。 » iMacros for Firefox 6.0.7.2 繰り返し行う操作を記憶しておける » MeasureIt 0.3.8 サイトの要素のpxを測れるルーラ » Pencil 1.0.3 GUIのプロトタイプが作れるオープンソースのツール » FireShot 0.60 スクリーンショットが撮れるだけでなく、さっとテキストを追加したり、グラフィックの注意書きを追加できる » Window Resizer 1.0 ブラウザの解像度を変えてくれる。640×480, 800×600, 1024×768, 1280×

  • 1