Article by Jerry Low
Geek dad, SEO data junkie, investor, and founder of Web Hosting Secret Revealed. Jerry has been building Internet assets and making money online since 2004. He loves mindless doodling and trying new food.
Smart webmasters do not work everything out from scratch; instead, we make good use of the free tools available online. There are tons of brilliant web tools available online – it’s a waste not to leverage these tools and save some working time (or, to have more time for beer). In this article, I’m going to share my must-have list of 30 web design tools, I hope you’ll find them useful. On the other hand, I would like to take this opportunity to thank all the developers who had done some much and made our world better.
Need some cool tabs in seconds? Well, then you need TabsGenerator. TabsGenerator is a convenient design tool that allows users to create highly-customizable tabs (tweak size, colors, corners and borders) in CSS.
3. Web 2.0 Bullshit Generator
Okay, I admit Bullshit Generator is not that useful; but, I am sure we have time for some web 2.0 humor. Let’s “integrate undefined synergies”, anyone? :)
Gender, face features, wearings, skin colors… UNIQUE is a free web tool that allows users to create highly-customizable, human-like, avatars. Mind you, this web tool is kinda addictive – I spent more than 30 minutes playing non-stop with the features while writing this post.
5. Stripe Generator 2.0
Stripe Generator 2.0 is a free design tool supported by Pop Minds Web & New Techs Studio (long name huh?). It helps generate (almost) any kinds of stripe you want for web background.
6. Web 2.0 Badges
Web 2.0 Badges is a very popular badge generator (mainly because of their beautiful pre-designed badges, I guess). Any webmaster who is too lazy to design their own badges should check them out.
FreshGenerator is a pretty cool web design tool which helps to create small design elements like boxes or tabbed menus of different sizes, styles and colors.
8. Loader Generator
Equipped with a set of pre-designed loading icons, Loader Generator allows you to customize and generate your own loading ‘spinner’ in a fraction of second.
9. FavIcon Generator
DynamicDrive’s FavIcon Generator is perhaps the most popular favicon maker. This tool allows you to create various sizes of favicon (as well as icon) based on the your own image.
10. Button Maker
Button Maker is a free tool provided by Adam Kalsey that creates simple square-shaped site sticker. The sticker designs is pretty fixed; however the tool does allow users to tweak several design parameters (such as text margin, border color and background).
Like Loader Generator, AjaxLoad is another free tool that generates cool loading icons. What’s good about AjaxLoad is that the tool comes with a huge set of indicators in different shapes and designs.
RoundedCornr is another web design tool that auto-generates CSS codes for a box with rounded corners and a color gradient.
13. 3D Pack
3D Package is a great tool for e-book and web templates sellers. It lets you instantly create 3d-box images online for free. Simply upload pictures (JPG, GIF, orPNG) for cover andyou’ll get a 3d-box in your favorite image format.
Not good with logo designs? Try LogoCreator for some quick logo design works. This free web tool comes with 7 preset logo designs and allow users to customize various design parameters.
CoolText is another logo design tool that transforms texts to graphics. A point worth noting is that CoolText had been running online for a very long time – the free tool is online since year 1998 and it has rendered over 300 million of free images.
FreeFooter is an easy and fast tool that simplifies how you personalize your web site / blog page footer – definitely a great tool for lazy blog designers. ;)
Want some cool jQuery features on your site but not good with programming? Check out ThemeRoller – a free jQuery generator that allows you to create custom themes for jQuery components. Change font properties, colors, borders, hover variations, etc all very easily. It will show you a preview of what your settings would like like when applied to jQuery’s accordion, tabs, slider, date picker, and dialog box.
18. jQuery Function Builder
jQuery Function Builder is a handy tool to quickly build up a collection of jQuery functions. While using this tool might need some basic knowledge in jQuery; it is, nevertheless, a great way to reduce programmers’ work time.
Fancy some Tartan-stripes background? Check out TartanMaker – a free design tool that helps create Tartan designs instantly.
20. ColorWizard – ver 3.0
Lack of good color? Use color wizard to do color-matching for you. The color wizard lets you submit your own base color, and it automatically returns matching colors for the one you selected. It returns a set of hue, saturation and tint/shade variations of your color, as well as suggests color schemets to you, based on your color’s complementary color, split complementary colors, analogous colors and other variations.
21. Color Scheme Designer
The Color Scheme Designer is a brilliant color-matching tool for those who are selecting colors for their designs.
22. Post-It Note Generator
Fans of sticky note? Embbed it into your web design using Post-It Note Generator. Post-It Note Generator helps create eye-catching Post-It Note with customizable text designs, message color, and paper styles.
Genfavicon is another favicon maker that helps generate favorite icon on the fly.
24. Gradient Texture Maker
Gradient Texture Maker is a free web tool that allows you to generate a graphics with gradient colors. This design tool is highly recommended for those who need to create website background with gradient color.
25. Favicon CC
Favicon CC is not exactly a web generator tool. However, it enables you to draw and create favicon easily online – which I think most of y’all would be interested to look at.
26. SimWebSol Logo Generator
SimWebSol Logo Generator is another simple logo generator.
Textorizer is a nice piece of web application that allows you to create cool graphics using text of your choice. The tool takes jpeg, png, gif, or xpm file less than 128K in length and produces an SVG file which reconstructs the original image using parts of the text scattered around.
I used to spend hours working on Flash and Fireworks for web buttons. Well I wouldn’t do the same if I heard about Buttonator back then. Buttonator is a great button generator that helps create stylish buttons instantly – a great tool for lazy web designers and webmasters.
29. Idee’s Multicolr Search Lab
Searching for the right images on Flickr to match your web design or blogpost? Try Multicolr Search Lab, a free web tool that helps you to sort out Flickr creative common images based on color.
BgPatterns helps create classy background (see image). There are dozens of cool patterns to choose from and it’s a must see tool for all web designers.
Well that’s all for the list. If there is a web generator or tool that you think should be listed here, feel free to shout in the comment box.