Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

General Discussion

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

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

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 :)