Register now or login here to start promoting your blog and your favourite articles.
12 Extremely Handy Online Tools for Web designers and Developers
18 Nov 2009 - 6 Comments
Here is a list of useful online generator for web design and development. They are small web applications but can easily save up large amount of times and efforts. Make sure you bookmark this page for future reference.
Author: kevin | Source: queness

Introduction

Never underestimate these small tools, they are extremely handy and able to save huge amount of times and efforts.

Here is a list of useful online generators for web designers and developers. I have used some of them (favico, ajaxload, bgpatterns) and also have just discovered some of them while preparing this post.

  • Favico
    Favico
    I like this one, I always find it's hard to find a desktop based ico generator. But oh well, what I need is just a basic ico tool, and this works really good. In fact, I made Queness's favico with it. :)
  • SpiffyBox
    SpiffyBox
    The Spiffy Box is an automated way to create the code and image needed. This online generator allow you to choose foreground, background color, radius, border color, width and height. Oh well, I guess before CSS 3 is officially supported by most browser, we just have to stick to this kind of solution.
  • Ajax Load
    Ajax Load
    One of my favourite, I'm quite into AJAX and in order to make a responsive ajax script, we need to display a progress bar to indicate 'hey, please wait for a while, we are working on you request.". Ajax load generates all sort of standard animated loading gif and can be quite handy if you're looking for one.
  • Web 20 Badges Generator
    Web 20 Badges Generator
    They are probably one of the most popular trend in Web 2.0 time. It's most over-used trendy little design technique in our days, they immediately attract visitor's attention. Web badges have various round or square corners and eye-catchy colours.
  • Buttonator
    Buttonator
    If you're looking for a button (not the browser default button) and not very fussy about the design, you can have a look at this tool. It's pretty handy and in fact, some of them look quite nice.
  • Load Info
    Load Info
    Yet another Ajax loading generator. It comes with some eye catching and unique animated gifs and I think it's worthwhile to include it in this list.
  • Stripe Generator
    Stripe Generator
    It can be quite tricky to create your own stripe background. If you're struggle with that, you can always use this tool to generate your desired pattern.
  • Bg Patterns
    Bg Patterns
    I used this tool before, it's pretty amazing with how flexible it's for you to customize a background pattern. Should check it out, it's fun to play with.
  • Adobe Kuler
    Adobe Kuler
    hmm, this not really a generator, but I always found this is a good place to look for nice color combination for websites.
  • CSS Typeset
    CSS Typeset
    CSS Typeset is a great tool to customize font settings. The interface for this website is great and easy to use. One of the awesome tools online for sure.
  • Blind Text Generator
    Blind Text Generator
    Looking for dummy data other than Lorem ipsum? This handy tool helps you create dummy text for all your layout needs.
  • Reflection Maker
    Reflection Maker
    Need an urgent reflection touch on your image but without any tools? This online refection maker will add refection to your masterpiece.

Copyright & Usage

The effects and techniques demonstrated in tutorials on Queness can be used in whatever manner you wish without attribution. You cannot copy whole tutorials (unless permission is given), either in English or translated to another language.

Share This Post to Support Me! :)


Comments

kevin on 2 Dec 2009 says:
Hi Icehawg.. Oops, that must be a copy for other rounded corner solution. I have updated the copy. Thanks for letting me.
Icehawg on 2 Dec 2009 says:
\"SpiffyBox - Pure CSS rounded corner solution, no javascript or images.\"

How can you say that it doesnt need images to achieve round corners? Thats precisely how it works.
Todd Wallace on 20 Nov 2009 says:
Giving Web 2.0 Badges a go. Might save me some time using Photoshop.
BooshMedia on 20 Nov 2009 says:
Yeah ajaxupload is very useful as is this post, thanks
Chris Pierre on 19 Nov 2009 says:
Great Post!
I think Adobe Kuler and Ajaxload are really useful!
roxes on 19 Nov 2009 says:
nice collection! :)
  • Page :
  • 1

Leave a comment

Subscribe RSS Subscribe RSS, Keep yourself updated with queness latest posts!
Pixel Crayons Increase your traffic!

Buy wholesale computers directly from China at DHgate.com

Discover the tools to build your e-Commerce Site with Netfirms

  •  
  •  
  •  
  •  
  •  

Community News

Recent Comments

Random Posts



Digging in Wordpress
View all posts and news Back to top

About the Author

A web designer and developer who is passionate and keen on contributing to the web development industry. Feel free to say hi to me, or follow me on twitter.

Kevin Liew

Partner

  • Web and Designers
  • CSS Style
  • PV.M Garage Blogzine - (Italian)
  • TutsValley
  • Designrfix
  • CoolVibe
  • Web Developer Juice
  • Denbagus
  • Web Hosting Secret Revealed
  • PSD to HTML Conversion
  • BlueHost