4. AngularJSでマテリアルデザイン風のページ遷移アニメーションを作ろう
https://liginc.co.jp/web/js/other-js/168016
5. ScrollMagic2系を使って、スクロールに応じたアニメーションをさせてみよう
https://liginc.co.jp/web/wp/other-wp/167920
6. プリロードやローディング画面を簡単に実装できるjQuery.ImgLoaderの使い方
https://liginc.co.jp/web/js/jquery/162419
7. 高機能なJavaScriptの人気スライダープラグイン4つを実際に使ってレビューしてみた
https://liginc.co.jp/web/js/jquery/158379
8. スマホも対応!物理演算エンジン「Matter.js」を使ってみた
https://liginc.co.jp/web/js/other-js/155192
9. 超簡単jQuery!toggle系メソッドでアコーディオンメニューやタブをさくっと実装する方法
https://liginc.co.jp/web/js/jquery/34048
10. これは便利!Animate.cssをSassで使う方法
https://liginc.co.jp/web/html-css/css/131559
11. スクロールしてもついてくるスティッキーヘッダーをJSで実装する方法
https://liginc.co.jp/web/html-css/html/92474
さいごに
アニメーションをテーマに作成したアイキャッチ編、いかがでしたか。PSDデータを見て、一つひとつのレイヤーがどう使われているのかを検証してみるのは、わりと面白いですよ。
今後も別のテーマで今までに作ったアイキャッチ画像を紹介&配布していきたいと思いますので、ぜひお楽しみに!(まとめばっかり書いてると編集部に怒られるのでガッツリ文章記事も書こう)
それではまた。
LIGはWebサイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。