wow.jsで簡単にポップなアニメーションを実装
動画の内容が理解できたら、演習①で制作したLPに動きをつけてみましょう!
あわせて読みたい
wow.js — Reveal Animations When Scrolling
wow.js is a JavaScript plugin that reveals animations when you scroll. Very Animate.css Friend.
キーフレームアニメーション
CSSだけで実装できるアニメーションです。
サイトにアクセントをつけたいときに活躍してくれます!
Visual Studio Code便利なショートカット
ただでさえ時間がかかるコーディング作業。
ショートカットをフル活用して、爆速コーダーを目指しましょう!ショートカットは覚えるまでに多少時間がかかってしまいますが、慣れれば本当にスピードが上がります!!
僕は後になって学習を始めたので、まだまだ一部しか使いこなせていませんが、皆さんは初めの内からショートカットに慣れておいてください!
swiper jsで簡単にスライダーを実装する①
swiper.jsは誰でも簡単にオシャレなスライダーが実装できるライブラリです。
パート①では、swiper.jsの導入の仕方について学習しましょう。
Swiper
![](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
![](https://swiperjs.com/images/share-banner-5.png)
Swiper - The Most Modern Mobile Touch Slider
Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior.
swiper jsで簡単にスライダーを実装する ②
パート②では、javascriptを書いてカスタマイズする方法について学習しましょう。
swiper jsで簡単にスライダーを実装する ③
パート③では、メインビューだけでなく、コンテンツの一部としてスライダーを実装する方法について学習しましょう。
もっと本格的に学んでみませんか?
![Code+無料体験](http://code-pls.com/wp-content/uploads/2023/02/brain-img1280-670-1024x536.jpg)