SlickMap CSS is a simple stylesheet for displaying finished sitemaps directly from HTML unordered list navigation. It’s suitable for most web sites – accommodating up to three levels of page navigation and additional utility links – and can easily be customized to meet your own individual needs, branding, or style preferences.

The idea of SlickMap CSS is to streamline the web design process by automating the illustration of sitemaps while at the same time allowing for the predevelopment of functional HTML navigation.

Features and Benefits of the SlickMap CSS

• No need for additional software
• Easily revised with clients on-the-fly
• Clickable anchors with visible URLs
• Design process results in working HTML code

URL: http://astuteo.com/slickmap/

MultiURL allows you to combine multiple links into one short link that you can quickly and easily share with your friends, colleagues, on your blog or any other website. It makes the process of sharing multiple links at once so much easier, quicker and safer. For example, we want to share a list of all our websites

http://www.sharebrain.info, http://www.devmarks.com, http://www.header-footer.com, http://shirts-stuff.com and http://shirts-stuff.net

MultiURL will combine these links into one short link: http://www.multiurl.com/g/GN

All of your links can be edited at any time. You can even add new links and remove existing ones as well a password protect them for increased security.
All of your links are automatically shortened. That way you can rest assured that the link will not break when you send it via email or instant messenger.
You no longer need to wonder if anyone clicks on your links. You may now see how many times your links have been clicked or if they were even clicked at all.

URL: http://www.multiurl.com

pForm.org allows you to create HTML form in fast and easy way. It is a completely free service. Once you enter this site, you’ll see various options of color schemes for your custom form. Choose one to go to the next step, which will be designing your form content.

Click the Untitled Form box to edit the form properties. In this section, you can edit your Form Title and give few lines of form description under this Title tag.
Click one of the form elements button on the right sidebar to add a field. They are:

* Single Line Text
* Paragraph Text
* Multiple Choice
* Name
* Time
* Address
* Price
* Section Break
* Number
* Checkboxes
* Drop Down
* Date
* Phone
* Web Site
* Email
* File Upload

Edit each of the field properties before you add another one. Save your form and it will be created automatically. You can preview it first before you decide to download it or you can go back to edit your form one more time. It is so simple as one two three. pForm is smart web tool to create form automatically without writing any single line of code.

URL: http://www.phpform.org/

Pictaculous is a color tool that allows you to get a color palette right after you upload an image.
The color palette will be consist of 5 colors which are taken from your uploaded graphics, complete with its hexa code for each color. It handles PNG, GIF, JPG image file format and your file cannot be larger than 500kb.

This color palette generator is so simple, but quite helpful. There are also two other well known color community websites that will suggest you some alternatives of color schemes. They are Adobe Kuler and COLOURlovers. Once you’re done, you can download the Adobe Swatch File, share it on some social bookmark sites or share by email.

Just a pretty cool color tool web, to add on your bookmark list.

URL: http://pictaculous.com/

Grid system generator creates fixed grid systems in valid css / xhtml, and provides a background file that you can use in Fireworks, Illustrator, OmniGraffle, Photoshop, Visio (etc.). To start, just fill in your grid dimensions and preview it before you download and include the css file in the head of the HTML page. The Grid System Generator is created by Ewout Kozel . It is actually based on the 960 Grid system.

On this site, you can will also find the “Top 10 generated grid systems” list which is available in various grid width. Create your own using this simple Grid System Generator and find out how it saves your time alot ;)

URL: http://www.gridsystemgenerator.com/

Web navigation can be presented in some various ways. Sometimes a web can have plain square menu tabs, or even nice round corner tabs. And if you’re looking a fast way to create some round corner tabs, with nice effects, we mean very fast :), try to take a look TabsGenerator.com. This web tool generates round corner menu tab graphics within few clicks away.

Here are the features included:

* You can adjust the height and width pixel value.
* Border size formatting in pixel
* Easily set the corner radius for your tab.
* Custom colors option for the background tab, fill tab and border tab – Although you’ll get .PNG file for the download graphic tab, there still be no option to set this a transparent background tab. In order to add color, you just fill the desired hexa color code or click the toogle color to display the color picker.
* You can select one of three fill styles, either it is a solid color style, blur color style effect or glossy style effect. Blur and glossy style effects will make you to select two different colors in the fill tab option.
* Select the Orientation for your tabs in four directions

Looks pretty cool right? Just tweak few options and it generates easy tab design, then download and use in your css style sheet! Learn more by visiting TabsGenerator.com.

Preloader is web tool that generates a custom animated gif preloaders. There are various choices of preloaders in 4 categories of type. They are 3D, rectangular, circular and horizontal. The background color can be set in specific hexa color as you want, and transparent background option is also available in case you need it. Enter the desired sizes with specific proportion, then drag a the blue button slider to give the speed value. Within seconds after you pressed “Generate preloader”, you’ll get a sleek preloader for your project!

Push the download button whenever you satisfy with the look of your customized instant preloader and it is all yours ;) This preloader web tool may save your time if you’ve tried to create animation preloader using conventional applications.

More new color tools are found on internet nowadays, but this one is special! CSS Drive has launched the new Image to Colors Palette Generator! To get start you’ll need to upload an image or submit an image URL to generate a color palette based on the image’s primary colors.

The extra benefits you can get from this handy Image to Colors Palette Generator:
- It supports various image file format: .PNG, .GIF, .JPG and JPEG
- Instantly generates Photoshop swatches (.ACO) and CSS stylesheet (.CSS) as you can download these files for further design process.
- A Click on one of the color on the palette will show you the Hex code of that related color. You can compare between the Selected color and the Current color, as the Current color swatch will dynamically changes the color and hexa when your cursor is moving on the color palette.
- It produces 4 different palettes for efficient use of extracted colors, which are: Light Color Palette, Medium Color Palette, Dark Color Palette and Complete Color Palette.

This Image to Colors Palette Generator is very useful for quickly grabbing a particular color within an image for inspiration and also worth to save on your bookmark list. Have quick jump and tell us how you like this cool color tool ;)