23

控えめに言っても、書き方が不十分な CSS を使用しています。私はデザイン/CSS の専門家ではありませんが、少なくとも CSS のCは理解しています。VS-2008 内の組み込み CSS サポートは以前のバージョンよりも大幅に改善されていますが、それでも私が探しているものは完全には機能しません。

ReSharper で C# を使用できるように、CSS をリファクタリングしてクリーンアップするのに役立つ優れたプログラムまたはユーティリティを誰かが知っているかどうか疑問に思っていました。

あると便利な機能:

  • CSS ファイルを調べて、フォント スタイル、色などの一般的なスタイルを抽出する方法を決定します。
  • VS-2008 へのプラグインは最高です!
  • マークアップ ファイルを調べて、現在のクラスとスタイルの使用を改善するための提案を行います。
4

13 に答える 13

21

Dust-Me Selectors Firefox 拡張機能は、Web サイトをスキャンして、使用されている CSS と使用されていない CSS を教えてくれます。使用されていない CSS を削除することは、リファクタリングの最初の 1 つの適切なステップです。

Web サイトから一部のセクションを削除すると、HTML は削除されますが、CSS は削除されないことがよくあります。

于 2008-09-22T11:19:17.100 に答える
7

TopStyleは人気があり、常に私が推奨しているものです. おすすめのスタイルなどを掲載しています。

私はAptanaを使用していますが、これはリファクタリングを行わず、エラーにフラグを立て、特定のブラウザーをターゲットにできるようにします。このまともな CSS ブックを使用すると役立つ場合があります。

于 2008-09-22T11:15:19.527 に答える
4

Firebugは非常に優れた Firefox 拡張機能で、ドキュメント ツリー内のどの DOM 要素に対してどの CSS 宣言がアクティブになっているかを調べることができます。

改善のための提案はしませんが、手作業で CSS コードをデバッグ/簡素化する場合に非常に役立ちます。

Web Developer拡張機能も非常に役立ちます。

于 2008-09-22T11:13:27.393 に答える
3

ASP.NET 2.0 を使用している場合は、ReFactor があります。ASP.NET 用

于 2008-09-22T11:17:02.813 に答える
2

css2sass と呼ばれる実行可能ファイルと共に出荷される HAML と呼ばれる Ruby gem があります。その実行可能ファイルは、CSS をSASSに変換します。これは、リファクタリングをはるかに容易にする CSS 上のメタ言語です (セレクター間の関係をより適切に示すことにより)。一見の価値ありかも。

于 2008-09-22T14:17:21.553 に答える
2

私は 過去にStylizerを使用して幸運に恵まれました。それはより良く、TopStyle の 1/6 しかかかりません。

于 2008-09-22T12:56:08.880 に答える
1

以前は、かなり優れた CSS エディター/インスペクター/デバッガー アプリであるWestCiv のStyleMasterを使用していました。これを前述の Firebug と組み合わせると、CSS を把握せずにはいられなくなります。

于 2008-09-22T13:11:40.447 に答える
1

少し遅れるかもしれませんが、ReSharper 6 アーリー アクセス プレビュー (EAP) がこれを行います!

CSS ファイルで「#」を入力すると、プロジェクトのすべての ID がオートコンプリートされます。ピリオド「.」も同様。すべてのクラスを一覧表示します。

最良の部分: セレクターの名前を変更すると、プロジェクト全体の名前が変更されます。楽しくはないにしても、CSS のリファクタリングがはるかに高速になります。

于 2011-05-05T17:57:43.997 に答える
1

Less for .NETをいじってみました。

于 2009-09-29T20:11:02.227 に答える
0

Expression Web の CSS 機能が気に入っています。ただし、CSS の最小化や統合にはあまり効果がありません。CSS を適切に使用するには、CSS がどのように機能するかを理解する必要があります。

于 2008-09-22T11:19:04.277 に答える
0

Firefox の EditCSS は素晴らしいです。

于 2008-09-22T11:22:48.307 に答える
0

このサイトは、少なくともルールを整理して最小化するのに役立ちます: http://www.cleancss.com/
目的の場所にたどり着くことはできませんが、最初のステップとしては適切です。

于 2008-09-22T13:12:37.607 に答える
0

おそらくCssTidyまたはCssOptimiserは、クリーンアップしてサイズを小さくするのに役立ちます

于 2008-09-22T13:21:31.843 に答える