Webデザイン 【javascript・gsap】画像の切り替える方法（3本ライン）
私がWebサイト制作でハマった事や良かった方法などを備忘録としてまとめています。HTML <div class="top-kv js-flip"> <!-- 上 --> <img src="/img/bg-top-kv1.png" widt...
HTML
Webデザイン Webデザイン 【JavaScript・GSAP🔰】デバッグ中JavaScript内でSCSSの情報を知りたい時の方法
サイトをかっこよく動かしたい！と言った時にGSAPを使って動かしているがうまくいかない時の検証デバッグで、アニメーション途中とアニメーション後の時の使い分けが勉強になったのでここに残す。JavaScriptでSCSSの情報を知りたい場合の方...
Webデザイン 【JavaScript・GSAP🔰】アニメーションちゃんと動いている？検証するプログラムの使い分け
サイトをかっこよく動かしたい！と言った時にGSAPを使って動かしているがうまくいかない時の検証デバッグで、アニメーション途中とアニメーション後の時の使い分けが勉強になったのでここに残す。プログラム途中のコード onStart: () => ...
Webデザイン 【HTML・CSS・JavaScript🔰】HTML・CSS・JavaScriptって何がどう違う？家に例えるとわかりやすい！
Webサイトを作るとき、HTMLとCSS、javascriptという言語が登場する。（ここに＋PHP）とにかくこれが最初わかりづらかった。がjavascriptまでたどり着いて気づいた。家だと…HTML:家の構造・骨組み柱、部屋、階段、ドア...
Webデザイン 【HTML🔰】問い合わせフォームで使うlabelのfor、inputのid・nameで必ず一致させないといけないのは？
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。forとid。紐づける役割がある <label for="name">名前（担当者）</label> <input type="text" id="name" na...
Webデザイン 【HTML🔰】sectionタグいつ使う？divタグじゃなダメなの？
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。divでも動く。でもsectionを使い分けることで意味を持たせられるTOP以下のコンテンツにAbout-Service-Q&A-Contactという構成のTOPペ...
Webデザイン 【HTML🔰】inputタグ idとname書くことは同じでも役目が違う！覚え方は宅急便の荷物！
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。name と idの覚え方<form > <label for="user-name">名前</label> <input type="text" name="us...
Webデザイン 【HTML🔰】table/tr/th/td？dl/dt/dd？どっち使う？
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。tableタグとdlタグの使い分け目安table:何かの比較の時dl：項目と内容の説明の時dl/dt/ddの意味dl：Definition List（定義リスト）d...
Webデザイン 【HTML🔰】VSCodeでtableタグのERRORが消えない！～アクセシブルな名前が必要です～
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。現象 <table> <tr> <th></th> <td></td> </tr> </table>Visulal studio Codeで赤い波線が出る。対策ta...
Webデザイン 【HTML🔰】divタグとimgタグどっちでサイズの指定をするのか？
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。imgタグをdivタグで囲う場合参考例：【HTML】<div class="card-image"> <img src="img.jpg" alt=""></div...