CSSや画像の命名規則について - kojika17

コーディングで時間のかかる要素の1つとして、id,class名や画像名などの命名規則が挙げられます。 特に中規模、大規模のサイトで、適当な名前を付けると名前が被る確率が上がり、 その結果、画像の上書きや不要なプロパティがかかってしまうなど、よくない結果になることも考えられます。 一つの例として、私の命名規則について紹介してます。参考程度に読んで頂けると幸いです。 カテゴリに分類して、つなげる。 ページのどの位置に属すか分類し、つなげる方法を取っています。 基本的に、CSSや画像名は同じにします。同名にすることで、名前を考える手間も省け、変更箇所の特定がしやすくなります。 例： CSS #top-side-nav 画像 top-side-nav-home.png top-side-nav-company.png 上記のように命名することで、 デザインを見なくても、どのような箇所に使われている

[kagioo2uma]

どっちのやり方も一長一短だなぁ　両方覚えて損はないだろうけど　あとOOCSSはHTMLの量が膨大になることを気にしないんだろうか

[trashtoy]

OOCSSって、CSSで避けるべきクラス名の代表みたいなものなのだけど。すごくモヤモヤする。

[yananaki]

「CSSや画像の命名規則について:Web Design KOJIKA17」クラス名や画像名が長くなるから好きじゃない…top-side-nav-home.pngって命名すると、ナビのラベルや配置位置が変わった時に面倒だし。がちがちのOOCSSも良くないだろうけど。

[tsuki-rs]

画像にしろ、CSSにしろルール付けは大事。というよりも、ディレクトリ毎に上手く配分すればそんなに名前長くならなくないか？

[nknkt]

シンプルで再現性の高そうな独自のCSS規則

[kool_kreate]

命名規則 名前を省略

[apple2tea]

CSSや画像の命名規則について

[tominaga]

ハイフンで区切ったのはわかりやすいし、CMSとの親和性が高く感じるなー。

[musicala]

やっぱハイフンですよね。

[d_animal141]

CSSや画像の命名規則について

[miyuky927]

　ネーミング

[saladdays]

共通要素にgrobalとか付けるのは良いかも

[yoruaki]

これってマークアップ(文書)ではなくてコーディング(実作業)ありきでの話だよね。どこかで破綻しそうな気もするけど、一長一短なのかな。

[hidehish]

見てる:

[warufuzaketaichi]

cf. http://code.google.com/p/closure-stylesheets/

[pigchika]

これを参考にして、もう一度命名規則を考え直そう。

[sanata0130]

OOCSSというのか

[joker1007]

このへん、毎回すげー悩むんだけど上手くつけれなくて困ってる。

[keikoyamada1223]

CSSの名前付け。助かる

[think49]

パフォーマンス重視ならIDセレクタになるのは自然な発想だと思うけど、DRY 的には効率が良くないので一長一短かな。著者のやり方だと同じスタイルを何度も書くことになるので管理性は良くない。

[hashimoya]

実コーディングそのものよりネーミングに悩むことはわりとある

[flandlescarlet]

名前

[site159]

ネーミングについて

[tcw11]

あとで見ようかな・・・今更だけどもw

[kits]

CSSセレクタは最適化しても数十ms程度の差しかないという記事を今日見かけた。 http://t32k.me/mol/log/impact-of-css-selector/ / オブジェクト指向ってそういうものだろうか。＞OOCSS

[ysk_lucky-star]

ルールを作るのはいいけど、本質的にマークアップとしてどうなのかと

[m6u]

他人のを引き継ぐとき、結構困る。

[kyaraway]

うーん。参考にする。でもあまり好みじゃないな。慣れの問題だろうか。

[richard_raw]

オブジェクト指向CSSとな。

[nixx1985]

Cording id class 命名

[syun128]

次回コーディングスタートの時にもう一度読む。以前、OOCSSで納品してもらったことがあったけれど、事前に聞かされていなかったのでメンテナンスが超カオスで泣いたことがあったのを思い出したorz

[kurihiroi]

ハイフンはDWで一度に選択できないからなぁ～…。アンスコじゃだめ？

[saka39]

めもめも