[過去ﾛｸﾞ] HTML/CSS のどんな質問にも優しく答えるｽﾚ 52 (1002ﾚｽ)
上下前次1-新
このｽﾚｯﾄﾞは過去ﾛｸﾞ倉庫に格納されています｡
次ｽﾚ検索 歴削→次ｽﾚ 栞削→次ｽﾚ 過去ﾛｸﾞﾒﾆｭｰ
108: 2023/09/06(水)13:35 ID:??? AAS
なるほど、scroll-beheivorでの欠点をscroll-paddingで補えばCSSだけで完結できるわけか
109: 2023/09/06(水)13:35 ID:??? AAS
ああ、たしかにイージングは欲しいね
110: 2023/09/07(木)01:49 ID:??? AAS
>>100
自分も全然最近じゃないけど、display: contents かなー
直下の要素じゃなくてもgridに振り分けられるのがえらい便利だった
111(1): 2023/09/07(木)10:48 ID:UAGv2jDr(1) AAS
CSSでのスムーススクロール使ったサイトが増えてきたからか独自にJavaScript使ってスムーススクロール実装したサイト見ると違和感覚えるときあるな
懐かしい感じというかなんというか
CSSに任せられることはCSSでやってしまう方がシンプルでいい気がする
112(1): 2023/09/07(木)11:32 ID:??? AAS
>>111
speedが遅い😭
113(1): 2023/09/07(木)12:41 ID:??? AAS
>>112
遅いってページ内移動の速度のこと？
cssだと速度はブラウザ依存だと思うが特に遅いとは思わないけどな
これ以上速くしてもページ内移動だと分かりにくくなるかなと
それなら最初からスムーススクロール使わないって選択するかな
114: 2023/09/07(木)13:32 ID:??? AAS
>>113
見た目上というかeasingというべきかな
距離が短いときも長いときも同じ時間で割られるので
短い時に異常にゆっくりになる
115: 2023/09/09(土)14:57 ID:??? AAS
flexでもgridでもgapが使えるの最高すぎる
116: 2023/09/09(土)16:31 ID:??? AAS
gap最高だよね！超便利 なぜなかったか不思議なくらい
117: 2023/09/09(土)18:45 ID:??? AAS
なにこの良スレ
118: 2023/09/09(土)19:11 ID:??? AAS
AA省
119(1): 2023/09/09(土)19:35 ID:??? AAS
grid-template-column: repeat(3, 1fr);
120: 2023/09/09(土)20:20 ID:??? AAS
>>119
書きそびれたけど、最大文字数によっては子要素が２つになったり５つになったりするんですよねえ
121: 2023/09/09(土)20:24 ID:??? AAS
auto-fillかauto-fit好きな方
122: 2023/09/09(土)20:31 ID:??? AAS
grid便利そうなんだけど覚えきれない
ジェネレーターで使ってやるぐらいだわ
偉いなお前らは
123: 2023/09/09(土)21:50 ID:??? AAS
auto-fit大好き
124(1): 2023/09/10(日)00:28 ID:??? AAS
flexboxしか使わんけどgrid必要な場面がまったくない
125: 2023/09/10(日)03:20 ID:??? AAS
auto-fillやauto-fitはflex-wrapでは代替がきかないな
grid-areaもorderにはできないことができる
display:contentも組み合わせれば大体のデザインはワンソースでできる
126: 2023/09/10(日)05:50 ID:??? AAS
>>124
PC時は
左に画像、右に見出しとリード
SP時は
上から
見出し、画像、リード
これのためだけにgrid使ってる
127(1): 2023/09/12(火)13:16 ID:ZyApT9EM(1) AAS
チェックボックスを用いてフィルタリングが出来るフォームを作ろうとしています。
□全部 □円形 □四角形 □青色 □緑色
とチェックボックスが並んでおり、その下には
丸くて青色・四角くて青色・丸くて緑色・四角くて緑色
・・・のオブジェクトが並んでいて、チェックボックスにチェックを入れる事で該当のオブジェクト以外がhiddenになるようなイメージです。
実装自体は出来そうなのですが、挙動をどうするかで悩んでおりアドバイスを頂きたいです。
例えば「円形」「四角形」
の両方にチェックを入れた時、挙動としては
（１）円形かつ四角形のオブジェクトを可視化
（２）円形のオブジェクトと四角形のオブジェクト、および円形かつ四角形のオブジェクトを可視化
省2
上下前次1-新書関写板覧索設栞歴
あと 875 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.276s*