CSSクラス名にleft, red, largeとかつける奴は馬鹿

**Name_Not_Found** · 2013/07/29(月) NY:AN:NY.AN

クラス名に

<button type="button" class="btn btn-default btn-large btn-block">Block level button</button>

とかつけてる奴がいるのさ。

HTML複雑になりすぎｗｗｗｗ

そもそもセマンティクスって意味をわかってないんじゃないか？

**Name_Not_Found** · 2013/07/29(月) NY:AN:NY.AN

>>6
は？デザインの変更でleftとrightが入れ替わったら
どうするわけ？

デザインの変更でHTMLを修正するわけ？
それはバカ。

それともleftがrightで、rightがleftになるわけ？
それもバカ。

**Name_Not_Found** · 2013/07/31(水) NY:AN:NY.AN

セマンティクスが止まらない。

**Name_Not_Found** · 2013/07/31(水) NY:AN:NY.AN

サスティナブルなサイトwww

**Name_Not_Found** · 2013/08/01(木) NY:AN:NY.AN

ほそぼそスレくれよおお

**Name_Not_Found** · 2013/08/02(金) NY:AN:NY.AN

>>7
でも
<div class="dret">と<div class="esquerra">だったら
左右入れ替わっても気にならないんでしょ？

所詮ただの文字列なんだから
それを英語として呼んだ時の意味にこだわるのは、本質的に何の意味もない

**Name_Not_Found** · 2013/08/02(金) NY:AN:NY.AN

実害があるかないかはともかく、まぎらわしいし予約語とかいろいろさ。
所詮ひとがつけるんだから、避けといたほうが気持ちも楽。

**Name_Not_Found** · 2013/08/04(日) NY:AN:NY.AN

>>11
> <div class="dret">と<div class="esquerra">だったら
> 左右入れ替わっても気にならないんでしょ？

dretとesquerraってどういう意味？
それがわからないので、気になるかどうかなんてわからない。

話を戻すと、右とか左という意味がある単語を
実際とは逆に使うと意味的に間違い。

名前はすごく大事。

**Name_Not_Found** · 2013/08/05(月) NY:AN:NY.AN

>>13
わかんないでしょ
カタルーニャ語で右と左って意味だよ

そのドキュメントを扱う人が変わるだけで
良い悪いが変わるなんて間違ってる

つまりそんなことを気にするなんて全くナンセンスだって言いたかった

**Name_Not_Found** · 2013/08/05(月) NY:AN:NY.AN

右か左かって理解できる国で制作し
右か左かって理解できる国で閲覧するのに
気にするなってほうが違和感あるだろ

**Name_Not_Found** · 2013/08/06(火) NY:AN:NY.AN

>>14
そもそもわからない単語をつけるなって話になるだけなんだが？

で、カタルーニャ語を分かる人にとっては、
それは間違い。

「分からない」と「間違い」しかなくて
良いがないんだが。

屁理屈言ってないで、正しい意味をつけよ。
セマンティックとはそういうこと。

**Name_Not_Found** · 2013/08/06(火) NY:AN:NY.AN

こんなにどうでもいいスレも珍しい

**Name_Not_Found** · 2013/08/06(火) NY:AN:NY.AN

まあ、技術力が低い奴はそうだろうね。
セマンティックというのは、HTMLで極めて重要視されているのに。
動けばいい。そういう考えでやってるんでしょ。

**Name_Not_Found** · 2013/08/06(火) NY:AN:NY.AN

1だけが熱くなってるスレ

**Name_Not_Found** · 2013/08/06(火) NY:AN:NY.AN

動く。

**Name_Not_Found** · 2013/08/06(火) NY:AN:NY.AN

意味分かんない単語って結構つかうんじゃね？
商品名とかの固有名詞で
カタルーニャ語なんて俺も知らんし極端な話だと思うけど

インタプリタが変わると意味も変わるならそれはただのStringだ
って主張はわからんでもない気がする

まあ自分は意味のない文字列を使うことが多いので
どっちとも言えんのだけど

**Name_Not_Found** · 2013/08/06(火) NY:AN:NY.AN

<button type="button" class="a11012 a11012-03 a11012-79">Block level button</button>

なるほど、こう書けばいいのか
つか、昔は関数名をすべて通し番号でつける（内容は台帳で把握する）というコーディング規約になっているところがあったとか
今もそういうところあるんかな

**Name_Not_Found** · 2013/08/06(火) NY:AN:NY.AN

我慢し切れず登場するキモデブ

**Name_Not_Found** · 2013/08/08(木) NY:AN:NY.AN

>>21
意味がわからない単語は使うかもしれないが、

left, red, largeのように誰もが意味がわかるものを
違う用途に使うなんてありえないよ。

**Name_Not_Found** · 2013/08/08(木) NY:AN:NY.AN

>>22
a11012 a11012-03 a11012-79には意味が無いので
セマンティクスではありません。

リンクは一例な。こんなの基礎すぎてだれでも言ってることだから。

HTML5は"見た目"より"意味"が重要，セマンティクスを心がけよ - 羽田野太巳氏
http://gihyo.jp/news/report/01/chrome-html5-conference/0002

HTML5セマンティクスの理解 ? 第1部：新しい要素
http://www.adobe.com/jp/devnet/dreamweaver/articles/understanding-html5-semantics.html

HTML5 ドキュメントのセクションとアウトライン
HTML5 の仕様は Web ドキュメントの構造を標準的なセマンティクスで記述できるようにするいくつかの新しい要素を Web 開発者にもたらします。
https://developer.mozilla.org/ja/docs/Web/HTML/Sections_and_Outlines_of_an_HTML5_document

**Name_Not_Found** · 2013/08/08(木) NY:AN:NY.AN

なるほど

俺に意味のわかる言葉で書いてあればそれはセマンティクスで
俺が知らない言葉だったらセマンティクスじゃないから死ね

なんだな
ジャイアン？

**Name_Not_Found** · 2013/08/08(木) NY:AN:NY.AN

誰とセマンティクスを共有したいのかを意識しろということか

**Name_Not_Found** · 2013/08/09(金) NY:AN:NY.AN

>>26
お前が読んだ「セマンティクス」の解説ページはどれ？
そのページにそんなこと書いてあったか？

**Name_Not_Found** · 2013/08/09(金) NY:AN:NY.AN

マイクロデータ埋め込めばいいんでね

**Name_Not_Found** · 2013/08/09(金) NY:AN:NY.AN

まあこんなとこで管巻いてるより、実際に書いてる奴に直接指摘するのが一番だという

**Name_Not_Found** · 2013/08/09(金) NY:AN:NY.AN

<div class="left"></div>
<div class="right"></div>

<div class="左"></div>
<div class="右"></div>

<div class="esquerra"></div>
<div class="dret"></div>

これで意味が変わってしまうなら、確かに無駄な考え方だと思っちゃうなあ

**Name_Not_Found** · 2013/08/10(土) NY:AN:NY.AN

>>1
Bootstrapとかこんな感じだよね。
ボタン一つに対して、何度btnって書くのか？

btn-red、btn-boldとかもあんのかな？w

HTMLが複雑になるような設計はだめ。

**Name_Not_Found** · 2013/08/10(土) NY:AN:NY.AN

もうひとつ言っておくと、
スタイルは、いろんな場所で使いまわすもの。

だからCSSのスタイルをひとつ作って、
それをあちこちで使いまわす。

Bootstrap方式だと、スタイルを使う場所あちらこちらで
クラス名を大量にコピペしないといけない。効率が悪いわけ。

<ul>
　<li><button type="button" class="btn btn-default btn-large btn-block">ボタン1</button></li>
　<li><button type="button" class="btn btn-default btn-large btn-block">ボタン2</button></li>
　<li><button type="button" class="btn btn-default btn-large btn-block">ボタン3</button></li>
　<li><button type="button" class="btn btn-default btn-large btn-block">ボタン4</button></li>
</ul>

俺のやり方の場合、これだけでよい。

<ul class="button-list>
　<li><button>ボタン1</button></li>
　<li><button>ボタン2</button></li>
　<li><button>ボタン3</button></li>
　<li><button>ボタン4</button></li>
</ul>

**Name_Not_Found** · 2013/08/10(土) NY:AN:NY.AN

あ、減らしすぎてたｗ

<ul class="button-list>
　<li><button type="button">ボタン1</button></li>
　<li><button type="button">ボタン2</button></li>
　<li><button type="button">ボタン3</button></li>
　<li><button type="button">ボタン4</button></li>
</ul>

**Name_Not_Found** · 2013/08/10(土) NY:AN:NY.AN

くっそどうでもいい

**Name_Not_Found** · 2013/08/11(日) NY:AN:NY.AN

>>35
どうでもいいなら、
w3cが力を入れてないってーのｗ

**Name_Not_Found** · 2013/08/11(日) NY:AN:NY.AN

http://ja.wikipedia.org/wiki/%E3%82%BB%E3%83%9E%E3%83%B3%E3%83%86%E3%82%A3%E3%83%83%E3%82%AF%E3%83%BB%E3%82%A6%E3%82%A7%E3%83%96

セマンティック・ウェブ（英: semantic web）は
W3C のティム・バーナーズ＝リーによって提唱された、
ウェブページの意味を扱うことを可能とする標準やツール群の開発によって
ワールド・ワイド・ウェブ[1]の利便性を向上させるプロジェクト。
セマンティック・ウェブの目的はウェブページの閲覧という行為に、
データの交換の側面に加えて意味の疎通を付け加えることにある。

**Name_Not_Found** · 2013/08/11(日) NY:AN:NY.AN

例えばここであれがダメ、これがダメと言い続けたとしても、
結局標準化された枠組みができない限りは普及しないと思うんだよね
「必要がなければやらない」ってのが大多数だろうし
その昔テーブルレイアウトが意図しない形で大流行したのも、
実際に作る人間にとってわかりやすかったor表現するのに使いやすかったからなんだよね

**Name_Not_Found** · 2013/08/12(月) NY:AN:NY.AN

なんだ？標準化って

誰も標準化しようなんて話はしてないし、
セマンティックウェブを知らん奴は
m9(^Д^)ﾌﾟｷﾞｬｰって言ってるだけでしょ。

**Name_Not_Found** · 2013/08/12(月) NY:AN:NY.AN

そのﾌﾟｷﾞｬｰがどーでもいーという話にしかならないというのが、このスレを見てりゃわかるだろ

**Name_Not_Found** · 2013/08/12(月) NY:AN:NY.AN

馬鹿しかいないから

**Name_Not_Found** · 2013/09/15(日) 17:34:08.15

clearfixとかどうしてる？

**Name_Not_Found** · 2013/09/22(日) 17:26:13.40

>>42

SCSS使ってこんな感じでやってる。

.foo {
　@extend clearfix
}

**Name_Not_Found** · 2013/09/22(日) 17:39:05.27

何語がどうのってのはちょっと違うと思う。
だってCSS自体が英語ベースなんだから。

プロパティと同じ文字列をクラス名に付けたらそりゃ
わけわからなんくなるでしょ。

.float_left{
float:left;
}

なんじゃこりゃだし、
後からfloat:right；に変えられないし

**Name_Not_Found** · 2013/09/22(日) 17:41:59.91

たまにclass="clearfix"って書いてる奴もいるけど
これも同じ。

あとからclearfixじゃなくなったらどうするの？
classから取り除くの？

あほじゃね？

>>44
あとから、クラス名をfloat_rightに変えればいいだけ。

あほじゃね？

**Name_Not_Found** · 2013/10/11(金) 09:42:57.90

rightは普通に足せばいいだろ。
汎用性高いものは、redとか使うけど。
いつ、どこで使うかわからんし。

**Name_Not_Found** · 2013/10/27(日) 15:59:22.06

スタイルの内容をクラス名にするのはクソすぎ
いっそstyle要素使え

**Name_Not_Found** · 2013/11/16(土) 23:34:57.99

お前未だにCSS手書きだろ

**Name_Not_Found** · 2013/11/18(月) 15:32:05.53

手書きメインだわ

**Name_Not_Found** · 2013/11/19(火) 22:40:10.53

昔は>>1のように思って、見た目じゃなくて意味でクラス名を付けるべきだ！
と一々英辞郎で訳語を調べてクラス名を付けてたなあ…。

でも趣味の世界ならともかく、仕事の世界で「意味」だけでクラス名を付けちゃうと
メンテナンス性が一気に落ちて悲惨になる。

意味で命名するとCSSの中身はほとんど変わらないのに別の単語でクラス名を作る羽目になり、
このクラスを指定することでどういう動作になるのかがHTMLを見ただけでは全く分からなくなって、
結局CSSも膨大になり自分以外には誰もメンテナンスできない代物が出来上がっちまった。

何だかんだで、「class="right red"」みたいに細かいクラス名を組み合わせる方が、
ダサくても維持管理しやすい、というのが手痛い経験から学んだことだった。

**Name_Not_Found** · 2017/05/17(水) 19:56:14.81

age

**Name_Not_Found** · 2017/05/18(木) 07:32:34.59

名前なんかどうでもいいよ死ね>>1

**Name_Not_Found** · 2017/12/12(火) 05:30:42.70

ホームページで友達が稼げるようになった情報とか

⇒　http://asaswq3wq.sblo.jp/article/181819223.html

興味がある人だけ見てください。

HCRP7I3WT3

**Name_Not_Found** · 2018/05/01(火) 20:51:50.02

誰でもできる在宅ワーク儲かる方法
少しでも多くの方の役に立ちたいです
グーグルで検索するといいかも『金持ちになりたい鎌野介メソッド』

PFDNK

**Name_Not_Found** · 2023/02/01(水) 14:32:13.57

余所でやってください

**Name_Not_Found** · 2023/02/04(土) 17:00:01.10

彼女いる？

**Name_Not_Found** · 2023/08/04(金) 10:41:15.11

肩にハエいるよ。