html - しっかりしたCSS戦略を開発する方法は？

Question

HTML5、CSS3、およびJQueryの構文を注意深く学ぶために時間をかけました。

ここで、しっかりした「設計プロセス」を開発するのに役立つ優れたリソースを見つけたいと思います。私がこれまでに行った小さなデザインでは、通常、多くの1回限りの主義を伴うかなり厄介な外観の.cssスタイルシートになってしまいました。

私は、優れたリソースの提案や、優れたHTML/CSS設計戦略に役立ついくつかの指針を受け入れています。

ありがとう

Answer 1

スタイルシートをモジュールに分割します：ナビゲーション、コンテンツタイプ、ヘッダー、フッターなど。

スタイルの割り当てにIDを使用しないでください。これにより、その理由に関する詳細情報と、より役立つヒントhttp://oli.jp/2011/ids/が提供されます。

http://css-tricks.com/を読んでください、ChrisCoyierは常に彼のサイトで役立つヒントを持っています

Answer 2

上記の@DevonRWのように、CSSスタイルをグループ化します。

コードの長い部分にコメントするのと同じように、CSSにコメントします。それはあなたと他のチームメンバーが後のメンテナンスで役立つでしょう。

ただし、何かの色を定義するだけのスタイル定義を作成するようなことには注意してください。jQueryを使用する場合、要素に一度に3つまたは4つのクラスを含めることができるように、クラスを追加する必要があることがよくあります...ただし、3つまたは4つから始めたくはありません。トラブルシューティングを行い、サイトスタイルを即座に大幅に変更すると、その方法で非常に厄介になる可能性があります。

私が試したことの1つは、クラス名の命名法を考え出すことです。通常のクラスの場合はsClassName、jQueryによって追加（または削除）されるクラスの場合はjqClassNameです。しかし、それはあなたにとって役立つかもしれないし、そうでないかもしれません。