2014
Tuts+
Gary Simon
2:3
English

Activating CSS animations based on scrolling is a relatively new (and cool) technique that many of today’s front-end developers are taking advantage of. These parallax scrolling effects are triggered by a user scrolling the page, and can really show off your content and help to enhance your websites. In this course, Gary Simon will show you how to design and then build scroll-based CSS animations.

1.Introduction1 lesson, 01:28
1.1Introduction01:28

2.Photoshop Mockup Design5 lessons, 58:16
2.1Mockup Design (Part 1: Above the Fold)14:33
2.2Mockup Design (Part 2: First Animation)13:12
2.3 Mockup Design (Part 3: Second Animation)09:58
2.4Mockup Design (Part 4: Third Animation)12:40
2.5Exporting Graphic Assets07:53

3.HTML & CSS3 lessons, 37:54
3.1HTML & CSS (Part 1: Above the Fold)14:56
3.2HTML & CSS (Part 2: First Animation)10:01
3.3HTML & CSS (Part 3: Second & Third Animation)12:57

4.Tying It All Together5 lessons, 38:57
4.1Animating the Phone and Monitor09:08
4.2Animating the Icons04:52
4.3Animating the Columns & Map07:43
4.4Responsive Adjustments (Part 1)13:10
4.5Responsive Adjustments (Part 2)04:04

5.Conclusion1 lesson, 01:07
5.1Conclusion01:07

http://courses.tutsplus.com/courses/design-and-build-scroll-based-css-animations

Download File Size:562.85 MB

---