An Overview of Menu Builder
CoffeeCup has a long history of building software for designing navigation menus. And for good reason, making attractive, functional drop down menus has always been a tedious job. That's why back in the day we developed DHTML Menu Builder, and Flash Menu Builder when Flash was still trendy and integrated a decent CSS Menu Maker in the CoffeeCup HTML Editor. For the new Menu Builder we took everything we learned and added many of the best features CSS3 has to offer us, taking the design of navigation menus to a whole new level. With our new menu creation app you can create awesome looking vertical or horizontal menus with drop downs, slide outs, rounded corners, box shadows and so much more.
Ready for the icing on the cake? Then try out the dynamic slider duo: Sizer and Breaker. They show you what your menu will look like at different display widths — across the entire range of (mobile) devices. Then they allow you to adjust every menu detail so your menu remains usable independent of screen size or device. You can even swap out an entire layout and put your entire menu behind a single Menu Button for smaller screens. Yup, Menu Builder is also equipped to make responsive menus and that is pretty awesome indeed!
Generally speaking, (responsive) menus are one of the most important elements of any (responsive) site—if the menu is not usable, the entire site pretty much is not! Navigation menus can require significant changes to make them usable on a device like a phone, netbook, or tablet. Luckily, this is something Menu Builder makes as easy as grinding beans with an automatic grinder.
Still, you’re not required to make your menus responsive and make them adjust for other device types right away. If your site is not using a responsive layout, your menu will function normally without resizing. However, as soon as you decide to move to a responsive design, your menu will be ready too — you’re covered either way, how cool is that!? You can read more about Responsive Menu Design in Chapter 5.
So what are you waiting for? Let’s get started! We’re going to cover just a bit of the technical background of how the program works with HTML and CSS (yea, we think that is interesting), but if you want to just dive into the tutorial and get going you can skip right to Chapter 4.