HTML/CSS のどんな質問に必ず優しく答えるスレ 31
■ このスレッドは過去ログ倉庫に格納されています
ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです
類似質問、重複質問、丸投げ大いに結構。HTML / CSS 関係の事なら何でもOK
分からない人は何回聞いても結構。質問するときはIDを出すためにメール欄を
age にすることをおすすめします。
回答してくれる方は優しい人のみ! 質問者に対して暴言を吐く人はこのスレを見るな!!
終わった話を蒸し返すやつは このスレにくるな!!!
自分で調べろという回答も禁止!!回答するかさもなくば何も書き込むな!!
質問側も節度あるレスで!質問前にスレ内を検索しましょう
■次スレについて
基本的にレスナンバー>>980を取った人(立てられない場合は次の宣言者)が立てて下さい
重複を避けるため、独断でスレ立てはせず必ず意思表示をしてから立てて下さい(>>980を取った場合も)
立てられない事が予め分かっている場合は、>>980付近の書き込みは自重しましょう
■前スレ
HTML/CSS の質問に優しく答えるスレ 30
http://mevius.2ch.net/test/read.cgi/hp/1508043632/
■関連スレ
Webサイト制作初心者用質問スレ part248
http://mevius.2ch.net/test/read.cgi/hp/1494150188/
■HTML
HTML Living Standard 日本語訳
https://momdo.github.io/html/index.html
■CSS
Selectors Level 4 日本語訳
https://triple-underscore.github.io/selectors4-ja.html > なら普通にCSSセレクタ定義するのと何が違うの?
だからCSSセレクタは、選択するための書き方であって
定義ではないと
"CSSセレクタ定義"でググっても2件しかでてこないわw >>290
その理屈だと「見たことがない」は
お前が見たこと無いだけだろw
で終わる話だよな >>287
>>288
>定義にすれば
そこからもうだめ。
動的の経験をもっと積まないと話にならないよ。
つまり汎用性がないから使えないんだよ。いずれわかるだろう >>292
そうだよ?見た事あるの?
そのサイトのURL出してよ。
めずらしくないんでしょ?たくさんあるよね? >>295
はいどうぞ
https://kuroeveryday.blogspot.jp/2017/03/css-structure-and-rules.html
どれもひどいもんだね
俺のやり方ではこの例はこうなる
<h1>title</h1>
<ul class="menu">
<li>link</li>
<li class="active">active</li>
</ul>
HTMLもシンプルだし最低限のclassしか必要としない
menuという起点となるclassがあって
liはulの直下と書けば良いのだから不要
どうしても無理なパターン(この場合はactiveが近いな)にのみ
classをつける >>271
しつこいのはお前だろ暇人w
>>183のレス先たどってみろよ。data-の話題と関係ないんだが。
暇人の上に文盲かwww まあ実は、少しだけ命名規則が有るわけだが
今回言いたいこととは関係ないので、>>296には含めていない
既存のやぼったいフレームワークとは反対の考え方だから
俺独自のフレームワークとして公開したほうが良いかもな
まあフレームワークとして公開するような規模でもないし
単に考え方、最初にHTMLの構造を定義しましょうという話なんだが
(そうすればこんな複雑なフレームワークを持ちいらなくてもCSSセレクタは書けるようになる) OOCSS、BEM、SMACSS、FLOCSS、RSCSSといった設計思想は
CSSありきで、その設計をHTML側に反映させましょうというやり方だから
HTMLもCSSもあんなに複雑になるんだよな。
CSSが複雑なHTMLでも対応できるように考慮されてるから
大抵はシンプルで終わるHTMLに大規模対応の設計思想が組み込まれてしまう
俺の設計思想は方向が逆でまずHTMLの構造を定義しましょうという
思想だから、HTMLがシンプルになりCSSもシンプルになる
だからといって大規模なHTMLに対応できないか?と言われれば
そうではなく、それこそ俺がここに書いてない簡単な命名規則で対応できるレベル >>296
俺もこれ
もう最近はフレームワークとか使ってない
フレームワークのcssを打ち消したりする手間がしんどい
1から自分で書いたほうが色々と早い あらためてみると RSCSS が > を使うようで
一番俺の考えに近いのかな?
その他のフレームワークで、例えばBEMが
<ul class="menu">
<li class="menu__item--large">link</li>
<li class="menu__item--active">active</li>
</ul>
このように、menu_item--large みたいな長ったらしい
クラス名になってるのは、 ul の 直下にある li という構造を
前提としてないからこうなるんだよ
確かに .menu の直下に .menu__item--large がないかもしれないじゃないか!
って言われれば、そのとおりなのだが、それはHTMLの構造が定義されてないから起こることで、
.menuの直下にliがあってそれが(クラス名は付けないが) .menu__item--large 相当です。
と定義してしまえば、それに反することはないから、わざわざ .menu__item--large なんてものは
作らなくて良くなる。 なお、俺が言ってるやり方っていうのは > を多用するのでscssと相性が良い
使わないと見づらいし、scssで階層構造を作ってしまえば
そのリンク先のRSCSSのサンプルのように
scssを見るだけでも階層構造によってある程度HTMLの構造が把握することができる
OOCSSとかBEMとか普通のCSSでも書けるのはメリットかもしれないけど
名前から階層構造を判断しなきゃいけない 専ブラ使ってる方は、
NG Word 追加、正規表現にチェックをつけて、
sass|scss
と入力、連鎖あぼーんにチェックをつけてOKです。 >>296
いや一個一個id振るとか古より伝わるcssでもなんでもなく、そんなやり方してるやつ古より皆無だろ…何いってんのこのひと。
しかも 自分のやり方はこうだ!ドヤ してるがまたそれも当たり前のことだしむしろそれが古より伝わる書き方なんですけど一体なにを学んだらそんなマウント脳になれるんだろう
ってかもうどっちがscss!定義!マンだかわからないからほんと他でやってください うむ、RSCSSっていつから有るんだと思ったらgithubのリリースからすると
2015年2月っぽいちょうど俺がHTML/CSSを触らなくなった頃か
俺がOOCSS(2012年ごろ?)を聞いたときはなにクソな設計思想だなって
おもって、それを踏まえたBEMとかでてきて、
本来は既存のフレームワークを使いましょう派である俺だが、
俺のやり方とは真逆だ、ムキーって思っていたら
同じ方向性のRSCSSってのが出ていたんだな。
RSCSSはVariantsとか命名規則に少し違いが有るようだが、
俺がそれまでやっていたやり方と近いようだ。
これなら採用しても良いかも
ってか、クラス名ハイフンで初めてOKだったのかよw
俺はこれをstateと呼んでいて、is- をプリフィックスとして
使いましょうって命名規則にしてたわ
ElementsとかNested componentsとかLayoutsとか
なんとなく区別したほうが良さそうだが、そこまでいるかー?って考えで
逃げていたのがちゃんと書いてあって参考になるわ >>304
え?idに一個一個振るとかいう古代のCSSの話じゃなくて
OOCSSとかBEMとかの話なんだけど?
で、お前これらのフレームワークを見たことなかったんだよね?
それは認めないとw >>303
はい、ぜひともそれやってください。
そうすれば俺の書き込みが見えなくなるので
くだらない反論もしてこなくなります。
俺だけの意見が残って万々歳ですw >>307
ここはあなたの意見を残すスレではありません。
HTML/CSSの質問に答えるスレです。 >>296
それ違うよね?
誰も古代のCSS設計を紹介しているサイトのURL貼ってなんていってないよね?
俺が言っているのは、
全て1つ1つクラス指定をしている、実際の具体的なサイトのURLを貼ってっていってるんだが。
わかってるよね?
無かったんだよね? 後出しですが質問です。classは要素ごとに細かく書いたほうが良いのでしょうか?
あとBEMやOOCSSなどのCSSフレームワークと
sass(scss)について教えてください。
HTMLとCSSに関係がある話だと言うことは分かっています。 >>309
OOCSSやBEMは古代じゃないよ?
まずそこが分かってない。
そして具体的なサイト?
公式サイト見ればいいじゃん。
そういうフレームワークを提唱しているサイトが
自分で使ってないわけないんだから
そんなことにも気づかなかった?
あ、そうか、そういうフレームワークを提唱しているサイトで
使われていることがわかったから「古代のCSS設計」のみに
限定したんだね。卑怯だなぁw
で、OOCSSやBEMのサイトみてきてよ >>312
わざとだよw 今度から自分の意見を書くときは
質問を書こうかなと思ってねw >>311
おいおい・・OOCSSやBEMの話なんてしてないし、
そのあんたが紹介したサイトが「古代のCSS設計」ってタイトルだからそう書いたんだが?
具体的にそのサイトのソースのCSS記述も見たけど
おもいっきりタグで指定してますが?
html body .content-outer {
クラスだけで1つ1つ指定しているサイトではありませんよね?
公式サイトって具体的なそのページのURLで示してよ
今見たページはクラスで全て書いてなかった。タグ指定で書いてたから。 sass君がやたら凄い勢いでカキコしてるな
気持ちの動揺が隠しきれなくなったか >そのあんたが紹介したサイトが「古代のCSS設計」ってタイトルだからそう書いたんだが?
何を見てるんだ? タイトルだろ? <title>タグみたか?
見てないにしろページの一番上には
「OOCSS、BEM、SMACSS、FLOCSS、RSCSSを比較して自分にあった設計思想をみつける」と
書いてあって、これがタイトルだが?
でお前は、どの部分だけしか見てないって?
「古代のCSS設計」の部分しか見てないって?
ページの途中にある<h4>でしかない「古代のCSS設計」が
タイトルだって思ったって?
他にもある<h4>のOOCSSやBEMは見てなかってって?
そういいいたいのかな? ちなみにBEMとか命名規則の手法が話題になったのってかれこれ3年以上前だぞ てか真面目な話これは本当に良くないよ。
シンプルにスレ違いなんだって。
質問スレでなんだこの横暴…
自治で解決出来ないならダメ元で規制依頼でもしてみます? >>317
うん、見てなかった。タイトルの件は間違えたよ。うん。
で?
おれは結局どこのソースをみればいいの?
どこでクラスだけで全て記述されたサイトがたくさん確認できるの?
そのURLを早く貼ってよ 少なくともそのサイトの人はOOCSSなんかと比較して
「古代」と言ってるわけで、それぐらい読み取れないとダメだよね クラスだけ(まさかHTMLなしって意味!?)で
全部記述されたサイトというのが何を求めてるのか知らんが
bootstrapはOOCSSの設計が使われてる、クソなフレームワークの一つだね
ほらHTMLを見て!あんなにたくさんクラスが書かれてる
メンテナンス大変そうw >>323
クラスじゃないですが?
body {
margin: 0;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #fff;
}
a {
color: #007bff;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects;
} >>325
言うと思ったんで、じゃあ>>264を振り返りましょうか?
> リセットCSS的な用途を除き、HTML要素に直接スタイルを
> 割り当てるのはだめだけど「あるclassを起点にする」ならば
はい、すでに反論済みです。それはリセットCSSです >>306
え…oocssとかbemってのは命名規則に基づく設計思想?であってフレームワークじゃないよね?フレームワーク使ってるかどうかなんて関係なくね??
またマウント脳?
しかも設計思想?の話だったら古のcssから続く話だからあってるよ??
日本語大丈夫? 俺が言ってることをすり替えてきそうな
流れを感じるので
>>228で俺が言ったことを再掲しておきますね
> 名前は必要なところだけ付ければ良い。どうしても必要なところだけclassをつける。
> そのclass以下にある要素はHTMLタグで区別できるならそれでいい。
> あるclassを起点にしてHTML要素の構造にスタイルを適用していく
> そうするとHTMLは凄くシンプルになる。 >>327
だからOOCSSという設計思想を使ってるフレームワークである
bootstrapを出しましたよ?
ここまでで何か問題が? >>331
リセットってのは初期化する事
デフォルトのスタイルを「無効化」する事 >>327
> しかも設計思想?の話だったら古のcssから続く話だからあってるよ??
それ日本語になってない。
誰かほかの人、こいつが何を言いたいかわかるか?
わかった人は答えてくれ(多分いないから) >>333
リセット
re - set
再 - 設定
初期化はformatやinitializeだし
無効化はdisable
英語のレベルで間違ってるぞw 話それるけど
> リセットの意味もわかって無さそうだね
こういうレスする理由わかっただろ?
なぜ自分の意見を言わないのか。
自分の意見に自信がないから、
それは間違ってる(だけど正しいことは言わない。自分が間違ってることがばれるため)
という言い方をするんだよ
こうやって>>329の考えをひきだすと
>>333のようにボロが出るわけさ >>336
そこに
> 2 機械や装置を、作動前の初めの状態に戻すこと。セットしなおすこと。
セットし直すことって書いてあるけど?
また見えなかった?また?w ここは意見を言うスレではありません。
スレタイを読んでください。 >>335
>リセットCSS的な用途
これどういう意味で使ってた?
リセットCSSで>>325みたいに文字色やフォントファミリー指定するのか?
そこからずれてるぞ 無効化するんじゃなかったのか?
こんどははじめの状態に戻すって言い始めたぞw >>340
指定するぞ?
ブラウザごとに初期値が違うんだから リセットCSSとノーマライズCSSの違いを教えて! >>332
いやだからそのフレームワークを見たことあるのかは関係なくない?
命名規則や設計なんてcss覚えた頃からみんな当たり前に考えてるもんじゃん
なんでわざわざフレームワークなんて産廃だしてきたの? >>345
リセットCSSというのはブラウザのCSSを再設定して
ブラウザ毎に差異をなくすること。手法の名前
だからどのリセットCSSを使いましょうか?という話が出てくる
Normalize.cssというのはリセットCSS実装の一つで
有用なデフォルトのスタイルは維持して、それ以外の
問題になるものだけをリセットしましょうという方針で作られたもの
http://necolas.github.io/normalize.css/ のみを意味する >>346
> なんでわざわざフレームワークなんて産廃だしてきたの?
やっぱりお前の認識はずれてるなw
それとも世間は産廃だと思ってますよ
その前提のもとに話をしてますよねって
言うことにしたいからそういったのか?
まずこう言おうか?
「私はフレームワークは産廃だと思っています」と
そうすれば自然な流れだとして
なぜ産廃だと思っているのか?とお前に聞く流れになるだろ?
話を進めよう
なぜお前はフレームワークが産廃だと思ったのか?
Bootstrapは今も更新し続けられている有名なフレームワークの一つだ >>345
超超端的にいうと
リセットcssは
マージンパディングが0
限りなくcssに値がないようなプレーンな状態
ノーマライズcssは
各ブラウザで差がなくなるように調整した値[否0] >>348
あんなhtmlに、ましてタグ一個にあんだけclass振るなんて産廃以外のなにもの?
更新されようが今時使ってる奴なんているの?
有名なのもbootstrapプププ方面だよ? > リセットcssは
> マージンパディングが0
> 限りなくcssに値がないようなプレーンな状態
それはリセットCSSの一つで Universal Selector ‘*’ Reset と呼ばれている
https://cssreset.com/scripts/universal-selector-css-reset/
他のリセットCSSでも含まれているものが有るが
必ずしも0にする必要はない >>348
あと俺は一貫してscss推し基地、定義マン、フレームワークバカはこのスレにふさわしくないと思ってるからな
クリーンなhtml/cssで簡潔に質問者に答える、それがこのスレ。 >>350
おまえは本当に何の役にも立たないことしか言わないなw
言っとくが俺は最初からbootstrapはクソだって言ってるからな?
bootstrapのようにあんなにclassを多用するのはだめだ
俺のやり方ではclassは最小限であるって話をした所で
お前が、classを多用するやつなんて見たことないって言ったから
(俺が批判しているものの一つである)bootstrapを持ってきてやったんだろうが
でbootstrap使ってるやつ? 全世界で 16.7% 使われてるよ
https://w3techs.com/technologies/overview/javascript_library/all
お前、知らないこと多すぎだろ
それでよく勝ち目のない討論仕掛けたよなw >>352
誰もお前の思っていることを語れなんて言ってない >>353
討論する気なんてないし>>352なんでどっかでてってくださいっだけ、それ以外はほんと俺の非でかまわないんでどっかいってください 結局どっか言ってほしいがために、
無知な頭まで仕掛けてきたってわけかw
それでボコボコにされてりゃ世話ないな classを多用するもんなんか知らないと言っておきながら
classを多用するbootstrapを前から知っていたかのような
顔するのやめなよ? バレないと思ったかもしれないが
こうやって指摘されると恥ずかしいだろ?w >>353
あと誰かと勘違いしてるがおれはその話の中にはでてきたやつじゃないからな…classを多用するやつなんて〜は俺じゃないしこのスレは
scss!定義! マン1人
なぜかフレームワークをだしてくる1人
その他scssフレームワークはスレ違い派 多数
で進んでるからふたりがいなくなれは解決なんだよ 「でてってください」に答えると
出ていくことはありません。ってはっきり言っておこうか?
絶望したろ?w
出ていくことがあるとしたら俺が飽きた時ぐらい。
これからもHTML/CSSに関連はする話を続けます。 > で進んでるからふたりがいなくなれは解決なんだよ
少なくとも俺はいなくならないから解決しないってことだな この板で
sassやscssで検索してもスレないんだな…… あ、この板でかw
そりゃsassやscssはこのスレの担当だからね >>356
誤字で日本語不自由みたいだから書き直して >>364
このスレの担当じゃないから建てろって話でまとまっただろ記憶喪失か? >>365
え?もっかい書いて良いのかい?
結局どこかに言って欲しいがために、
無知な頭でバトルを仕掛けてきたってわけかw
それでボコボコにされてりゃ世話ないな >>366
どこでまとまった?
お前の意見以外でまとまったとみなせるような
レス教えて >>364で
> そりゃsassやscssはこのスレの担当だからね
sassやscssはこのスレの担当だとまとまりました >>367
まだ誤字があるからもう一回ちゃんと書いてください。日本語かけるよね? 「誤字」ですよね?じゃあ誤字である所を示してください
誤字以外は示さなくていいですよ。日本語わかるよね? 一応「誤字」の定義書いておくか。こいつが日本語読めるか知らんけど
https://www.weblio.jp/content/%E8%AA%A4%E5%AD%97
ご じ [1] [0] 【誤字】
あやまった形の文字。あやまって使った別の字。印刷物の誤植についてもいう。 あれ?
scss推し定義マンとフレームワークマンは別の人?誰を応援すればいいの? >>374
ありがとう!気づかなかったよ
じゃあもう一回書くね!
結局どこかに行って欲しいがために、
無知な頭でバトルを仕掛けてきたってわけかw
それでボコボコにされてりゃ世話ないな
感謝の気持ちでもう一回!
結局どこかに行って欲しいがために、
無知な頭でバトルを仕掛けてきたってわけかw
それでボコボコにされてりゃ世話ないな
さらにしつこく煽ってもう一回!!
結局どこかに行って欲しいがために、
無知な頭でバトルを仕掛けてきたってわけかw
それでボコボコにされてりゃ世話ないな >>374
> scss推し定義マンとフレームワークマンは別の人?誰を応援すればいいの?
お前ん中で自分の都合がいいように解釈すればいいよ
そうすりゃ安心感を得られるだろ? >>378
アンカー間違えたので訂正
ありがとう!気づかなかったよ
じゃあもう一回書くね!
結局どこかに行って欲しいがために、
無知な頭でバトルを仕掛けてきたってわけかw
それでボコボコにされてりゃ世話ないな
感謝の気持ちでもう一回!
結局どこかに行って欲しいがために、
無知な頭でバトルを仕掛けてきたってわけかw
それでボコボコにされてりゃ世話ないな
さらにしつこく煽ってもう一回!!
結局どこかに行って欲しいがために、
無知な頭でバトルを仕掛けてきたってわけかw
それでボコボコにされてりゃ世話ないな >>376
やっと気づいたか
宿題のように反復ご苦労様。
これで間違えることはなくなりそうだね
ちなみにボコボコってどこ?
いつのまにか攻撃先が変わってるんだけど俺参加し始めたの古代のCSSw云々あたりなんだよね >>382
> ちなみにボコボコってどこ?
IDでてないからわからんねw
少なくともbootstrapが使われていることを
知らなかったやつとか当てはまるね 同一人物か知らんけど、
classを多用する書き方があることを知らなかったやつも
俺がボコボコにしたやつの一人だろうな 俺を追い出そうとしたやつ
sassやcssフレームワークの話をしてるやつは
ボコボコにしたというより、俺を追い出せなくて
かわいそうに感じる人だな >283>304>327
>346>350>352
>355>358>365
>>384
はい、俺が書いたのこれ
タブってそうなやつ(文字直せとか)は省いた
で、どれだろ? >>387
じゃあお前はbootstrapが使われてないことを知らないやつだなって
ボコボコにしたやつ 兼 かわいそうな人だな。
いくら夢見ても俺が出ていくことはないよ? >>388
ん?
[bootstrapが使われてないことを知らないやつ]そんなやついたか? 現実がみじめなおじさん、標準規格のHTML/CSS質問スレで初心者の質問にスレ違いで非標準のsass/scssの話をしてマウントを取るの巻
なお現実のみじめさは変わらない模様wwww
理由はお察しwwwww ■ このスレッドは過去ログ倉庫に格納されています