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

Jennifer Hinkle
Jennifer Hinkle
8,365 Points

What do I need to learn to make these?

Hello,

Thanks to Tree House, I've gotten a pretty good mastery of CSS and the basics of PHP (along with Wordpress). I've come across these websites and I was wondering if anyone knows how they were coded.

Specifically the navigation on this site (click the button on the top right): http://www.timbrack.de/arbeiten/mercedes-benz/

On this site, the first page re-sizes to always fill the screen, and when you scroll "Selected Projects" is always right below: http://www.joosthuver.com/

Lastly, on this site, as soon as you start scrolling, the navigation bar changes: http://www.barrelny.com/work/

Could these be made with CSS? or is it with JavaScript? I'd really like to make websites with this sort of functionality. Any advice on what tools I can use would be greatly appreciated!

Thanks, Jenn

3 Answers

Pol Martin
Pol Martin
8,200 Points

Hi Jen,

all this effects and features you mention can be accomplished combining CSS with Javascript. CSS keeps getting better everyday, but Javascript is still needed for more complex functionalities.

If you like this kind of stuff (usually called front-end development) I strongly recommend you to learn Javascript (and the jQuery library, of course). Not only will it be useful but also pretty fun.

Hope this helps!

Jennifer Hinkle
Jennifer Hinkle
8,365 Points

good advice- time to bite the bullet and go learn :) Thanks for all the advice everyone!

Pol Martin
Pol Martin
8,200 Points

Nice resource! Thanks!

One thing you can do is go to [builtwith.com](builtwith.com) and plug in the url of your choice to see what was used to build that site. Between that and viewing the source code (right click and go to 'view source code'), maybe you can sort out how they made it. It's easiest when a programmer has been kind enough to leave good comments in the source code.