人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

WEBサイトのコーディングにて質問です。
HTML+CSSにて構築されたサイトで、CSS内での未使用のクラスを消して行きたいのですが、
何か方法はありませんでしょうか。
※ポイント稼ぎと思われる浅い回答は全て通報します。

●質問者: teramonyo
●カテゴリ:ビジネス・経営 ウェブ制作
✍キーワード:CSS HTML webサイト クラス コーディング
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● horonict
●35ポイント

不要なCSSを洗い出すツールがあります。

Rubyが必要です。

http://feed.designlinkdatabase.net/feed/outsite_755.aspx


2 ● Hidehisa
●35ポイント

■PageSpeed

ブラウザのFirefoxにアドオンのFirebugを入れて、さらにGoogleのPageSpeedアドオンを入れると、特定ページで、CSSに記述されているけれども使われていないスタイルを教えてくれます。

方法としては、

Firefoxをインストール

http://mozilla.jp/firefox/

FirebugをFirefoxにインストール

https://addons.mozilla.jp/firefox/details/1843

FirebugにGoogle PageSpeedをインストール

http://code.google.com/speed/page-speed/download.html

目的のページを表示

Firefoxのメニューから[ツール]>[Firebug]>[Firebugを新しいウィンドウ開く]

Firebugのウィンドウで、上部のタブから[Page Speed]を選ぶ

[Analyze Performance]ボタンをクリックして、解析が終わるまで待つ

表示された結果のなかの「Remove unused CSS」を開いて、示されているスタイル記述を記録する。これが、CSSに記述されているけれどもそのページでは使われていないスタイル指定です。

サイト全体ではチェックできませんが、主要なページでこれを繰り返して、使われていない記述を絞り込んでいくことは可能ですね。


■Dust Me CSS

Dust-Me Selectors

http://www.sitepoint.com/dustmeselectors/

をFirefoxにインストールすれば、サイト内の全ページにリンクされているサイトマップを指定すると、そこからリンクされているすべてのページで同様のチェックをまとめてしてくれるようですが、そちらは私は使ったことがありませんので参考までに。


■grep

動的なサイトでなく、静的なHTMLファイルがある場合は、idやcssをgrepして探す方法もあります。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ