- Overview
- Transcript
6.1 Conclusion
Most new designers and developers don't realize just how much can be done without writing more than one or two lines of JavaScript. Hopefully, you've enjoyed creating some really eye-catching effects without having to rely on hours of coding to get it right.
1.Introduction2 lessons, 06:47
1.1Introduction00:42
1.2Frameworks for the Win06:05
2.Easy Parallax Scrolling With Parallax.js6 lessons, 52:23
2.1What Is Parallax Scrolling?04:56
2.2Setting Up the Site06:47
2.3Bootstrap Basics08:03
2.4Structuring the Header12:49
2.5Structuring the Body11:21
2.6Parallax Backgrounds08:27
3.Scroll Events With Wow.js4 lessons, 34:15
3.1Downloading Wow.js05:03
3.2The HTML09:27
3.3Simple Animations06:39
3.4More Animations13:06
4.Scrolling With Skrollr8 lessons, 1:09:54
4.1Downloading Skrollr05:31
4.2Data Attributes14:07
4.3Filling Out the Content11:25
4.4Styling the Slides04:38
4.5Slide and Fade10:05
4.6Narrow the Margins11:04
4.7Nested Animations07:26
4.8Animating the Shuttle05:38
5.Bonus Content: Creating Scrollable Navigation5 lessons, 42:49
5.1jQuery Click Events05:53
5.2Animated Scrolling With jQuery05:52
5.3Setting Up Your Scroll Positions13:49
5.4Detecting the Current Position11:00
5.5Manual Scrolling Issues06:15
6.Conclusion1 lesson, 01:39
6.1Conclusion01:39
6.1 Conclusion
Hello, and welcome back to Scroll Events Made Easy. Over the duration of this course, we've talked about three different JavaScript frameworks which allow us to create some really nice scrolling animations without having to type any of our own JavaScript. We talked about parallax.js where we could create very easily some parallax scrolling effects with our background images without typing any JavaScript. We just added a few attributes to our items, and it just worked magically. Then we talked about wow.js, where we could create animations that triggered as soon as an item was scrolled into view. Also, we didn't have to write any JavaScript for that, except for the one line where we had to initialize the wow framework. And then we moved on to the scroller framework which gave us even more flexibility with what we could do as we scrolled our browser up and down. And then for those of you who were brave enough, we jumped in to a little bit of JavaScript as we created some animated navigation between our different key frames. Or between our different slides in our page. So I hope that you've learned a lot from this course, and I hope you take it further than just what we've done in this course. Most of the people watching this course are gonna be web designers. So I hope you can find some really creative ways to incorporate these technical concepts into the beautiful creations that you make every day on the web. So, once again, I want to thank you so much for watching. My name is Craig Campbell, and I'll see you next time.