X



HTML/CSS のどんな質問に必ず優しく答えるスレ 31
■ このスレッドは過去ログ倉庫に格納されています
0001Name_Not_Found
垢版 |
2018/01/27(土) 13:50:08.11ID:???
ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです

類似質問、重複質問、丸投げ大いに結構。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
0265Name_Not_Found
垢版 |
2018/02/10(土) 21:29:52.31ID:l5P9wiGA
>>263
お前さんのように暇じゃないのでな
悔しいのはつまらないと指摘されちゃったほうだろ
0267Name_Not_Found
垢版 |
2018/02/10(土) 22:02:41.31ID:???
>>261
一般的、というか普通に皆メインはそう書いているだろう事を何で今更書いたの?

@.posted-at p span + time{プロパティ}
A.posted-at > time{プロパティ}  
B.posted-at time{プロパティ}

”いわゆる”構造指定のセレクタとあえて言われればば@Aなどを連想するが。
Bはごく普通に皆が普段使用している書き方。構造もざっくり指定しているがあえて構造セレクタとは言わない。
@Aは汎用性が無いが、時と場合によっては有用で一般的には使えない。
Bは今更言わなくても一般的で他に方法はない
ちなみに全部のセレクタに1つ1つクラス名を付けているのなんて見た事無い。
みんながそうしているとでも思ってたの?

つーか、>>254は理解できた?
まずこちらの質問に回答してよ
0268Name_Not_Found
垢版 |
2018/02/10(土) 22:12:14.90ID:???
もうみんな質問とかそっちのけで揉めまくっててワロスw
0269Name_Not_Found
垢版 |
2018/02/10(土) 22:16:05.88ID:???
まあ、クレーム付いているのはsassをしつこく押しつけてた1人だけっぽいけどなw
0270Name_Not_Found
垢版 |
2018/02/10(土) 22:23:20.97ID:???
>>267
> ちなみに全部のセレクタに1つ1つクラス名を付けているのなんて見た事無い。
> みんながそうしているとでも思ってたの?

自分が見たことないから、そうしてる人は一人もいないと思ったの?
0271Name_Not_Found
垢版 |
2018/02/10(土) 22:23:43.18ID:???
>>266
お前もしつこい
data-の有無であって名称の付け方ではない
183が頓珍漢なことは間違いない
0272Name_Not_Found
垢版 |
2018/02/10(土) 22:26:30.19ID:???
>>267
> 投稿ページでは投稿タイトルがH1だが
> 投稿の一覧ページでは投稿タイトルがH2になる。
> ごくありふれた例だよな?
> こいうのも使えない。

だから何が使えないの?

何度も言うが「あるclassを起点にしてって」書いてあるとおり
classを起点にしてない時点で、H1にもH2にも直接スタイルを適用してはいけない


.post-page H1
.post-list H2

俺が言ったとおりにやると、それぞれ何のページかがわかるんだから、
それぞれで適切なスタイルを適用すれば良い。
別々にすることもできるし違ったスタイルにすることもできる

だから、何が使えないの?
0273Name_Not_Found
垢版 |
2018/02/10(土) 22:33:02.65ID:???
> もう一例だそうか?
> 「購入する」「申し込む」などのコンバージョンボタンはあらゆる箇所に出現させられる必要がある
> これは構造を指定する意味が全くない。


構造を指定する? 構造は指定するものじゃないが。定義するものだが?

コンバージョンボタン(.conversion-button)というものを作ったら、
そのボタンは、単に自分自身がinput type="button"要素であってもいいし、
<button class=".conversion-button"><i>アイコン</i><span>説明</span></button> みたいに
「コンバージョンボタンというのは中にi要素でアイコン、span要素で説明という構造を持っているものです」
という定義をして

この構造ををあらゆる場所に出現させることができる。
どこで出現させたとしても、「あるclassを起点にして」
つまり.conversion-buttonを起点にするから
どこで指定しても同じスタイルが適用できる。

構造の中にある要素にはわざわざクラスを付ける必要はない。iとかspanでよいと
何度も言ってるんだが?

いいかげん理解した?
0275Name_Not_Found
垢版 |
2018/02/10(土) 22:37:23.37ID:???
.posted-at > timeが構造でもなんでもない(>>255)
といいつつ
構造指定といわれて.posted-at > timeを連想する(>>267)
というのがどういうことかわからなかったが
まあいいかw
0276Name_Not_Found
垢版 |
2018/02/10(土) 22:40:09.31ID:???
id表示がないから誰がどのレス書いてるのかさっぱり分からないw
0277Name_Not_Found
垢版 |
2018/02/10(土) 23:00:25.99ID:???
>>270
コミュ力大丈夫か?
皆がそうしていると思った = 一人もいない  なぜそうなるの?大丈夫?

>>272
WordPressとか動的サイト作った事ないでしょ?
それぞれのページとか概念がおかしいし、わかる必要が無いんだよ。どこでも使えなきゃいけないんだよ。

.post-page H1
.post-list H2
だと親に「.post-page」か「.post-list」をもたなけれあいけなくなるから使えない。
H1かH2でなければいけなくなるから使えない。
要するに使えないんだよ。

どうしたらよいか
.titleで1回書くだけ書けばいい
どうしてもデザインを分けたい場合だけ、.親クラスを指定する。タグの指定は汎用性を落とすから使わない。
0278Name_Not_Found
垢版 |
2018/02/10(土) 23:02:17.58ID:???
>>267をよく見てわかったわ

> ”いわゆる”構造指定のセレクタとあえて言われればば@Aなどを連想するが。


>>267は構造を"定義する"という考え方がないんだな。
(誰かの手によって)そういう構造になっている時に
セレクタで"指定する" という考え方しかないんだ
だから構造指定のセレクタとか言ってるわけか

だから俺は重要なこととして何行も使って 構造を"定義する" と 言ってるんだよ

もちろん.posted-atという構造を定義する場合、どのように定義すべきかは
決まってるわけじゃない。単に定義するという話で特に制限はない
(ただし同じクラスに二種類の定義をするのもダメとは言わないが混乱するだけだろう)
つまり以下のどういう構造でも良い(セレクタで書いてないのは意図的だからな)

@.posted-at の中に p があって、その中に span があって、それに隣接して time があるという構造
A.posted-at の直下に time があるという構造
B.posted-at の中に time があるという構造

.posted-atという構造の定義として「中に自由な要素を入れることができる」を加えてしまうと
中に想定外の p や span が入った時、1は誤爆しやすくなるが、それだけの話だな
その場合は定義を厳密にして、 .posted-at の直下にpがあって〜とすればよい。

ここまでが .posted-at という構造の話で
その構造に対してデザインを適用する時のセレクタをどうするかはまた別の話

定義すべき「あるclassを起点としたHTMLの構造」というのはHTMLレベルの話で
それにデザインを適用する時のセレクタはCSSレベルの話であるということ
とは言えセレクタは構造通りに指定するのが誤爆しにくくなるのは言うまでもないがな
0279Name_Not_Found
垢版 |
2018/02/10(土) 23:03:10.21ID:???
>>277
> 皆がそうしていると思った = 一人もいない  なぜそうなるの?大丈夫?

箱の中に赤いボールしかないと思ったんでしょ?
なら青いボールは一つもないよ
当たり前だろう?
0280Name_Not_Found
垢版 |
2018/02/10(土) 23:04:45.87ID:???
>>273
理解してないのお前だよw
ボタンがbuttonタグじゃなかったら使えないよね?
aタグだったりinput type="button"だったらダメだよねそれ?

てか理解する気ないならしなくていいよ。
その手法で頑張って。
0281Name_Not_Found
垢版 |
2018/02/10(土) 23:07:42.65ID:???
別のスレでやってくれないか
0282Name_Not_Found
垢版 |
2018/02/10(土) 23:10:27.27ID:???
>>277

> .post-page H1
> .post-list H2
> だと親に「.post-page」か「.post-list」をもたなけれあいけなくなるから使えない。
> H1かH2でなければいけなくなるから使えない。
> 要するに使えないんだよ。
>
> どうしたらよいか
> .titleで1回書くだけ書けばいい

それは俺と同じことを言ってるだけだが?

H1とH2で区別しないなら.titleでいいだろ?

.post-page .title
.post-list .title

投稿ページとリストページで区別付けないなら
.titleと省略できるだろうな

.titleというclassを起点として中にHTML要素がない(定義しない)という
俺が言った一番シンプルなパターンだ
0283Name_Not_Found
垢版 |
2018/02/10(土) 23:11:47.24ID:???
指定じゃない定義!ドヤァとかさぁ
もうscss基地と同一人物なのまるだしじゃねーか…
ここはあなたの売れないscss本の後書き欄じゃありませんから自分でスレ立ててそっちで構造定義!scssで解決!ってやってください
0284Name_Not_Found
垢版 |
2018/02/10(土) 23:12:57.99ID:???
>>279
長い上に全く意味不明

>.posted-atという構造を定義する場合、どのように定義すべきかは
>決まってるわけじゃない。単に定義するという話で特に制限はない

なら普通にCSSセレクタ定義するのと何が違うの?

>.posted-atという構造の定義として「中に自由な要素を入れることができる」を加えてしまうと
>中に想定外の p や span が入った時、1は誤爆しやすくなるが、それだけの話だな

だから最初からそこを指摘して使えないっていったんだって

なんのこっちゃ
0285Name_Not_Found
垢版 |
2018/02/10(土) 23:14:23.14ID:???
定義って言いかっただけにしか見えんw
0286>>282の続き
垢版 |
2018/02/10(土) 23:15:42.64ID:???
> 名前は必要なところだけ付ければ良い。どうしても必要なところだけclassをつける。
> そのclass以下にある要素はHTMLタグで区別できるならそれでいい。
> あるclassを起点にしてHTML要素の構造にスタイルを適用していく
> そうするとHTMLは凄くシンプルになる。

名前は必要な所(.title)につけて、「そのclass以下にある要素」が無いと言うだけ

もし構造を以下のように定義した場合は
<header class=".title"><h1>見出し</h1></header>

h1というHTMLタグで区別できるならh1にclass名を付ける必要がなく
単に .title > h1 とすればよいと言ってる。

明確ではないが
<header class=".title"><h1>見出し</h1></header> という構造
<header class=".title"><h2>見出し</h2></header> という構造
という2つの構造を定義すれば

.title > h1 と .title > h2 で投稿ページと投稿一覧ページが区別できるから
別々のスタイルを適用することもできるし、別々のスタイルを適用することもできるだろう。

だけど .title だけだと同じスタイルしか適用できない

最初に書いたこれ↓であれば、同じスタイルでも違うスタイルを
適用することが可能になるし意味が明確になる。
> .post-page H1
> .post-list H2

この場合の"構造" は .post-page の中にh1があるという構造
.post-list の中にh2があるという構造 ということになる
0287Name_Not_Found
垢版 |
2018/02/10(土) 23:17:20.14ID:???
>>284
> なら普通にCSSセレクタ定義するのと何が違うの?

自分で "CSS" セレクタと書いてしまっているだろ?
HTMLの構造を決める段階で CSSを意識してしまってる

CSSをどうするかは後から考えろ。
まずHTMLの構造を定義するという話。


ここまで説明する必要があるってことは、
やっぱり当たり前の考えではなかったとうことだろうなw
0288Name_Not_Found
垢版 |
2018/02/10(土) 23:18:52.12ID:???
>>284
> だから最初からそこを指摘して使えないっていったんだって

それは定義が悪いだけで。"中に" じゃなくて "直下に" って
定義にすれば(場合によっては別の定義が必要かもしれんが)

そうすればできるよね?
反論有る?
0289Name_Not_Found
垢版 |
2018/02/10(土) 23:19:42.20ID:???
>>276
まだ草1個だからまだましかな
3つ生やしたらそいつは終わってる
0290Name_Not_Found
垢版 |
2018/02/10(土) 23:19:47.44ID:???
>>279
皆→大多数を指す(全てではない)

その糞例えにあえて付き合うなら

箱の中に赤と緑と青があって90%が赤
つまりそれが「大多数」であり、「皆」な。

皆という単語は100%の意味を持たない。

一般的な会話もできないの?
0291Name_Not_Found
垢版 |
2018/02/10(土) 23:20:15.16ID:???
> なら普通にCSSセレクタ定義するのと何が違うの?

だからCSSセレクタは、選択するための書き方であって
定義ではないと

"CSSセレクタ定義"でググっても2件しかでてこないわw
0292Name_Not_Found
垢版 |
2018/02/10(土) 23:21:09.21ID:???
>>290
その理屈だと「見たことがない」は
お前が見たこと無いだけだろw
で終わる話だよな
0293Name_Not_Found
垢版 |
2018/02/10(土) 23:25:42.42ID:???
>>287
>>288

>定義にすれば
そこからもうだめ。
動的の経験をもっと積まないと話にならないよ。
つまり汎用性がないから使えないんだよ。いずれわかるだろう
0295Name_Not_Found
垢版 |
2018/02/10(土) 23:27:09.19ID:???
>>292
そうだよ?見た事あるの?
そのサイトのURL出してよ。

めずらしくないんでしょ?たくさんあるよね?
0296Name_Not_Found
垢版 |
2018/02/10(土) 23:37:46.03ID:???
>>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をつける
0297Name_Not_Found
垢版 |
2018/02/10(土) 23:40:39.86ID:???
>>271
しつこいのはお前だろ暇人w
>>183のレス先たどってみろよ。data-の話題と関係ないんだが。
暇人の上に文盲かwww
0298Name_Not_Found
垢版 |
2018/02/10(土) 23:40:51.60ID:???
まあ実は、少しだけ命名規則が有るわけだが
今回言いたいこととは関係ないので、>>296には含めていない

既存のやぼったいフレームワークとは反対の考え方だから
俺独自のフレームワークとして公開したほうが良いかもな

まあフレームワークとして公開するような規模でもないし
単に考え方、最初にHTMLの構造を定義しましょうという話なんだが
(そうすればこんな複雑なフレームワークを持ちいらなくてもCSSセレクタは書けるようになる)
0299Name_Not_Found
垢版 |
2018/02/10(土) 23:44:31.73ID:???
OOCSS、BEM、SMACSS、FLOCSS、RSCSSといった設計思想は
CSSありきで、その設計をHTML側に反映させましょうというやり方だから
HTMLもCSSもあんなに複雑になるんだよな。
CSSが複雑なHTMLでも対応できるように考慮されてるから
大抵はシンプルで終わるHTMLに大規模対応の設計思想が組み込まれてしまう

俺の設計思想は方向が逆でまずHTMLの構造を定義しましょうという
思想だから、HTMLがシンプルになりCSSもシンプルになる
だからといって大規模なHTMLに対応できないか?と言われれば
そうではなく、それこそ俺がここに書いてない簡単な命名規則で対応できるレベル
0300Name_Not_Found
垢版 |
2018/02/10(土) 23:46:50.31ID:???
>>296
俺もこれ
もう最近はフレームワークとか使ってない
フレームワークのcssを打ち消したりする手間がしんどい
1から自分で書いたほうが色々と早い
0301Name_Not_Found
垢版 |
2018/02/10(土) 23:51:54.05ID:???
あらためてみると 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 なんてものは
作らなくて良くなる。
0302Name_Not_Found
垢版 |
2018/02/10(土) 23:56:51.10ID:???
なお、俺が言ってるやり方っていうのは > を多用するのでscssと相性が良い
使わないと見づらいし、scssで階層構造を作ってしまえば
そのリンク先のRSCSSのサンプルのように
scssを見るだけでも階層構造によってある程度HTMLの構造が把握することができる

OOCSSとかBEMとか普通のCSSでも書けるのはメリットかもしれないけど
名前から階層構造を判断しなきゃいけない
0303Name_Not_Found
垢版 |
2018/02/11(日) 00:02:03.95ID:???
専ブラ使ってる方は、
NG Word 追加、正規表現にチェックをつけて、
sass|scss
と入力、連鎖あぼーんにチェックをつけてOKです。
0304Name_Not_Found
垢版 |
2018/02/11(日) 00:07:01.11ID:???
>>296
いや一個一個id振るとか古より伝わるcssでもなんでもなく、そんなやり方してるやつ古より皆無だろ…何いってんのこのひと。
しかも 自分のやり方はこうだ!ドヤ してるがまたそれも当たり前のことだしむしろそれが古より伝わる書き方なんですけど一体なにを学んだらそんなマウント脳になれるんだろう

ってかもうどっちがscss!定義!マンだかわからないからほんと他でやってください
0305Name_Not_Found
垢版 |
2018/02/11(日) 00:11:46.73ID:???
うむ、RSCSSっていつから有るんだと思ったらgithubのリリースからすると
2015年2月っぽいちょうど俺がHTML/CSSを触らなくなった頃か

俺がOOCSS(2012年ごろ?)を聞いたときはなにクソな設計思想だなって
おもって、それを踏まえたBEMとかでてきて、
本来は既存のフレームワークを使いましょう派である俺だが、
俺のやり方とは真逆だ、ムキーって思っていたら
同じ方向性のRSCSSってのが出ていたんだな。


RSCSSはVariantsとか命名規則に少し違いが有るようだが、
俺がそれまでやっていたやり方と近いようだ。
これなら採用しても良いかも

ってか、クラス名ハイフンで初めてOKだったのかよw
俺はこれをstateと呼んでいて、is- をプリフィックスとして
使いましょうって命名規則にしてたわ

ElementsとかNested componentsとかLayoutsとか
なんとなく区別したほうが良さそうだが、そこまでいるかー?って考えで
逃げていたのがちゃんと書いてあって参考になるわ
0306Name_Not_Found
垢版 |
2018/02/11(日) 00:13:34.91ID:???
>>304
え?idに一個一個振るとかいう古代のCSSの話じゃなくて
OOCSSとかBEMとかの話なんだけど?

で、お前これらのフレームワークを見たことなかったんだよね?
それは認めないとw
0307Name_Not_Found
垢版 |
2018/02/11(日) 00:14:25.08ID:???
>>303
はい、ぜひともそれやってください。
そうすれば俺の書き込みが見えなくなるので
くだらない反論もしてこなくなります。

俺だけの意見が残って万々歳ですw
0308Name_Not_Found
垢版 |
2018/02/11(日) 00:19:46.60ID:???
>>307
ここはあなたの意見を残すスレではありません。
HTML/CSSの質問に答えるスレです。
0309Name_Not_Found
垢版 |
2018/02/11(日) 00:25:14.03ID:???
>>296
それ違うよね?
誰も古代のCSS設計を紹介しているサイトのURL貼ってなんていってないよね?

俺が言っているのは、
全て1つ1つクラス指定をしている、実際の具体的なサイトのURLを貼ってっていってるんだが。
わかってるよね?
無かったんだよね?
0310Name_Not_Found
垢版 |
2018/02/11(日) 00:26:30.05ID:???
後出しですが質問です。classは要素ごとに細かく書いたほうが良いのでしょうか?
あとBEMやOOCSSなどのCSSフレームワークと
sass(scss)について教えてください。
HTMLとCSSに関係がある話だと言うことは分かっています。
0311Name_Not_Found
垢版 |
2018/02/11(日) 00:28:21.02ID:???
>>309
OOCSSやBEMは古代じゃないよ?
まずそこが分かってない。

そして具体的なサイト?
公式サイト見ればいいじゃん。

そういうフレームワークを提唱しているサイトが
自分で使ってないわけないんだから
そんなことにも気づかなかった?

あ、そうか、そういうフレームワークを提唱しているサイトで
使われていることがわかったから「古代のCSS設計」のみに
限定したんだね。卑怯だなぁw

で、OOCSSやBEMのサイトみてきてよ
0313Name_Not_Found
垢版 |
2018/02/11(日) 00:35:15.23ID:???
>>312
わざとだよw 今度から自分の意見を書くときは
質問を書こうかなと思ってねw
0314Name_Not_Found
垢版 |
2018/02/11(日) 00:36:07.60ID:???
>>311
おいおい・・OOCSSやBEMの話なんてしてないし、
そのあんたが紹介したサイトが「古代のCSS設計」ってタイトルだからそう書いたんだが?
具体的にそのサイトのソースのCSS記述も見たけど
おもいっきりタグで指定してますが?
html body .content-outer {
クラスだけで1つ1つ指定しているサイトではありませんよね?

公式サイトって具体的なそのページのURLで示してよ
今見たページはクラスで全て書いてなかった。タグ指定で書いてたから。
0315Name_Not_Found
垢版 |
2018/02/11(日) 00:37:48.55ID:???
sass君がやたら凄い勢いでカキコしてるな
気持ちの動揺が隠しきれなくなったか
0317Name_Not_Found
垢版 |
2018/02/11(日) 00:40:25.36ID:???
>そのあんたが紹介したサイトが「古代のCSS設計」ってタイトルだからそう書いたんだが?

何を見てるんだ? タイトルだろ? <title>タグみたか?
見てないにしろページの一番上には
「OOCSS、BEM、SMACSS、FLOCSS、RSCSSを比較して自分にあった設計思想をみつける」と
書いてあって、これがタイトルだが?

でお前は、どの部分だけしか見てないって?
「古代のCSS設計」の部分しか見てないって?
ページの途中にある<h4>でしかない「古代のCSS設計」が
タイトルだって思ったって?
他にもある<h4>のOOCSSやBEMは見てなかってって?
そういいいたいのかな?
0318Name_Not_Found
垢版 |
2018/02/11(日) 00:41:19.73ID:???
ちなみにBEMとか命名規則の手法が話題になったのってかれこれ3年以上前だぞ
0319Name_Not_Found
垢版 |
2018/02/11(日) 00:42:48.73ID:???
経験が浅い人は3年前でも古代なのかな?
0320Name_Not_Found
垢版 |
2018/02/11(日) 00:43:30.92ID:???
てか真面目な話これは本当に良くないよ。
シンプルにスレ違いなんだって。
質問スレでなんだこの横暴…
自治で解決出来ないならダメ元で規制依頼でもしてみます?
0321Name_Not_Found
垢版 |
2018/02/11(日) 00:43:38.06ID:???
>>317
うん、見てなかった。タイトルの件は間違えたよ。うん。

で?

おれは結局どこのソースをみればいいの?
どこでクラスだけで全て記述されたサイトがたくさん確認できるの?
そのURLを早く貼ってよ
0322Name_Not_Found
垢版 |
2018/02/11(日) 00:43:58.87ID:???
少なくともそのサイトの人はOOCSSなんかと比較して
「古代」と言ってるわけで、それぐらい読み取れないとダメだよね
0324Name_Not_Found
垢版 |
2018/02/11(日) 00:46:15.80ID:???
クラスだけ(まさかHTMLなしって意味!?)で
全部記述されたサイトというのが何を求めてるのか知らんが
bootstrapはOOCSSの設計が使われてる、クソなフレームワークの一つだね
ほらHTMLを見て!あんなにたくさんクラスが書かれてる
メンテナンス大変そうw
0325Name_Not_Found
垢版 |
2018/02/11(日) 00:46:32.46ID:???
>>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;
}
0326Name_Not_Found
垢版 |
2018/02/11(日) 00:49:15.99ID:???
>>325
言うと思ったんで、じゃあ>>264を振り返りましょうか?

> リセットCSS的な用途を除き、HTML要素に直接スタイルを
> 割り当てるのはだめだけど「あるclassを起点にする」ならば

はい、すでに反論済みです。それはリセットCSSです
0327Name_Not_Found
垢版 |
2018/02/11(日) 00:49:37.24ID:???
>>306
え…oocssとかbemってのは命名規則に基づく設計思想?であってフレームワークじゃないよね?フレームワーク使ってるかどうかなんて関係なくね??
またマウント脳?
しかも設計思想?の話だったら古のcssから続く話だからあってるよ??
日本語大丈夫?
0328Name_Not_Found
垢版 |
2018/02/11(日) 00:49:45.38ID:???
荒れちゃった
関係ない人ゴメンね
0329Name_Not_Found
垢版 |
2018/02/11(日) 00:50:57.81ID:???
リセットの意味もわかって無さそうだね
0330Name_Not_Found
垢版 |
2018/02/11(日) 00:51:30.20ID:???
俺が言ってることをすり替えてきそうな
流れを感じるので

>>228で俺が言ったことを再掲しておきますね

> 名前は必要なところだけ付ければ良い。どうしても必要なところだけclassをつける。
> そのclass以下にある要素はHTMLタグで区別できるならそれでいい。
> あるclassを起点にしてHTML要素の構造にスタイルを適用していく
> そうするとHTMLは凄くシンプルになる。
0332Name_Not_Found
垢版 |
2018/02/11(日) 00:53:14.81ID:???
>>327
だからOOCSSという設計思想を使ってるフレームワークである
bootstrapを出しましたよ?

ここまでで何か問題が?
0333Name_Not_Found
垢版 |
2018/02/11(日) 00:53:25.29ID:???
>>331
リセットってのは初期化する事
デフォルトのスタイルを「無効化」する事
0334Name_Not_Found
垢版 |
2018/02/11(日) 00:54:16.65ID:???
>>327
> しかも設計思想?の話だったら古のcssから続く話だからあってるよ??

それ日本語になってない。
誰かほかの人、こいつが何を言いたいかわかるか?
わかった人は答えてくれ(多分いないから)
0335Name_Not_Found
垢版 |
2018/02/11(日) 00:55:24.80ID:???
>>333
リセット
re - set
再 - 設定

初期化はformatやinitializeだし
無効化はdisable

英語のレベルで間違ってるぞw
0337Name_Not_Found
垢版 |
2018/02/11(日) 00:57:55.87ID:???
話それるけど

> リセットの意味もわかって無さそうだね

こういうレスする理由わかっただろ?
なぜ自分の意見を言わないのか。

自分の意見に自信がないから、
それは間違ってる(だけど正しいことは言わない。自分が間違ってることがばれるため)
という言い方をするんだよ


こうやって>>329の考えをひきだすと
>>333のようにボロが出るわけさ
0338Name_Not_Found
垢版 |
2018/02/11(日) 00:58:53.63ID:???
>>336
そこに
> 2 機械や装置を、作動前の初めの状態に戻すこと。セットしなおすこと。

セットし直すことって書いてあるけど?
また見えなかった?また?w
0339Name_Not_Found
垢版 |
2018/02/11(日) 00:59:55.11ID:???
ここは意見を言うスレではありません。
スレタイを読んでください。
0340Name_Not_Found
垢版 |
2018/02/11(日) 00:59:56.29ID:???
>>335
>リセットCSS的な用途

これどういう意味で使ってた?
リセットCSSで>>325みたいに文字色やフォントファミリー指定するのか?
そこからずれてるぞ
0341Name_Not_Found
垢版 |
2018/02/11(日) 01:00:21.50ID:???
無効化するんじゃなかったのか?
こんどははじめの状態に戻すって言い始めたぞw
0342Name_Not_Found
垢版 |
2018/02/11(日) 01:00:51.37ID:???
>>340
指定するぞ?
ブラウザごとに初期値が違うんだから
0343Name_Not_Found
垢版 |
2018/02/11(日) 01:01:12.17ID:???
周囲とトラブルばっかり起こしそうな奴だな
0345Name_Not_Found
垢版 |
2018/02/11(日) 01:03:39.70ID:???
リセットCSSとノーマライズCSSの違いを教えて!
0346Name_Not_Found
垢版 |
2018/02/11(日) 01:04:52.93ID:???
>>332
いやだからそのフレームワークを見たことあるのかは関係なくない?
命名規則や設計なんてcss覚えた頃からみんな当たり前に考えてるもんじゃん
なんでわざわざフレームワークなんて産廃だしてきたの?
0347Name_Not_Found
垢版 |
2018/02/11(日) 01:09:53.24ID:???
>>345
リセットCSSというのはブラウザのCSSを再設定して
ブラウザ毎に差異をなくすること。手法の名前
だからどのリセットCSSを使いましょうか?という話が出てくる

Normalize.cssというのはリセットCSS実装の一つで
有用なデフォルトのスタイルは維持して、それ以外の
問題になるものだけをリセットしましょうという方針で作られたもの
http://necolas.github.io/normalize.css/ のみを意味する
0348Name_Not_Found
垢版 |
2018/02/11(日) 01:12:38.80ID:???
>>346
> なんでわざわざフレームワークなんて産廃だしてきたの?

やっぱりお前の認識はずれてるなw

それとも世間は産廃だと思ってますよ
その前提のもとに話をしてますよねって
言うことにしたいからそういったのか?


まずこう言おうか?

「私はフレームワークは産廃だと思っています」と
そうすれば自然な流れだとして
なぜ産廃だと思っているのか?とお前に聞く流れになるだろ?

話を進めよう

なぜお前はフレームワークが産廃だと思ったのか?
Bootstrapは今も更新し続けられている有名なフレームワークの一つだ
0349Name_Not_Found
垢版 |
2018/02/11(日) 01:13:17.76ID:???
>>345
超超端的にいうと

リセットcssは
マージンパディングが0
限りなくcssに値がないようなプレーンな状態

ノーマライズcssは
各ブラウザで差がなくなるように調整した値[否0]
0350Name_Not_Found
垢版 |
2018/02/11(日) 01:17:08.85ID:???
>>348
あんなhtmlに、ましてタグ一個にあんだけclass振るなんて産廃以外のなにもの?
更新されようが今時使ってる奴なんているの?
有名なのもbootstrapプププ方面だよ?
0351Name_Not_Found
垢版 |
2018/02/11(日) 01:17:37.13ID:???
> リセットcssは
> マージンパディングが0
> 限りなくcssに値がないようなプレーンな状態

それはリセットCSSの一つで Universal Selector ‘*’ Reset と呼ばれている

https://cssreset.com/scripts/universal-selector-css-reset/

他のリセットCSSでも含まれているものが有るが
必ずしも0にする必要はない
0352Name_Not_Found
垢版 |
2018/02/11(日) 01:21:29.49ID:???
>>348
あと俺は一貫してscss推し基地、定義マン、フレームワークバカはこのスレにふさわしくないと思ってるからな
クリーンなhtml/cssで簡潔に質問者に答える、それがこのスレ。
0353Name_Not_Found
垢版 |
2018/02/11(日) 01:22:00.89ID:???
>>350
おまえは本当に何の役にも立たないことしか言わないなw
言っとくが俺は最初からbootstrapはクソだって言ってるからな?

bootstrapのようにあんなにclassを多用するのはだめだ
俺のやり方ではclassは最小限であるって話をした所で

お前が、classを多用するやつなんて見たことないって言ったから
(俺が批判しているものの一つである)bootstrapを持ってきてやったんだろうが

でbootstrap使ってるやつ? 全世界で 16.7% 使われてるよ
https://w3techs.com/technologies/overview/javascript_library/all

お前、知らないこと多すぎだろ
それでよく勝ち目のない討論仕掛けたよなw
0354Name_Not_Found
垢版 |
2018/02/11(日) 01:22:33.79ID:???
>>352
誰もお前の思っていることを語れなんて言ってない
0355Name_Not_Found
垢版 |
2018/02/11(日) 01:26:25.96ID:???
>>353
討論する気なんてないし>>352なんでどっかでてってくださいっだけ、それ以外はほんと俺の非でかまわないんでどっかいってください
0356Name_Not_Found
垢版 |
2018/02/11(日) 01:29:22.11ID:???
結局どっか言ってほしいがために、
無知な頭まで仕掛けてきたってわけかw
それでボコボコにされてりゃ世話ないな
0357Name_Not_Found
垢版 |
2018/02/11(日) 01:31:04.31ID:???
classを多用するもんなんか知らないと言っておきながら
classを多用するbootstrapを前から知っていたかのような
顔するのやめなよ? バレないと思ったかもしれないが
こうやって指摘されると恥ずかしいだろ?w
0358Name_Not_Found
垢版 |
2018/02/11(日) 01:32:10.17ID:???
>>353
あと誰かと勘違いしてるがおれはその話の中にはでてきたやつじゃないからな…classを多用するやつなんて〜は俺じゃないしこのスレは
scss!定義! マン1人
なぜかフレームワークをだしてくる1人
その他scssフレームワークはスレ違い派 多数
で進んでるからふたりがいなくなれは解決なんだよ
0359Name_Not_Found
垢版 |
2018/02/11(日) 01:33:08.26ID:???
「でてってください」に答えると
出ていくことはありません。ってはっきり言っておこうか?

絶望したろ?w


出ていくことがあるとしたら俺が飽きた時ぐらい。
これからもHTML/CSSに関連はする話を続けます。
0360Name_Not_Found
垢版 |
2018/02/11(日) 01:33:56.22ID:???
> で進んでるからふたりがいなくなれは解決なんだよ

少なくとも俺はいなくならないから解決しないってことだな
0361Name_Not_Found
垢版 |
2018/02/11(日) 01:35:34.39ID:???
この板で
sassやscssで検索してもスレないんだな……
0363Name_Not_Found
垢版 |
2018/02/11(日) 01:36:44.34ID:???
>>361
少なくともお前のレスは有るはずだが?
0364Name_Not_Found
垢版 |
2018/02/11(日) 01:37:07.92ID:???
あ、この板でかw

そりゃsassやscssはこのスレの担当だからね
■ このスレッドは過去ログ倉庫に格納されています

ニューススポーツなんでも実況