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

CSS

Posted by Cade Ward
Cade Ward
8,537 Points

Future Nav Menu Plans?

I'm new here, but I've been diving into almost everything there is to offer on web design. One thing that has troubled me is how to make a clean navigation drop down menu. Are there plans for such subjects in the future? Also, I am wondering if anyone knows of some good resources online that may help me get started on different styles of menus.

6 Answers

Riley Hilliard
PLUS
Riley Hilliard
Courses Plus Student 17,771 Points
Riley Hilliard
Riley Hilliard
Courses Plus Student 17,771 Points

There are 2 good frameworks to look at for Nav construction and those are Twitter Bootstrap and Zurb Foundation. This wont necessarily 'teach' you how to build one from scratch, but it is a helpful way to see how a common nav bar is constructed, and reverse engineer it to learn about how it was created. Many designers use these as navigation bar foundations and customize them with their own CSS and JS to make their nav bar fit their particular needs. Zurb Foundation: http://foundation.zurb.com/docs/navigation.php Twitter Bootstrap: http://twitter.github.com/bootstrap/components.html#navbar

Cade Ward
Cade Ward
8,537 Points
Cade Ward
Cade Ward
8,537 Points

Awesome! I was actually just doings some research on some frameworks and wondering if there were some more specific frameworks for nav construction. That's exactly what i was looking for. Thanks!

James Barnett
James Barnett
39,199 Points
James Barnett
James Barnett
39,199 Points

@Riley Please do not post links to W3Schools it's considered bad practice.

They are in no way affiliated with the W3C

See W3Fools for more info

Instead you should link to:

James Barnett
James Barnett
39,199 Points
James Barnett
James Barnett
39,199 Points

@Cade - If you want to learn more about building your own navigation you can check out the Lynda.com's CSS: Styling Navigation course

Riley Hilliard
PLUS
Riley Hilliard
Courses Plus Student 17,771 Points
Riley Hilliard
Riley Hilliard
Courses Plus Student 17,771 Points

@James Interesting, I took a "Intro to HTML & CSS" Class at University of California San Diego and the teacher pretty much referenced W3Schools the entire time as where the students should go to look up syntax standards. Had no idea there was a controversy behind it.

Cade Ward
Cade Ward
8,537 Points
Cade Ward
Cade Ward
8,537 Points

@James - Very Interesting, indeed. I have always wondered about that site. Good to know. Thanks for the useful information.