cssファイルの管理について。（できればSublime Text）

Question

htmlファイルを作っていて日々更新もしていると、htmlは問題ないのですが、cssファイルが膨大になり、必要なくなったコードも残ったままになったりします。

当然使わない不要なコードが残った状態は好ましくないと思うのですが、不要になったcssをわざわざ探して削除する手間もあまり時間をかけたくありません。

皆さんはこのような不要になったcssコードってどうやって管理しているのでしょうか？出来ればSublime Textでの編集方法とかありましたら教えて頂けると助かります。

よろしくお願い致します。

Answer 1

sublime textではありませんが、webstormなら使用していないセレクタがグレーになるので一目瞭然です。
３０日お試しできるのでsublime textにこだわらずに試してみるといいと思います。

Comments

[YuichiKataoka]

sublime text を使ってると、快適なので、できれば離れたくないんですよね(^ ^)
でも、調べてみますね。ありがとうございます。

Answer 2

パッケージを軽く確認してみましたがなかなか見つかりませんでした。
ですが以下のようなものは見つけたのでリンクを貼っておきます。いかがでしょうか？
CSSで未使用のセレクタを見つけて削除しちゃうよ！

Comments

[YuichiKataoka]

ありがとうございます。この方法も良いかもしれませんが、この確認方法だと1つのHTMLで使われていなくても、他で使われてるセレクタは指摘してくれないんですよね？

でも、この方法と、やはり日頃から分かりやすい様に書いて、コメントも何に使ってるか適宜書くのが良いのでしょうかね。。

[Cf_cwd]

SublimeTextのプラグインで見かけた気がするのですが検索しても引っかからないんですよねー……
もう一度探してみます

[Cf_cwd]

見当たりませんねぇ……

関係のない話ですが自分がCSSを書くときは
/*共通*/
.clear {
//
}

/*profile-index*/
#right_menu {
//
}
みたいに共通項と各種htmlの記述をコメントで分けたりしています。
その中で基本的にはタグ>クラス>IDの順に記述してます

[YuichiKataoka]

ありそうで、無いんですね。
cssの中にコメントで見てHTMLのどこに使われているか、明確にすることが大切かもしれませんね。