Here are some useful tools for Web Developers and Designers
1. Pixie
Its a colour picker that includes a mouse tracker. Run it, simply point to a colour and it will tell you the hex, RGB, HTML, CMYK and HSV values of that colour. You can then use these values to reproduce the selected colour in your favorite programs. Pixie will also show the current x y position of your mouse pointer. Its the only tool you'll need for working with colours. Here is the website
2. Pixel Ruler
Know the exact size and position of any element with this screen ruler. Pixel Ruler features horizontal and vertical orientation, dynamic mouse measurement tracking in pixels, cool design. Here is the website
or you can- try MioToolbox, which contains Screen Capture, Color Picker, Screen Ruler, Screen Magnifier
The Color Picker allows you to quickly choose a color and HTML code. The horizontal and vertical Screen Rulers allows you to Know the exact size and position of any element in the screen. The Screen Capture tool allows you to copy a part of the screen to the clipboard or to a file. The Screen Magnifier follow up the mouse to increase your precision. Here is the website
3. Webdeveloper Extension for Firefox
The Web Developer extension adds a menu and a toolbar to the browser with various web developer tools. It is designed for Firefox, Flock and Seamonkey, and will run on any platform that these browsers support including Windows, Mac OS X and Linux. Here is the website
4. Notepad++
Editor with Syntax Highlighting and Syntax Folding,WYSIWYG,User Defined Syntax Highlighting,Auto-completion,Multi-Document,Multi-View,Regular Expression Search/Replace supported,Full Drag ‘N' Drop supported,Dynamic position of Views,File Status Auto-detection,Zoom in and zoom out,Multi-Language environment supported,Bookmark,Brace and Indent guideline Highlighting,Macro recording and playback. Here is the website
Check the following websites also
Line of site
for web designers