If you build web sites you know about CSS. It’s the component of modern web sites that we love to hate. Cascading style sheets are not new.
What is new are the tools that bring complex menu designs to CSS with point and click simplicity. My Mac is loaded with CSS editing apps, but none are as easy to use or create more complex menu designs as this new Mac app.
CSS Menus Via Point And Click
For years I’ve coded web pages using XHTML and CSS. Editors do most of the initial work, but tweaking is by hand and tedious, especially with more complex designs such as menus.
CSS Menu is a free Mac app that builds complex CSS 3 menus with point and click simplicity.
CSS Menu uses advanced CSS 3 properties for rounded elements which display perfectly in Firefox, Opera, Chrome, and Safari, and display CSS 2.1 for older browsers such as Internet Explorer.
It’s a straightforward Mac app which starts with pre-built template designs for vertical or horizontal cascading menus.
Select a template from the scrolling list on the left. Some are included and free. The paid version of CSS Menu opens up more designs.
Then, build the cascading, multi-layered menu step-by-step, menu-by-menu. Click the green Plus button to add a menu item. The arrows let you move menu buttons left or right.
You have complete control over the main menu color scheme, as well as submenus.
That includes font color, hover color, background color, fonts and styles.
Sliders let you change the radius of each menu element (only viewable in Firefox, Chrome, Opera, and Safari). Even icons can be added to a CSS menu.
Once you’ve completed the point-and-click procedure for your menu, you can save the code, publish the code as a standalone web page (perfect for debugging), or insert the code into a web page.
CSS Menu is free for basic menus, but comes with a price tag for more complex menus. Output is CSS 3 valid code. It’s much faster to build CSS code using the point-and-click approach although you’re limited to the basic designs provided in CSS Menu.
A few other tools you may enjoy include The Best Mac CSS Editor, the Best Free Mac Text Editor, and a favorite, The Only Mac Editor That Doesn’t Suck. Finally, there’s fellow writer Kate MacKenzie’s method to Design A Perfect Web Site With The Best Mac Tools.