W3PlantingFree Web Resources for your website

CSS Menu Maker is a cool place to get the readymade CSS menus (drop down, Horizontal or Vertical). Menus can be customized visually and once you finish customizing, you can download the resulting menu’s related resource (CSS, HTML & images (if any)) for your brand new menu ready to be used in your websites and that is absolutely free!

Creating/Customizing the menu is simple, just 3 steps to get your working menu

1. Pick a menu
2. If needed, customize the menu to your design needs
3. Download and integrate CSS Menu into your HTML pages

The features are:

• Prebuilt menus to choose from (Drop-Down, Horizontal, Vertical Menus)
• Online Customized & preview of the menu
• Browser Compatibility – Firefox, IE7, IE6, Safari and Opera
• Add/Edit Sub Menu visually in the browser!

Share your thought: if you already used CSS Menu Maker or planning to use it in future, please do share your experiences about CSS Menu Maker, with all of use via commenting on this post.

Share this post

EqualHeights is a simple and easy to use jQuery Plugin, which do a simple task of making equal height of all the elements you specify.

If you are having more than 1 div (boxes) in a page and you want consistency in your design, by applying the same height to all the boxes, this is the right scenario to use this plugin. You can (optionally) specify a minimum and maximum height you want the element to be. Note that if your tallest elements contain more than the maximum height worth of content, the containing element will still be resized, and a scroll bar will appear on the side of the element.

You can see a demo of this plugin here

Share this post

Shadow menu is a multilevel horizontal dropdown menu, which has some nice looking 3d type of menu items; you can easily integrate the multi level CSS menu into your website. It uses .png shadows to give a 3D effect to top level hovers & sub menus.

The menu is tested in IE6, IE7, Firefox, Opera and Safari (PC)

Note: The framework normally uses only CSS but for IE6, there is a JavaScript file that must be included.

Share this post

YAML (Yet Another Multi Column Layout) Builder, is a framework that allows the visual development of YAML based CSS+XHTML layouts directly within your web browser. As you can preview the design while you build, you can generate your design on the fly, it’s easy and fast for creating modern and flexible multi column layouts.

The structure is simple and very flexible and absolutely accessible for end users. You can define all the basic properties of the page like Layout, Navigation template, Layout properties and other CSS rules (h1,h2, ul, ol etc) and it will generate the CSS +(X)HTML code instantly.

Features of the YAML Builder:

• Based on web standards
• Accessible
• Flexible
• Easy to use
• Fully documented

You can download the latest YAML from here

Note: It will work only with latest browsers i.e. Firefox 2.x, Opera 9.x, Safari 3.x and IE7

Share this post