第7回 ページ構造を確認する方法
XHTML+CSSでは、ページ構造を意識して制作することが大切。Firefoxの拡張ツール「Web Developer Toolbar」を利用して、テーブルレイアウトの構造、フルCSSのページ構造、見出し構造、非推奨要素を確認する方法を説明しよう。 Firefoxの拡張ツール「Web Developer Toolbar」 Firefoxでは「Web Developer Toolbar」（以下、WDT）という高機能な拡張ツールが利用できる。名前のとおり、Web開発者向けのツールバーであり、CSSやJavaScriptの無効化、画像表示の無効化、ソースのバリデーションなどをツールバーから直接実行することができる。 まず、インフォアクシアで公開されているWDT日本語版をインストールしよう（http://www.infoaxia.com/tools/webdeveloper/）。Firefox（ま
SEO対策がFirefoxで簡単にできるようになる「SEO for Firefox」 - GIGAZINE
Firefoxの拡張機能として利用でき、GoogleとYahooの検索結果がそのままSEO対策リンク集に早変わりします。ページランク、いつからそのページがネットに存在しているのか、被参照リンクの数、Alexaでのトラフィックランク、Whois情報などが簡単に一覧できるようになります。 特定の対策を施したいキーワードで検索し、結果を見ればどのようなSEO対策を行うべきか（どこが既に強いのか、どこが弱くて伸ばすべき点なのか）が分かるというわけです。 実際に使ってみましたので、インストール方法と使い方、設定については以下を参照。 SEO for Firefox ■インストール まずは上記サイトにアクセスし、「Click Here」をクリック 初期設定ではこのサイトからインストールできないので、上部に表示されるバーの右にある「設定を変更」をクリック 「許可」をクリック 「閉じる」をクリック もう一
CSSとHTMLをリアルタイムに書き換えてプレビューできる「rendr」 - GIGAZINE
「CSS」タブをクリックして、中のコードを書き換えると、リロードせずにそのままリアルタイムにページ全体を再レンダリングしてくれます。「Markup」タブをクリックすればHTMLコード自体を書き換え可能。元に戻すには「clear markup and css」をクリック。 Firefoxの拡張である「greaseMonkey」バージョンもあるので、自分のサイトで同じようなことができるようになり、CSSデザインの試行錯誤が楽になります。 詳細は以下から。 rendr http://gregtaff.com/rendar2.html greaseMonkey版はキャッシュが有効な場合に、ローカルキャッシュのHTMLファイルを直接書き換えてリアルタイムプレビューするというモノになっています。 インストールするにはgreaseMonkeyをインストールした状態で上記ページの「greaseMonkey
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Greasemonkey - Mozilla Firefox まとめサイト
trick7.com blog: 英辞郎第三版とMouseover Dictionaryア...