IDを使わないCSSの設計 - kojika17

CSSのスタイリングではIDを使用しない、という話をよく聞くようになりました。 私も最近は、IDを使わずにコーディングしているので所感を書きます。 CSSでIDを使わない 「IDを使わない」ということをHTMLの変化で示すと、以下のようになります。 <div id="header" class="clearfix"> <h1 id="logo"><a href="">logo</a></h1> <ul id="heaeder-info"> <li class="about"><a href="">about</a></li> <li class="sitemap"><a href="">sitemap</a></li> </ul> </div> ↓↓↓↓ <div class="header clearfix"> <h1 class="logo"><a href="">logo</a></

[iww]

スタイルは全部classでいいけど、ほかで使うのでidは振っておいてほしい

[dupont_kedama]

class="red" まで読んで続きを読む気力を失いかけた。

[trade_heaven]

僕は動きゃいい派！

[hirata_yasuyuki]

本題から外れるけど、class=“red” とか class=“blue” ってダメなパターンじゃ… Browsing: "IDを使わないCSSの設計｜Web Design KOJIKA17"

[aceraceae]

普通にその文書構造の中のものにあてるものはclassがすっきりするし、特殊なスタイルはidって使い分けだけだと思うんだけどな。

[lli]

文書構造と修飾を分けたのにclass="red"とは。。

[cabinotier]

最近仕事でこの辺りをかじり始めたニワカだけど、idは単一要素を特定できるように、classは複数の要素にまたがる内容を記述するために使ってる。

[miyanavi]

IDの利点が無視されている

[kijtra]

JavaScript使わない人なのかな。

[PHEN]

[CSS/解説]

[tohroa]

IDの中でID使っちゃってたりするので、CSSはキレイにしないとなぁ… "IDを使わないCSSの設計

[nakachop]

ID とかの優先順位で困ったことがまだない もっと大がかりなサイトの時には留意しないと 同じものはまとめるってことを意識的にしやすくなるかも

[homihoo]

納得しました。

[t___s]

なるほど。もともとIDはできるだけ少なくしようとはしていたけれど、これはいい気がする。jsとの棲み分けもわかりやすい！

[sp_ice]

全部クラスで作っとけば、後から修正するときに上書きが楽!!

[fumix-hat]

ID使わない？と違和感あったけど、読み進めて納得。自分はID使うけど大枠のレイアウト決めだけに使って装飾はclassでやってるわ。

[uniq]

cssのid、私はデザイン向けに使わなくなった。classだけの方が設計しやすいとか色々。アンカー・js向けにはid使う。

[mallowlabs]

id を使わない理由をうまく言語した素晴らしい記事

[happideath]

"CSSでIDを使わないようにすると、「class = 装飾」「ID = 機能」として、HTMLのIDとclassの住み分けを、はっきりさせることができます" 成程なーとは思う物の、自分も汎用性の無い class を量産して仕舞いそうでぐぬぬ…。

[tmyk_kym]

悪くはないかなぁ。ただ、やろうとは...

[tsetgogo]

IDを使わないCSSの設計｜Web Design KOJIKA17

[lotus_tribal]

なるほどすぎた→「IDは、HTMLのアンカーとして利用したり、JavaScriptのような「機能」に使用されるべきです」

[oppara]

IDを使わないCSSの設計｜Web Design KOJIKA17

[toguo]

JavaScriptを踏まえずにであれば一理ある

[tiroruchoco]

IDを使わないCSSの設計｜Web Design KOJIKA17

[tmatsuu]

最後のスタイルと機能の分離がしっくりきた。うむ

[sugarshin]

via Web Design KOJIKA17 http://kojika17.com/

[mattarin]

HTMLではidを残しつつCSSではidを使わないって話。

[otchy210]

最近よく見るこの論。優先度の話が飛び抜けて重要で、これのためだけに採用する価値があると思う。

[oki448jp]

IDを使わないCSSの設計

[shimooka]

『CSSでIDを使わないようにすると、「class = 装飾」「ID = 機能」として、HTMLのIDとclassの住み分けを、はっきりさせることができます。』ふむ。

[ooiooiooi0313]

IDを使わないCSSの設計｜Web Design KOJIKA17 CSSは、文章と装飾を分離させる理念の元に提唱された仕様の一つです。 10年以上前まではよく使用されていた centerタグ や fontタグ も、CSSの普及に伴い、出番が非常に少なくなりました

[tuki0918]

どっちでも良いけど、優先度を考えられてない奴は弄るのが辛い

[dev0000_1]

前から思ってた。http://developer0000.jp/2008/07/08/2506/ 。あとクライアントが文書構造無視する変更を頻繁に入れてくるような案件とかだと class=red とかに走るんだろうなぁ

[www_taca]

ほほー

[warriorking]

IDを使わないCSSの設計｜Web Design KOJIKA17