Tag Archives: CSS drop-down menu

The FreeBSD.org top navigation drop-down menu

I had some spare time the other day, and as I haven’t made too many contributions to FreeBSD lately, so I thought it might be a good idea to do something to improve our FreeBSD.org web page.

I was thinking about the navigation of the homepage of the FreeBSD Project, and found out that it pretty much sucks. Although we have a lot of links in there, some pretty important pages are not linked, are difficult to find, or are simply hidden very well in secondary web pages. The navigation wasn’t very straight-forward.

It looks like most of the modern web sites resolve issues with navigation by adding a drop-down menus, which are easy to use, look pretty and are user friendly; Thus I looked around the web about how to implement those and found out that it should be possible to implement it in pure CSS.

I have read a few howtos and decided to try it out for FreeBSD.org web site. The result was pretty impressive (it works in all modern browsers, including Firefox 2.x+, Opera 9.5+, IE7+, Chrome and Safari) and as I got a good feedback from www@/doc@ team, I have yesterday commited a prototype of this implementation. As as result, you can now navigate through drop-down menus at the www.FreeBSD.org web site to reach some important pages you may have not even known about.

I hope that this change will improve the current situation around the navigation and that you will like it 😉