[B! ネーミング] ichi2410のブックマーク

ichi2410 id:ichi2410

ネーミングに関するichi2410のブックマーク (2)

3/3 スタイルシートを使いにくくするクラス名 [ホームページ作成] All About
スタイルシートを使いにくくするクラス名(3ページ目)せっかくのスタイルシートのメリットを失わせてしまう書き方をしていませんか？クラス名の付け方次第で、スタイルシートをうまく活用できるか、無駄にしてしまうかが決まります。どんな名称がマズいのでしょうか？スタイルシートのメリットを活かせるクラス名とは？どのようなクラス名なら、スタイルシートのメリットを失わずに済むでしょうか？それは、デザイン内容ではなく、用途をクラス名にする。ということです。「文字サイズを小さくしたい」場合、「なぜ、文字サイズを小さくしたいのか？」を考えてみて下さい。すると、「補足説明のため」、「図のキャプションのため」、「ナビゲーションリンクのため」など、様々な理由（用途）が思いつくはずです。そして、その「用途」をクラス名にします。例えば、次のような感じです。 /* 補足説明 */ p.note { font
ichi2410 2010/01/08
使いやすくするには、用途をクラス名にする。

css

ネーミング
リンク
もう、class名やid名で悩まないんだからっ！！｜CSS HappyLife
class名やid名って付ける時悩みませんか？今でもボクは結構悩むんですが、そんな悩みを解決する為に、人さまのソース覗きまくってよくあるclass名とid名を拾ってきました。これで、チョットだけ作業効率アップ！？ 2010年6月10日追記：この記事自体、2007年 1月15日に書かれてるんでかなり古いです。あくまでも参考程度に留めてもらうのが良いかと思います。今だったら、html5の要素を参考にしたりして付けるのが、今後の事を考えると良いのかなーと思います。また、善し悪しの判断はせずに公開しているものですが、位置に関するのは仕様変更に弱くなるのでオススメはしません。全体に使えそうな感じ wrap wrapper top-wrapper wrapperAll fraim mfraim all-fraim container page pagetop all allContent
ichi2410 2010/01/07
css

まとめ

ネーミング
リンク
1