JavaScript

Webデザイン

【JavaScript・GSAP🔰】画像の切り替え3本ライン(上下:左から右へ、中:右から左へ)するコード

サイトをかっこよく動かしたい!これがやりたくて、勉強したJavascript。今回は、画像を切り替える方法。※gsap.min.js、ScrollTrigger.min.jsは事前に設定(該当の場所にファイルに格納とHTMLで指定すること)...
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:家の構造・骨組み柱、部屋、階段、ドア...