昨日はwackyさんのWebAPI勉強会のセミナーのひとつ「はじめてのHTML+CSSデザインレイアウト」セミナーだったのですが、そこで教えていただいたツールがFireFoxのアドオン「Firebug」。
FireFoxで開いて見ているサイトのHTMLファイルとスタイルシートを開いて、編集などができます。
Fireｂugのメリット１：気になるサイトのソースをチェック！
ふつうにブラウザで、「ソースを表示」してサイトのソースを見ることはできますが、どの部分の表示がどういうソースなのかを解析するのは大変です。
Firebugでは、HTMLのある行を選択すると、それがサイトの画面のどこに対する指示なのかわかります。
たとえばヤフーのバナーとその両脇のアイコンが、実はバナーを表示したうえで、アイコンをリスト表示しているということがソースから読み取れます。
ソースはHTMLだけでなく、スタイルシートも見られます。
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ウェブマスターツール HPパソコン Lenovo MovableTypeのサーバ移転 NEC LaVie Z・NEC LaVie HZ Rebates SCANSNAP Surface ValueDomain windows８ Xdomain XSERVER おもしろ商品 お名前.com お得情報 インプラント ウェブログ・ココログ関連 ウエラブルアイテム ウルトラブック サイト作成 スマートフォン セミナー タブレット テーブルゲーム デジカメ ドメイン移転 パソコン・インターネット ビジネス小物 ライフハック レビュー 使わなくなったパソコンの処分 出張用ノートPC・タブレット診断チャート 出張用パソコン・タブレット 大人の社会科見学 女子パソ 家具 展覧会 年賀 廃車 手帳・文具 持続化給付金申請 携帯・デジカメ 書籍・雑誌 楽天カード 独自ドメインでTypePad系ブログ 画像加工ソフト 遺伝子検査 電源
キャリアアップ.biz ＞当ブログ
