HTML/CSS のどんな質問にも優しく答えるｽﾚ 52 (850ﾚｽ)
上下前次1-新
43(2): 2023/08/27(日)14:30 ID:??? AAS
>>36
要望は多い！使えるなら5個でも6個でも使えたらsection一個で再現できるのになってデザインはもちろんあるぜ！
「デザイナーがコーディングできて、かつすべての要素を疑似要素2つまでで完結できるようデザインする」とかじゃない限りどう足掻いてもdivやspanは必要になるね
というかセマンティックなタグだけでどんなデザインも再現できるなら極論divとspanというタグは存在する意味がないんよ
44: 2023/08/27(日)14:35 ID:??? AAS
>>42
これは構造を見てわかるようにした例えだよ
つか既存のwebやcssの見出しデザインてもう出尽くし感と既視感しかないと思うんだが。
むしろそこに疑問を感じているのだ
45(1): 2023/08/27(日)14:35 ID:??? AAS
>>40
borderや背景それ自体は動かないからgifとか使うしかないよ
最小のタグでやりたいというお題に答えるならそうなるというだけ
普通は>>20みたいにするから親と子で疑似要素が4つ存在できる
さらに疑似要素が必要になる場合包括するタグを増やせばいい
入れ子と違って空要素は非推奨だが、実際の現場では背景画像が入れてあるだけの空divなんてざらにある
なんならalt空のimg放り込むなんてことも余裕である
46: 2023/08/27(日)14:36 ID:??? AAS
>>43
うん
47(1): 2023/08/27(日)14:41 ID:??? AAS
>>45
うん。なんか背景にはtransform使えるようだから、
背景は複数指定できるように昨今、なんかできそうな気もするんよな
既にやってる人いるならそれ貰ったほうがいいなって思い、、
borderでは回転制御の方法は思いつかないから出来るなら見てみたいって思った感じ
48: 47 2023/08/27(日)14:43 ID:??? AAS
すまん、背景にtransformは勘違いかもしれん
49: 2023/08/27(日)16:02 ID:??? AAS
つか、お前らがセマンティクス教徒になってる理由は何なん？
手書き履歴書以上に意味がないと思うが
(手書き履歴書は「意味のない慣習にも30分ほどはつき合う気はある」という踏み絵にはなるが、
論理マークアップ/セマンティクスには本当に何の実質的意味も価値もない)
>>43
> というかセマンティックなタグだけでどんなデザインも再現できるなら極論divとspanというタグは存在する意味がないんよ
現在は逆で、divだけでどんなデザインも再現出来てしまうのでセマンティクスの存在意義がない(そしてこれは極論ではなく単なる事実)
だからみんなおつきあい程度に守ってるだけで、divが必要なら躊躇無くdiv使う(デザインをセマンティクスより優先させる)
50(1): 2023/08/27(日)19:40 ID:??? AAS
論理マークアップ不要なら
どんなデザインもdivだけで再現出来てしまうのは昔からやろ
51(1): 2023/08/27(日)19:46 ID:??? AAS
一昔前はSEOの為のタグ構造（例えばHタグの出現順番など）と
anotherLINTだかW3Cだかの厳格型のHTMLチェッカーで100点目指さないといけないみたいな風潮があったからな
anotherLINTだかがめちゃめちゃ厳しくて、100点取る為には一切無駄な記述をしてはならないって洗脳されてしまったんよ
52: 2023/08/27(日)21:44 ID:??? AAS
>>50
歴史は詳しくないがHTML5からじゃね？
HTML4だと各タグに汎用性/一般性が無かった気が
>>51
> anotherLINT (1997)
つまり26年前のゴミに未だに振り回されてると？
基本、最新版以外はゴミなWeb界で、無駄に伝統を重んじる連中がいたことにびっくりだわ
にしても今更要らんし、何らかの理由で枠が必要なら一番手っ取り早いのはdivだし、
装飾の為だけにHTML構造を変えるのが嫌なら全部div付けて使わずに誤魔化すのが一般的なわけで、
そうすればいいし、また、そうするしかないとも思うが
省5
53(2): 2023/08/27(日)22:05 ID:??? AAS
anotherLintって聞いて26年前とか言い出す謎リテラシーの時点で読む価値無いのはわかった
その理屈だとhtmlも30年前の言語になるだろ
54(1): 2023/08/28(月)01:21 ID:??? AAS
>>53
ね。俺も最初のそれで、はァ？？
ああ、後発が自分の立ち位置を正当化したいのねって思った
55(1): 2023/08/28(月)01:23 ID:??? AAS
ちな一応教えてお手上げるとanotherLINTが機能しなくなって廃れたのはHTML5草案あたりだから2012年ころかな。
56(1): 2023/08/28(月)01:31 ID:??? AAS
モールのASPやメルマガなんかだとソースの文字数制限なんかも厳しくて、
余計なソース、将来使うかもしれないから予め書いておくなんて考えが一切許されん環境もあったな。
まあ今は自由な環境の方が多いから、予測できる範囲で入れ子はしておくし、使ってない汎用関数も書きっぱなしだわ
57(1): 2023/08/28(月)06:32 ID:??? AAS
>>53-54
なるほど先発が自分の立ち位置を正当化する為に26年前の開発手法を今でも踏襲しているのか
定義通りの老害だな
>>55
逆に考えてみろ
必要ないから廃れた、HTML5に対応する価値がなかったからやらなかった
(まあ継承してHTML5に対応してるサイトも提供されてるが)
>>56
> 使ってない汎用関数も書きっぱなし
いや使ってないと分かってるのなら落とせよ
省4
58(1): 2023/08/28(月)06:40 ID:??? AAS
タグに意味をもたせたいから使う
出会ったこともないけどもし全部がdivのコードみたら乾いた笑いが出るな
お前それ管理どうすんの？って
そしてそのままリファクタissue化される
59(1): 2023/08/28(月)07:19 ID:??? AAS
>>58
抽象思考出来無い馬鹿乙
全部がdivなら、ほぼ全部にクラスが付いてるはず
実際自動生成されたHTMLはほぼこの形態だろ
タグ名とクラスは役割が被ってて、クラスの方が一般的に使えるんだよ
だから(div+クラス)の形態で生成される
ただ全部がdivなら、省略して(タグ名は省略+クラス)でも同じで、
ならクラスの部分をタグ名にして(タグ名部分にクラス+クラス無し)となってるのが、
お前らが拘ってる論理マークアップ()、セマンティクス()なんだよ
意味的には同じで、書式が違うだけ
60(1): 2023/08/28(月)07:23 ID:??? AAS
>>59
HTML Living Standard
外部ﾘﾝｸ:html.spec.whatwg.org
Sass Document
外部ﾘﾝｸ:sass-lang.com
Sass Guideline
外部ﾘﾝｸ:sass-guidelin.es
Javascript Reference
外部ﾘﾝｸ:developer.mozilla.org
言ってること小3で草
省4
61(3): 2023/08/28(月)08:04 ID:jDjXZqSY(1) AAS
>>60
そのドキュメント類のどこに「論理マークアップしろ」と書いてあるんだ？
(せめてW3C謹製のドキュメントを持ってくるべき)
現在の状況において合理的価値が無い事に拘り続けてるから「定義通りの老害」だと言ってる
62: 2023/08/28(月)08:10 ID:??? AAS
>>61
苦しそうで草
上下前次1-新書関写板覧索設栞歴
あと 788 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.010s