
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 ;)

Styled Menus is a CSS menus gallery website where you can download great numbers of navigation menu bars for free. The CSS menus are designed by professional web designers and this site is been maintain by two guys Sainath Chillapuram and Santosh Setty.
StyledMenus.com provides cross browser CSS menus and with valid W3C. It will save your time and if you are a CSS noob, you can learn from here too. Visit the source page and surf the CSS Styled Menus to get start!

Striped Backgrounds is a web tool, which has been developed by Sam Herbert. These simple tool generates striped colorful background based on 5 color pickers, where you can put your custom hexa color code into, to create your desired background.
You can instantly download your striped background in .PNG file format after you select the resolution image.
Just push the reload button on the center to get a newly random striped background, if you want to have fun with this tool. And guess what? you can even create your own 128x128px colorful avatar or mobile screen with this amazing Striped Background. Cool stuff to bookmark!

HTML-Ipsum is a simple tool for you to copy several formated dummy text. As you know, when you’re building a website from scratch, you might need a content to fill between the div tag mark ups. The dummy text begins with “Lorem Ipsum” :D, but this is a wonderful tool since you’ll see these dummy texts are available in several formatted HTML style:
* Long paragraph
* Medium paragraph
* One sentence
* Unordered lists: short items
* Unordered lists: long items
* Ordered lists: short items
* Ordered lists: long items
and there is a Kitchen Sink box where you can find complete HTML heading, list styles and tags.
If you’re not even a Windows OS user, HTML-Ipsum is utilized with usability feature(s) for Mac and Linux geeks. A must bookmark web page for today ;)

SlideRocket is online presentation tool with great number of features. You can put professional authoring labels, organized your unlimited presentations using asset management, or analyze the market and following updates at new SlideRocket Marketplace.
Features for SlideRocket users (free plan service):
* Unlimited number of Presentations
* 250MB Storage
* PowerPoint Import
* Authoring Tools
* Asset Library
* Printing
* Publishing
* Cross browsers supported with Adobe’s Flash Player 9 plugin.(Explorer, Firefox, Safari, Netscape, and Opera on Windows, Mac, and Linux).
* SlideRocket Marketplace
* Helpdesk, Forums, Online Documentation, User Voice
* Supported Media:
1. IMAGES – JPEG (.jpg, .jpeg), PNG (.png), GIF (.gif)
2. FLASH – SWF (.swf)
3. VIDEO – Flash Video (.flv)
4. POWERPOINT – PowerPoint deck (.ppt, .pps)
SildeRocket is a very helpful presentation tool to create and collaborate with your teamworks, integrate dynamic data, and share securely online or offline, with consistent results every time. Visit the source page to learn more ;)

ThemeRoller is an amazing jQuery UI themes generator. Major web elements such as: Accordion, Tabs, Slider, Date Picker and Dialog widget are available to be customized in your desire. To start creating a custom theme, just select the Roll your own tab and adjust the settings. While you design the theme, the UI components below will update to reflect your design. There is also Theme Gallery tab if you’d like to use a pre-designed theme and choose from one of the themes in the gallery. Once you have created or found a theme that you like, you can click the Download Theme button below. To save a theme for later, simply bookmark or copy the URL.
ThemeRoller is an interesting theme generator that worth to give a try. Please tell us how useful this is for you! :D

presentation builder >> http://280slides.com/
share presentation >> http://slideshare.net/
280 Slides is a web tool that allows you to create beautiful presentations. Customize your presentation with a selected theme, building it, and share it any way you like when you’re done. No software to download and it is absolutely free!
Great features of 280 Slides:
* Securely stored presentations on internet server for better access.
* Add photos and movies to a presentation directly from popular web services like Flickr and YouTube with Built-In Media Search.
* Great looking presentation with collection of professional quality built-in themes.
* Autosaved and recovery enabled.
* Download a copy of presentation in Microsoft PowerPoint 2007 format.
* E-mail or embed a presentation with SlideShare, all with just a few clicks.
* Building a presentation right in the browser, with no download and no installation.
This 280 Slides is a real time saver for everyone! So why don’t you try building your own presentation now? ;)

site>> http://www.hipandtwendy.com/
how to install>> http://www.hipandtwendy.com/how-to-install/
twitter >> http://twitter.com/hipandtwendy/
Get bored with your twitter default background theme? You’d better visit Hip & Twendy to look more! This website will provide you with colorful, repeating background graphics for use on your Twitter, MySpace or other social networking page that allows customization. Currently served hundreds of themes, you can browse them by color tag cloud and most popular themes rated by the user. The categories are:
* Bright Colors
* Geometric
* Holiday
* Muted Colors
* Optical
* Polka Dots
* Stars
* Stripes (Diagonal Stripes; Horizontal Stripes and Vertical Stripes)
If you don’t know how to install this background graphic, simply read the tutorial on Hip & Twendy website to get start ;)
Give a quick try guys! Why don’t you drop us comment together with your twitter profile URL after you made custom design tweaks using free background graphics from Hip and Twendy.com ;) This should be interesting!

Been spotted for a while, Spancky Corners is a perfect alternative to generate CSS boxes with rounded corner. It is semantically pure CSS markup, without extra HTML to act as ‘CSS hooks’.
Just set any radius with no significant increase to file size then select your preferred foreground and background color. This tool will produce only 4 small corner GIFs together with the basic CSS and the HTML to obtain the effect.
Try this one out and hit ‘Spank Me!’ when you finish with the set :D

Web 2.0 Badges is a web tool that will generate cool and glassy web badges to download. You don’t have to create a web 2.0 badge using Photoshop or Illustrator, because this web service enable you to pick one of your favorable badges template to customize in very easy ways. Pimp your website into trendy stuff using these badges collection, as they will immediately attract visitor’s attention. They have various round or square corners and eye-catchy colours.
Surprisingly, these web-tool is enriched with bunch of collection of web 2.0 badge templates in .PSD file format. Visit Web 2.0 Badges to grab one of them now!

Unique patterns can be derived from something simple. Introducing BgPatterns, a background creator for web designers.
All you have to do simply register to BgPatterns, and start your design. In the dashboard member at the tabs you will see some features to edit your custom tiled background. They are:
- Color; equipped with hexa code box.
- Canvas; this is the place where you can use texture background. You can customize the image size in pixel and its opacity.
- Image; the main objects or shapes that are available for free. You can customize the image’s scale, location (corner or centered) and its opacity.
- Rotate; adding random effect look by rotating the main object pattern.
When you are ready with your tiled background pattern, you can download it in JPG format or simply click “Apply background” link to check the real time result over the page! Try this cool thing !

If you need some text and you are tired of using the good old “lorem ipsum” over and over, just go and check out this site. Just enter the number of paragraphs you need, hit “generate” and you are done. No more Lorem Ipsum :-)

Formstylegenerator.com makes it easy to design a form in 3 easy steps (with live preview).
1. Design: Just fill in the needed parameters like background, border, font, text…
2. Download: Download the css style generated code and also an image in png format, if your background is a gradient.
3. Apply: In the css file you find the style you can apply to INPUT, TEXTAREA, SELECT, BUTTONS form elements and your LABELS.
So if you need to style a form “the quick way”, you should check it out.
Friday, January 8, 2010
0 Comments