All Around Helpful Tools

These tools are helpful, but do not necessarily fall into one of the main three categories. These can be tools that are used every day in the back ground making our work on the computer easier and saving more time to do other things.

-------------------------------------------------------------------

CSSTint

CSSTint is an utility that allows you to easily change the appearance (i.e. colors) of your website, by modifying the CSS file(s) using hue, saturation and lightness modifications (both HSL and HSV supported). Parse your CSS file in, tint the colors and save.

It's a small and simple tool to make little color adjustments easier for web designers. I've found that having such a tool would have been useful for me, and decided to write one myself. I released this program for general usage, since I thought others too might find it useful.

CSSTint is free, open source software.

Using CSSTint is not that complex. Just start it up, and load your .css file in. The file will be parsed and CSSTint gathers the color references from it. You'll see the colors in a table view. Select the colors you want to modify, and click Tint. Tinting allows you to change the hue, saturation and lightness values for the colors you selected. Check Use HSL to work in HSL (Hue/Sat/Lightness) colorspace, otherwise CSSTint uses HSV (Hue/Sat/Value). Additionally you can make the colors more blue, for example, with the RGB sliders.

You can manage the custom presets by clicking the Presets... button. It opens a pop up - menu where you can load, save, replace and delete presets. XML export/import is also supported.

If you just want to set a color or colors to one certain color instead of tinting, click Set and choose the color you want. Select Edit in place if you want to manually type the color code in.

Converting the selected color(s) to another color format is done from the menu (also in the right click pop up - menu). Copy stores the selected colors to the clipboard as plain text. You can either paste them to another application (e.g. a text editor), or to the color table. If you're pasting just one color, it will be pasted onto all selected items. If you're pasting several colors, they will be pasted onto and below of the first selected item.

If you make a mistake or want to go back to earlier colors, use the Undo and Redo buttons. Colors can be set to 'transparent' either from the Tint dialog or from the format conversion menu.

And that's basically it. After you've changed the colors, press Save or Save As to save your work. Preview in your favourite browser, and re-adjust if necessary.

Note that CSSTint keeps track of the color format used in .css (#RRGGBB, rgb(...), color names) and writes the changes back in the same format. You can also convert between color formats. Converting to #RGB format is lossy, i.e. it loses some of the color information.

++++++

Digital Online Goals School is your complete source for your online career. We test the tools so you don't have to. These are all tools that we use during the course of our business and we feel confident that they will prove valuable in your business as well. We liked them so well we wanted to share them with you. Please note that most of the products listed in this site are part of our affiliate programs and when you purchase these products through our links we may make commissions off of the sale. Thank you for your support.

It's as easy as 1, 2, 3...

1) Find Your Market

2) Create Your Website

3) Promote Your Website

All Around Helpful Tools