最近ではWebサイトにアニメーションを取り入れるのが当たり前になってきています。ひと昔前はフルフラッシュサイトで見かけたようなゴリゴリ動く表現がhtml5やCSS、JS・JQueryによって実装可能になりました。今回はそんなアニメーションの表現が優れたサイトをまとめました。以前「サイトにプラス1の工夫を!遊び心・アイデアが面白いサイト5選」という記事でも触れましたが、大事なことはユーザーのページビューの妨げになっては本末転倒ですので、技術のひけらかしのようになってはいけません。そのサイトに必要なアニメーションを取... 1.waypoint.jsを設置 画面の指定位置に要素が入ったことを取得するためwaypoint.jsを使用します。スクリプトを自前で書いて行うこともできますが、waypoint.jsはスクロールのアップ・ダウンを判別できたりとても便利なプラグインなので使用していきましょう
![3636](https://cdn-ak-scissors.b.st-hatena.com/image/square/4152274d7f53f8549359d72c38f66aba170e2763/height=288;version=1;width=512/https%3A%2F%2Fwebdesignday.jp%2Fwp1%2Fwp-content%2Fuploads%2F2017%2F10%2F3636.jpg)