I just include three references:

• The Online YUI Compressor – by Mike
• The Online YUI Compressor – by Rodolphe Stoclin
• The Online Javascript Minifier - by Vance Lucas

The Online YUI Compressors

These tools allows us to make use of the famous Yahoo Javascript Compression algorithm. Both of the above references does the same results, there is only a major difference between both: whilst the one created by Mike allows you to paste your script or upload a file to compress, the one created by Rodolphe Stoclin only allows us to upload the file to compress.

The Online Javascript Minifier

This tool can reduce our code by using two different algorithms: the JSMin by David Crockford and the Packer method by Dean Edwards.

Which One to Use?

I personally like those algorithms that do not make any use of the eval function and doesn’t change much the code I program, test, and implement. I think that will only depend of the developer choice.

There is an online tool that help us compare the algorithms. If that helps you to decide which one to use: http://compressorrater.thruhere.net/

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.