One of those days crawling I found an online tool created by kath called Ajax Load – Ajax Loading GIF Generator. There you don’t need to worry if you know how to design or not, this simple but very useful tool allows you to select the type of design you want for your ajax loading gif, the foreground and background colors and voilá, your ajax loading gif is ready to download.

For those, like me, without a clue about designing there it is, the Ajax Load – Ajax Loading GIF Generator.

If you are new to Web 2.0 nowadays design you may wonder why do you need such tool. Well, sometimes we wish to provide our borring form objects some nice background.

Its interface is self explanatory and very easy to use. What I like the most from this tool is its simplicity.

How to use stripes in our CSS Objects

This is even easier, let’s imagine whe are on Stripe Generator:

1. Play with sliders and color pickers, untill you obtain a super-cool stripe tile
2. Press “Download” to save your creation
3. Edit your css adding this line to the element you want to stripe:

   background-image: url("path-to-stripe.png");

4. If you want to only repeat horizontally your tile (as in the case of tiles with gradient), you must add this line too:

   background-repeat: repeat-x;

Example

The following is a picture taken from the contact section of www.antcut.com. I used the above instructions to set the input fields of my document.