Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

General Discussion

Cesar Vanbuskirk
Cesar Vanbuskirk
6,672 Points
Posted by Cesar Vanbuskirk
Cesar Vanbuskirk
6,672 Points

How would I create a site like this?

I am fascinated by sites like this but I'm not even sure where to start? How did he create the animation at the beginning? JavaScript? And the scroll effect as well? I realize this is way past my skill level, but I want to get headed in the right direction. Thanks guys!

Here is the site http://www.czk.fr/

2 Answers

Jeremy Woodbridge
Jeremy Woodbridge
25,278 Points
Jeremy Woodbridge
Jeremy Woodbridge
25,278 Points

The cool scrolling effect is known as Parallax Scrolling. You can check out another demo here. Doing this requires the basic Javascript and jquery knowledge to make the parallax scrolling effect. Of course there are those that use just CSS and responsive web design to make this possible, learning jquery will make your life a lot easier when aiming to make cool animations like this. Hope that gets you a head start on where to look. Good luck

David Perkins
David Perkins
9,607 Points
David Perkins
David Perkins
9,607 Points

As Jeremy said, understanding jquery and javascript as a whole will definitely stand you in a better place to tackle this kind of thing. Even then it's a bit of a struggle i've found. There's a couple of cool jQuery plugins that you might want to have a look at though. These should help you get started with Parallax effects and animating elements at different points on a users scroll.

Hope that helps :)