トレンドウェブサイトから学べ！ JavaScriptで作る本格スクロール演出 - ICS MEDIA

「かっこいいウェブサイト」とはどのようなものでしょう？ ICS MEDIAを見てくださるみなさんであれば、ダイナミックなアニメーションや3次元的な動きがあるウェブサイトに「おっ」と惹きつけられた経験は一度や二度ではないかと思います。たとえば、スクロールに連動したインタラクティブな動きは冒険するようなワクワクした気持ち、没入感を与えてくれます。 『ポーラ2029年ビジョン』 本記事の前半では、話題になったウェブサイトからかっこいいスクロール演出の事例を取り上げ、それらを分析します。 さらに記事の後半では、「自分でも作ってみたいなぁ、でもどうやって実装しているんだろう？」と悩むみなさんに向け、オリジナルのデモを用いて実装を紹介します。 本記事を読んだ後には、「どうやって実装しているんだろう？」と未知の技術に感じていたスクロールアニメーションも、「こうやっていたのか！」と身近に感じられるようにな

[colonoe]

こういう勝手に動くウェブサイト嫌い。もっとシンプルなのが好き

[munyaX]

毎回ちゃんとスクロールできてるか不安になるので止めて欲しい。ストレス。 // id:neet_modi_ki UI/UXがクソだって話しだぞ。リッチかどうかが論点ではない。

[neet_modi_ki]

この手のリッチ表現について様式美のようにケチをつけるブコメがついて、毎回固定票がつくが。あなたが嫌いなのは分かったから、好きなだけ阿部寛のウェブサイトでも眺めていていただければ、としか言いようがない。

[advancive61]

PCのファンも連動して動く印象

[kuracom]

嫌いな人はJavaScriptを切っておくと幸せになれる

[daizo1117]

“pin: true,”

[helldeath]

こういうの作る仕事にあたったら助かるやつ。はてなブックマークってこういう記事もたくさんブクマついててそこは昔ながらで好感。

[diveintounlimit]

デザイナー同士のオナニーそろそろやめーや。

[soratomo]

“ScrollTriggerは、JavaScript実行時にtriggerプロパティーに設定した要素の位置から発火タイミングを計算します。”

[spark7]

GSAPに罪はないけどこの表現はあんまり好かんな

[shinagaki]

嫌いっていうブコメがあるだろうなって確認するために、ブクマをみた

[yuki_2021]

なんかappleとかのwebページである、スクロールでアニメーションするやつ。

[kenuuun]

情報をよりわかりやすく伝えるためでなおかつスクロールが重くならないなら良いけど、単なる装飾のためならやめて欲しいね。まあ、より多くの賃金取るために実装してるんだろうけど。

[repon]

これも数年経つと古の病院HPみたいにネタになりそう

[gravity01]

お客さんからこの手の依頼よくある割に実装にいつも悩むから参考になる。

[ultimatebreak]

あとで修正が入ると死ぬ

[haatenax]

取り入れると一皮剥けて良いんだけどモックデザインとしてクライアントに提示するのが難しい…

[mayumayu_nimolove]

なんか前から流行ってたけどクソ重かったんだよね。ICSのライブラリはそのへん解決されてるんだろうけど。個人的にはやはりGSAPから離れられない。