HTML/CSS のどんな質問にも優しく答えるｽﾚ 47

**Name_Not_Found** · 2021/04/08(木) 08:48:14.74

ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです
類似質問、重複質問、丸投げ大いに結構。HTML / CSS 関係の事なら何でもOK
分からない人は何回聞いても結構。
質問するときはIDを出すためにメール欄を age にすることをおすすめします。
回答してくれる方は優しい人のみ！　質問者に対して暴言を吐く人はこのスレを見るな！！
終わった話を蒸し返すやつはこのスレにくるな！！！
自分で調べろという回答も禁止！！回答するかさもなくば何も書き込むな！！
質問側も節度あるレスで！質問前にスレ内を検索しましょう

■次スレについて
基本的にレスナンバー>>980を取った人（立てられない場合は次の宣言者）が立てて下さい
重複を避けるため、独断でスレ立てはせず必ず意思表示をしてから立てて下さい（>>980を取った場合も）
立てられない事が予め分かっている場合は、>>980付近の書き込みは自重しましょう

■前スレ
HTML/CSS のどんな質問にも優しく答えるｽﾚ 45
https://mevius.5ch.net/test/read.cgi/hp/1601474123/
HTML/CSS のどんな質問にも優しく答えるｽﾚ 46
https://mevius.5ch.net/test/read.cgi/hp/1608967433/

■関連スレ
Webサイト制作初心者用質問スレ part252
https://mevius.5ch.net/test/read.cgi/hp/1595561376/

■HTML
HTML Living Standard 日本語訳
http://momdo.github.io/html/index.html

■CSS
Selectors Level 4 日本語訳
http://triple-underscore.github.io/selectors4-ja.html

**Name_Not_Found** · 2021/07/28(水) 12:24:43.16

なんかカッコイイ感じで使えそうなアニメーションない？

**Name_Not_Found** · 2021/07/28(水) 13:18:32.01

ない

**Name_Not_Found** · 2021/07/28(水) 14:40:25.69

>>952
もうちょっと条件出そう

**Name_Not_Found** · 2021/07/28(水) 15:24:15.26

>>954
画像にマウスオンした時の効果で
めっちゃ使いやすいの頼みます

**Name_Not_Found** · 2021/07/28(水) 16:37:06.84

>>955
簡単なのだと、こういうやつ？
https://codepen.io/nxworld/pen/ZYNOBZ

**Name_Not_Found** · 2021/07/28(水) 16:46:22.58

>>956
そそ
さっき丁度自分もそのサイト見てたわｗ
ありがと

**Name_Not_Found** · 2021/07/28(水) 16:48:27.93

IE意識しなくなって良くなったから何でもし放題になって
今まで除外してたプロパティも覚えなおさなあかんから余計大変になった感もあるなｗ

**Name_Not_Found** · 2021/07/28(水) 16:56:58.83

なんか最近結局こういうの見てると
https://evering.jp/

昔のflash全盛みたいになってきたと思わん？

こういうのが発展、競い合っていって、最後は映画のプロモーションみたいな映像クリエーターの仕事みたいなサイトになっていったよな？
んでAppleの流れをぶっ壊してシンプルイズベストみたいな感じでflash廃れて簡素なサイトが主流になったばっかだったじゃん。
この流れ繰り返しそうだな。
クリエイターへの要求がエスカレートしてくからまあそれでいいんだが

**Name_Not_Found** · 2021/07/28(水) 17:15:34.71

こういうのも。
https://homunculus.jp/

**Name_Not_Found** · 2021/07/28(水) 19:08:27.01

たしかにもうflashサイトだわな、ウザ度がmaxだわ。
逆にデジタルネイティブ世代には新鮮でスゲーみたいな感じになるんだろうか

**Name_Not_Found** · 2021/07/28(水) 19:23:59.48

そういうのもだけどiPhone12のページも腹立つ
スクロールしても下行かないでアニメーションするやつ
https://www.apple.com/jp/iphone-12/

**Name_Not_Found** · 2021/07/28(水) 20:04:10.61

>>957
こういうのは？

Hover Effect Ideas
https://tympanus.net/Development/HoverEffectIdeas/

**Name_Not_Found** · 2021/07/28(水) 20:23:17.59

mix-blend-modeについておしえてちょ

https://codepen.io/dddi/pen/oNWqNEe

hoge2の重なってる部分の文字色をhoge1同様に白色にしたいんだが、どうしたらいっすか？

**Name_Not_Found** · 2021/07/28(水) 20:25:42.55

>>963
おお、いいねぇ！！
あんがと！！まさにこういう情報を交換したかったわ
Sarahとか好きだわ

**Name_Not_Found** · 2021/07/28(水) 20:32:40.36

>>962
見る分にはいいけどやりたくねぇ...

**Name_Not_Found** · 2021/07/28(水) 23:44:54.36

そこまでいくと
ソースみてもどうやってつくるのかさっぱりわからんわ…
jsとcanvasとか使ってるのはわかるんだけど

**Name_Not_Found** · 2021/07/28(水) 23:59:57.57

最終的に行きつくのは、TVのCMとか映画のプロモみたいなクオリティで
結局そうなるとガチレベルの映像制作のスキルが無いと太刀打ちできないんだわな

水の液体が手の形に変化して指にリングがハマるとかこんなの映像制作もできなきゃ無理ぽ

**Name_Not_Found** · 2021/07/29(木) 00:03:46.08

そんでそのうち効果音とか音楽流し始めるから
シンセサイザーで音作ったり簡単な曲作れってなるぞｗ（JASRACめんどくさいからオリジナルになる）

**Name_Not_Found** · 2021/07/29(木) 00:09:07.46

>>969
もう音楽流れてる・・・
https://www.esteelauderanrcade.com/en-us/

**Name_Not_Found** · 2021/07/29(木) 00:30:43.19

>>970
すごすぎワロタｗ　ご多分に漏れずボタンクリック時の効果音もある
もうflash後期レベルやん　歴史は繰り返すなー
また誰か止めてくれないともう俺の立場なくなるわｗ

**Name_Not_Found** · 2021/07/29(木) 00:43:58.21

よくわかんねえよ化粧品のサイトなのにミニゲームいくつか用意されてるしさなにこれ

**Name_Not_Found** · 2021/07/29(木) 01:12:17.50

googleロゴ押したらRPGできるからなぁ

**Name_Not_Found** · 2021/07/29(木) 03:59:45.51

フラッシュ時代もここまで凝ったのは
エンジニアによろしくコースだけど
今こんなのコーダーがやらんといけないの？

**Name_Not_Found** · 2021/07/29(木) 04:07:27.69

リッチなサイトってgoogleのスコアクソ低そう

**Name_Not_Found** · 2021/07/29(木) 06:37:28.39

>>968
うち親会社がCM屋なので
映像をインタラクティブにする相談結構くるわ

俺らが本能的にこれは無理だとか
これは大変そうとか考えて
最初から検討もしないようなアイディアが
遠慮無く来るからなかなか楽しい

**Name_Not_Found** · 2021/07/29(木) 07:32:06.43

flash全盛時代と違って今はyoutubeとかで動画見ること増えたしリッチな表現をwebでやるより動画でいいじゃんとは思うけどな

リッチな表現ってユーザー側に学習コストあるじゃん
よほど大手で有名商品扱ってるようなところじゃないと見るのも面倒くさがられそう
時間単位あたりの得られる情報量が減るのはデメリットよね

**Name_Not_Found** · 2021/07/29(木) 09:20:48.31

でもなんかおしゃれなんだよ

**Name_Not_Found** · 2021/07/29(木) 09:49:56.56

>>978
ユーザー「おっも。離脱」

**Name_Not_Found** · 2021/07/29(木) 10:12:48.45

ユーザ「なんじゃこれ、スワイプ離脱～(3秒)」

**Name_Not_Found** · 2021/07/29(木) 10:33:06.14

5Gが主流になって重くなくなったら価値観どうなるん？

**Name_Not_Found** · 2021/07/29(木) 10:35:47.07

>>978
恐らくこのレベル作れるなら普通のサイト作ってもかなりイケてる感じになるだろうな
ブランディング用の営業用サイトとしても使えるし、予算も高いだろうから作れるに越したことないわ

**Name_Not_Found** · 2021/07/29(木) 10:59:32.85

動きがあるとおっとは思うけど冷静に見るとそれおしゃれな動画埋め込みと画像でよくない？ってこともあるしなあ
でも新鮮さがあるうちは話題性があっていいかもしれない
動きのあるサイトばかりになると話題性が薄れてコストに対してリターンが厳しくなりそう

**Name_Not_Found** · 2021/07/29(木) 11:01:22.37

でもユーザー置いてけぼりっていう

**Name_Not_Found** · 2021/07/29(木) 11:34:53.64

エゴだよそれは！
広告屋の発想だな、ユーザーのことを考えないんだ！

**Name_Not_Found** · 2021/07/29(木) 12:41:37.42

>>980
離脱しないでスレ立てよろ

**Name_Not_Found** · 2021/07/29(木) 12:43:39.66

<div style="width:90%;height:300px;border:Solid 1px #0000ff">
　　　<div style="width:100%;height:100%;boder:Solid 20px #ff0000">
　　　</div>
</div>

外枠から内枠の線がはみ出てしまいますが
内枠の幅に合わせて外枠の幅が伸びるようにするにはどうすればいいですか？
外枠はtableにした方がいいんですかね？

**Name_Not_Found** · 2021/07/29(木) 13:26:50.57

boderになっとるぞ
box-sizingの話け？

**Name_Not_Found** · 2021/07/29(木) 13:36:08.28

>>964について感想求む

**Name_Not_Found** · 2021/07/29(木) 14:40:18.26

>>989
同じ要素をコピーして重ねて色を変える

**Name_Not_Found** · 2021/07/29(木) 18:12:57.25

幅500pxのテーブルでセル１を200pxセル２を300pxにする場合
tableにstyle="width:500px"を書かなくてもいいですか？
<table>
<tr>
<td style="width:200px">aaa</td>
<td style="width:300px">bbb</td>
</tr>
</table>

**Name_Not_Found** · 2021/07/29(木) 18:47:26.63

>>986
ぉぅ、980踏んだら立てるのか。
ということで立てたぞ

HTML/CSS のどんな質問にも優しく答えるｽﾚ 48
https://mevius.5ch.net/test/read.cgi/hp/1627551978/

**Name_Not_Found** · 2021/07/29(木) 18:54:15.45

>>987
子のdivにbox-sizing: border-box;

**Name_Not_Found** · 2021/07/29(木) 19:02:15.94

>>991
書かなくてもいいけど、それだけじゃtableの実際の幅は500pxにはならない

**Name_Not_Found** · 2021/07/29(木) 21:35:25.81

tableなんて全部cssで制御しないとレスポンシブ無理だろ

**Name_Not_Found** · 2021/07/29(木) 22:30:43.13

うめ

**Name_Not_Found** · 2021/07/29(木) 23:01:20.57

うめ

**Name_Not_Found** · 2021/07/29(木) 23:18:05.34

梅

**Name_Not_Found** · 2021/07/30(金) 01:25:18.53

999もろとこか

**Name_Not_Found** · 2021/07/30(金) 01:27:39.27

質問いいですか？

**1001** · Over 1000

このスレッドは１０００を超えました。
新しいスレッドを立ててください。
life time: 112日 16時間 39分 25秒

**1002** · Over 1000

5ちゃんねるの運営はプレミアム会員の皆さまに支えられています。
運営にご協力お願いいたします。

───────────────────
《プレミアム会員の主な特典》
★ 5ちゃんねる専用ブラウザからの広告除去
★ 5ちゃんねるの過去ログを取得
★ 書き込み規制の緩和
───────────────────

会員登録には個人情報は一切必要ありません。
月300円から匿名でご購入いただけます。

▼ プレミアム会員登録はこちら ▼
https://premium.5ch.net/

▼ 浪人ログインはこちら ▼
https://login.5ch.net/login.php