4.5/5 1252 votes

Pure CSS Menu 2 - Expression Web Add-In

Create lightweight and accessible JavaScript-free pure CSS drop down menus with ease and grace.

This feature-rich Expression Web add-in will generate completely script-less pure CSS drop-down horizontal and vertical menus.

True pure CSS drop down menus require no JavaScript at all and work in all currently used browsers. Lightweight, accessible, and SEO-friendly solution.

  • All-in-one product - create horizontal, vertical, tabbed, text or image based menus with a single tool.
  • Variety of styles - create your own styles or use preset themes, customizable in any aspect.
  • Easy to set up - no JavaScript or CSS knowledge required, CSS generation is completely automated.
  • Contemporary menu design - CSS styled unordered lists based markup, uses no JavaScript at all.
  • Full cross-browser compatibility - works without JavaScript support in all currently used browsers (such as IE7, IE8, IE9, IE10, Firefox, Opera, Safari, Chrome, etc.) and in most outdated browsers (including IE5.x, IE6), degrades gracefully in very old browsers.
    Browsers
  • Support for touch devices - compatible with iPhone, iPad, Android, and other touch devices.
  • SEO-friendly - all menu links, text and titles are placed directly on pages in plain HTML, absolutely accessible to search engines. Nothing is hidden in JavaScript files.
  • Valid HTML and CSS - the menu markup complies with HTML, XHTML and CSS standards and passes W3C and Expression Web Accessibility and Compatibility checks.
    Valid HTML 5 W3C Valid HTML 4.01 W3C Valid XHTML 1.0 W3C Valid CSS
  • Accessible - the CSS menu complies with W3C Web Content Accessibility Guidelines.
  • Lightweight and fast to load - no heavy JavaScript support files are required, menus are ready to work as soon as they appear on a page and are fast to respond.
  • Unlimited number of sublevels - deep menu structures are possible.
  • Support for Sliding Doors technique - same image can be used for items having different width.
  • Multiple menus on a page - you can have as many pure CSS menus on a page as you like.
  • Expression Web templates supported - easily update your menu across the whole site by placing it into an Expression Web template.
  • User-friendly Expression Web add-in GUI - no need to dig into CSS files, make any change in menu style or structure with few comprehensive clicks.
  • Live preview - see how your menu will look in a browser as you edit. Any change in the menu style or structure will be instantly reflected in IE browser embedded into this window.
  • Preset themes - use one of the many preset themes as a building base for your menu design, or apply it to an existing menu at any time.
  • Free trial - no need to buy a pig in a poke, take advantage of a risk-free fully functional 15-day trial before handing over your money.
  • No monthly fee or subscription - you don't have to pay monthly fee or subscription fee.

What's new in version 2

  • Improved support for touch devices (iPhone, iPad, Android, etc.) - Tap to open a dropdown, tap away to close. If a link has a drop-down submenu, first tap opens the submenu, second tap triggers the link.
  • Individual styles (color, image) can be assigned to buttons (each button can have its own color and image).
  • New preset menu themes have been added.
  • Free updates to all coming 2.x.x versions.

Why use JavaScript-free Pure CSS Menus?

  • Lighter - Pure CSS Menus are lighter than JavaScript menus. They don't require JavaScript files with behavior logic at all. All currently used browsers are smart enough to handle mouseover events, to change styles, to show drop downs, etc with their own rendering engine, they don't require programming for that.
  • Faster to load, no delay in starting - menus are ready to work as soon as they appear on a page and are fast to respond. They don't wait for the document to be completely loaded and for a JavaScript to be initialized like JavaScript menus do. No time is wasted on interpretation of JavaScript when mouseover and mouseout events are handled.
  • Safe from JavaScript errors - How many times have you seen pages rendered motionless by JavaScript errors? The reason could be an incompatible browser, an error in JavaScript menu code, an error in a third party code on page, a conflict among different JavaScripts on page, etc. This will not happen with pure CSS menus. JavaScript-free pure CSS menus do not contain JavaScript errors since they don't contain JavaScript. They introduce no JavaScript conflicts. They will also survive JavaScript errors caused by third-party scripts and will work fine even after such errors.
  • Works in JavaScript-disabled browsers - Pure CSS menus will work in JavaScript-disabled browsers, including JavaScript-disabled browsers on handheld devices. They are also not considered to be an active content, so they will continue working when active content is blocked by a browser.
  • SEO-friendly - unordered list based, semantically correct links structure is considered to be the best Search Engine Optimization solution for navigation menus.

Pure CSS Menu examples



System requirements

Microsoft Windows 8, 7, Vista, XP, 2000
Microsoft Expression Web 4, 3(SP2), 2, 1, Microsoft FrontPage 2003, 2002, 2000