いわしからの移動です。サイト製作において、効率的にCSSを作成するために具体的にどのような点に注意して設計していますか?またはCSSの「効率的な設計方法・手法」について書かれたサイトやブログ(あるいはその点に絞られた書籍)があれば教えてください。例えば、効率的なIDやクラスの指定方法(組み合わせ方・複数指定等)、セレクタの使い分け方、IDやクラスによるマッチングを最低限に止めながら共通のスタイルを効率良く設定していく実例・ワークフロー等ありましたらお教えください。サイト等の場合には海外のサイトでも構いません。

CSSそのものについての回答、単にカスケーディングすれば良い等の回答は必要ありません。あくまでも無駄を省きつつ、保守管理のしやすいCSSを作成するための効率的な設計手法についての回答を希望していますので、(X)HTMLやCSSについての理解がある方からの回答をお待ちしております。

下記のサイトのような内容がイメージに近いかと思います。
http://baban.fc2web.com/web_seminor/style_construct/index.html

回答の内容によってポイントは回答ごとに調整させていただきます。よろしくお願いします。

回答の条件
  • URL必須
  • 1人3回まで
  • 登録:2006/06/17 22:37:55
  • 終了:2006/06/19 08:27:54

回答(1件)

id:freebreeze No.1

freebreeze回答回数931ベストアンサー獲得回数142006/06/17 22:52:00

ポイント60pt

XHTMLの最適化手法

・div/span要素を少なくする

・id/classを少なくする

便利なのでつい何でもかんでもdiv要素でマークアップしてしまいがちですが、

不要なdiv要素はないに越したことはないのでその点を気をつけています。

id:wizemperor

ありがとうございます。

私もdiv要素、span要素は可能な限り排除するようにしています。

id/classを少なくする、なのですが、これは可能な限り要素セレクタでスタイルを設定し、必要な場合にはid単体、idとclass、複数のclassの組み合わせと要素セレクタの組み合わせでだいぶ無駄な指定を減らせると思うのですが、他にもこの辺りのワークフローの実例等ありましたら引き続きよろしくお願いします。

質問の補足ですが回答の内容によっては、設定ポイント以上のポイントを付与させていただきます。

2006/06/17 23:45:32

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません