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

Jennifer Hinkle
Jennifer Hinkle
8,365 Points
Posted by 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
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
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
Pol Martin
Pol Martin
8,200 Points

Nice resource! Thanks!

Gary Mann
Gary Mann
8,639 Points
Gary Mann
Gary Mann
8,639 Points

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.