Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Make a Single Page Website Carousel controls
Website design and Planning
1 Fixed navbar single page website introduction (2:59)
2 Resource Introduction (4:53)
3 Web Design Planning wireframe outline (2:37)
4 Web Design HTML structure (7:48)
5 Adding placeholder design content (7:45)
6 Setup Content Sections 100% (7:59)
7 Position Navbar (5:35)
8 Create floating navbar indicators (8:25)
9 Source Code
Making it Dynamic JavaScript and jQuery
10 Quick introduction to jQuery (3:10)
11 jQuery to select elements with hash (9:25)
12 Animate Scroll jQuery (6:53)
13 jQuery Scroll window and mapping of section info (9:11)
14 Calculate which section the window is currently in (6:52)
15 Change calls to active on scroll (6:37)
16 HTML jQuery
17 Source Code CSS
18 website tweaks (3:24)
19 Making it responsive (8:47)
20 Update section content (4:10)
21 Pseudo Elements setup sections (6:04)
22 Final adjustments on design (6:40)
23 Source Code Conclusion (2:03)
24 Source Code
14 Calculate which section the window is currently in
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock