- Overview
- Transcript
1.1 Welcome to the Course
Welcome to "Creating Animated HTML5 Page Transitions". In this course, you will learn how to create animated transitions from one web page to the next using a combination of HTML5, CSS transitions, and jQuery.
1.Introduction
1.1Welcome to the Course00:40
1.1
Welcome to the Course
00:40
2.Getting Started
2.1What Are We Building?03:28
2.1
What Are We Building?
03:28
2.2The Starter Files04:14
2.2
The Starter Files
04:14
3.Loading External Content
3.1Intercepting Link Clicks10:01
3.1
Intercepting Link Clicks
10:01
3.2Loading External Content09:07
3.2
Loading External Content
09:07
3.3Replacing HTML Content09:09
3.3
Replacing HTML Content
09:09
3.4Changing the Hero Image07:46
3.4
Changing the Hero Image
07:46
3.5Fixing the Navigation11:27
3.5
Fixing the Navigation
11:27
4.Animating the Transitions
4.1Animating the Hero Image11:35
4.1
Animating the Hero Image
11:35
4.2Animating the Main Content04:49
4.2
Animating the Main Content
04:49
4.3Animated Page Transitions08:53
4.3
Animated Page Transitions
08:53
5.Manipulating the Browser History
5.1Introducing the HTML5 History API07:21
5.1
Introducing the HTML5 History API
07:21
5.2Back and Forth Through History05:39
5.2
Back and Forth Through History
05:39
5.3Finishing Touches07:34
5.3
Finishing Touches
07:34
6.Conclusion
6.1Final Thoughts00:47
6.1
Final Thoughts
00:47
1.1 Welcome to the Course
Hello and welcome to animated HTML5 page transitions, my name is Craig Campbell. And in this course, I'm gonna show you how you can use a combination of HTML5, CSS transitions, and jQuery to create animated transitions between the pages of your website. This course assumes that you already have a basic foundation in HTML5, CSS3, especially CSS3 transitions, and jQuery. So as long as you have these basic tools in your tool belt, we should be ready to get started in the next lesson. Thank you for watching, and I'll see you then.
Back to the top
