- Overview
- Transcript
6.1 Final Thoughts
In this course, we’ve looked at how to create animated page transitions using HTML5, CSS3 transitions, and jQuery. Hopefully, you’ll be able to take what you’ve learned here and create some beautiful animated page transitions of your own.
1.Introduction1 lesson, 00:40
1.1Welcome to the Course00:40
2.Getting Started2 lessons, 07:42
2.1What Are We Building?03:28
2.2The Starter Files04:14
3.Loading External Content5 lessons, 47:30
3.1Intercepting Link Clicks10:01
3.2Loading External Content09:07
3.3Replacing HTML Content09:09
3.4Changing the Hero Image07:46
3.5Fixing the Navigation11:27
4.Animating the Transitions3 lessons, 25:17
4.1Animating the Hero Image11:35
4.2Animating the Main Content04:49
4.3Animated Page Transitions08:53
5.Manipulating the Browser History3 lessons, 20:34
5.1Introducing the HTML5 History API07:21
5.2Back and Forth Through History05:39
5.3Finishing Touches07:34
6.Conclusion1 lesson, 00:47
6.1Final Thoughts00:47
6.1 Final Thoughts
Hello, and welcome back to animated HTML5 page transitions. In this course, we've looked at how to create eye catching animated transitions between the pages of our websites. Using a combination of HTML5, the HTML5 history API, CSS3 transitions, and some basic JavaScript and jQuery. As you can imagine, the possibilities with these kinds of transitions are endless. This type of functionality gives you the freedom to create websites that behave more like mobile apps. And I hope you can find some creative ways to create animated page transitions of your own. So once again, my name is Craig Campbell. I wanna thank you so much for watching, and I'll see you next time.