サイト作成

本日覚えたこと、FirebugはWebデザインに超便利!

20110304dsc03245

昨日はwackyさんWebAPI勉強会のセミナーのひとつ「はじめてのHTML+CSSデザインレイアウト」セミナーだったのですが、そこで教えていただいたツールがFireFoxのアドオン「Firebug」。
FireFoxで開いて見ているサイトのHTMLファイルとスタイルシートを開いて、編集などができます。

Firebugのメリット1:気になるサイトのソースをチェック!

Firebug01_3

ふつうにブラウザで、「ソースを表示」してサイトのソースを見ることはできますが、どの部分の表示がどういうソースなのかを解析するのは大変です。

Firebugでは、HTMLのある行を選択すると、それがサイトの画面のどこに対する指示なのかわかります。

たとえばヤフーのバナーとその両脇のアイコンが、実はバナーを表示したうえで、アイコンをリスト表示しているということがソースから読み取れます。

ソースはHTMLだけでなく、スタイルシートも見られます。

続きを読む "本日覚えたこと、FirebugはWebデザインに超便利!" »

その他のカテゴリー

100000 MovableType | 100100 1つのMTで、複数のブログを、複数の独自ドメイン(マルチドメイン)で運営するためのシンボリックリンク設定 | 101000 TypePad | 110000 カスタマイズ | 111000 ナビゲーションバー | 112000 独自ドメイン | 113100 CORESERVER | 113200 XRER | 113300 さくら(サーバ) | 120000 プラグイン | 130000 PHP化 | 141000 タイトル回り | 142000 背景デザイン | 210000 ECのセミナー | 310000 ヨガ | 410000 動画 | 510000 モバイル | 511000 ネットブック(モバイルノート) | 520000 セキュリティ | 521000 ノートン | 610000 アクセス解析 | 611000 Google Analytics | 611100 Googleのアクセス解析「Google Analytics」の使い方:申し込みかた | 700100 通販 | 701100 ソニー | API | GALAXY S II SC-02C | Google+ | GoogleAdsense | Googleウェブマスターツール | Lenovo | NEC LaVie Z・NEC LaVie HZ | SCANSNAP | ValueDomain | windows8 | お名前.com | ウェブログ・ココログ関連 | ウエラブルアイテム | ウルトラブック | サイト作成 | スマートフォン | セミナー | タブレット | テーブルゲーム | デジカメ | パソコン・インターネット | ビジネス小物 | ライフハック | レビュー | 使わなくなったパソコンの処分 | 出張用ノートPC・タブレット診断チャート | 出張用パソコン・タブレット | 大人の社会科見学 | 家具 | 廃車 | 手帳・文具 | 携帯・デジカメ | 書籍・雑誌 | 楽天カード | 独自ドメインでTypePad系ブログ | 画像加工ソフト | 電源

便利ツール

  • キャリアアップ.biz >ブロガーズブログ

カテゴリー

広告

  • ソフマップ・ドットコム

マイチャンネル