Many times when I am working on projects or anything, There are some tools on the web I use that comes in handy. This tools saves time and makes  my work easier such as lets say  the hex color code, I can’t remember all of them or web safe fonts. So, without babbling too much here are they:

Font-Tester: Font Tester is a free online font comparison tool. It allows you to easily preview and compare different fonts side by side with various CSS font styles applied to them. It is very useful for web developers who are looking for just the right font/style/color to use in their pages.

4096 Color Wheel : There are so many color wheel on the web. I found this one easy to use. This color wheel is by Jemima Pereira. This  Color wheel shows colors in web safe, web smart and unsafe format. There for it is really useful when choosing colors.

CSS Type Set : For evry web designers/developer this is a must use tool. How many when you are coding you thought,  How would this font look on the page?what size ?smaller? Well have no worries. CSS type gives you real time font comparision. You can change font size, family, colo and more. Alos, whats even better that, It gives you the css code, so you can just copy paste it into your style sheet.

CSS Text Wrapper: The CSS Text Wrapper allows you to easily make HTML text wrap in shapes other than just a rectangle. You can make text wrap around curves, zig-zags, or whatever you want. All you have to do is draw the left and right edges below and then copy the generated code to your website.

CSS Menu Maker: CSS menu Generator is really an awesome tool for creating menus on the go. There lots vertical and horizontal menus in their library. They give you chance to customize the menu, add links, browser compatibility  and so much more. Also, if you have your own menu, they have an options to submit.

DevSnippets: Devsnippets is web desinger/developers/programmers heaven. Whats better than bunch css, javacript , ajax, php codes to look at for inspiration. Whats even better you can submit your own code sinppet.  I visit this site everyday. These website is from same people who also runs Noupe.

Script and Style : Script and Styles is from brilliant web designer/blogger Chris Coyier, who runs couple of useful sites. Script and style is also web site for codes, tricks for web design.

This is what Chris says about Script and Style:

“I always wanted to social news angle to CSS-Tricks but never found quite the right angle to integrate it. The right opportunity came along to partner with David Walsh and create a separate site. Script & Style is essence a link blog with “Links to Help you Grow as a Designer and Developer”. The site is 90% powered by community submissions.”

Well , that’s all . Honorable mention to Kotatsu, which is a useful website to generate HTML tables, and Typechart, same as Font Tester but better looking interface.

Hope, this was helpful!

Update: One more site : PXtoEM convert pixels to em