15 must have web developer tools for beginners

Here are 15 handy web developer tools.  Some are very well known others not so, however, one thing they all share is they are very useful when developing websites.

1. Adobe Photoshop

The Adobe Photoshop family of products is the ultimate playground for bringing out the best in your digital images and transforming them into anything you can imagine.

More about Adobe Photoshop…


Very much a Photoshop esc application but free. GIMP is the GNU Image Manipulation Program. It is a freely distributed piece of software for such tasks as photo retouching, image composition and image authoring. It works on many operating systems, in many languages.

More about GIMP…

3. Adobe Dreamweaver

Quickly and easily design, develop, and maintain websites and web applications – from start to finish – with Adobe Dreamweaver CS3 software. Built for both designers and developers, Dreamweaver CS3 offers the choice of working in an intuitive visual layout interface or a streamlined coding environment.

More about Adobe Dreamweaver…

4. Color Cop

A very handy tool for capturing colours anywhere on your screen. Color Cop makes it quick and easy in those situations where you need to know what colour is being used.

More about Color Cop…

5. Firefox web developer toolbar

The Web Developer extension adds a menu and a toolbar to the browser with various web developer tools. It is designed for Firefox, Flock, Mozilla and Seamonkey, and will run on any platform that these browsers support including Windows, Mac OS X and Linux.

More about Firefox we developer toolbar…

6. Internet Explorer Toolbar

The Microsoft Internet Explorer Developer Toolbar provides a variety of tools for quickly creating, understanding, and troubleshooting Web pages. This version is a preview release and behavior may change in the final release.

More about Internet Explorer Toolbar…

7. Firebug

Firebug integrates with Firefox to put a wealth of web development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

More about Firebug…

8. Watchfire Bobby

Watchfire Bobby is a web accessibility desktop testing tool designed to help expose barriers to accessibility and encourage compliance with existing accessibility guidelines, including Section 508 of the US Rehabilitation Act and the W3C’s Web Content Accessibility Guidelines (WCAG).

More about Watchfire Bobby…

9. JsUnit

JsUnit is a Unit Testing framework for client-side (in-browser) JavaScript. It is essentially a port of JUnit to JavaScript. Also included is a platform for automating the execution of tests on multiple browsers and mutiple machines running different OSs.

More about JsUnit here…

10. Xenu

Xenu’s Link Sleuth (TM) checks Web sites for broken links. Link verification is done on “normal” links, images, frames, plug-ins, backgrounds, local image maps, style sheets, scripts and java applets. It displays a continously updated list of URLs which you can sort by different criteria. A report can be produced at any time.

More about Xenu…

11. Vischeck

Vischeck is a way of showing you what things look like to someone who is color blind. You can try Vischeck online- either run Vischeck on your own image files or run Vischeck on a web page. You can also download programs to let you run it on your own computer.

More about Vischeck…

12. Feng GUI

Find out how people View your website or image and which areas are getting most of the attention.

The ViewFinder Heatmap service, is an artificial intelligence service which simulates human visual attention and creates an attention heatmap.

More about Feng GUI…

13. Fiddler

Fiddler is a HTTP Debugging Proxy which logs all HTTP traffic between your computer and the Internet. Fiddler allows you to inspect all HTTP Traffic, set breakpoints, and “fiddle” with incoming or outgoing data. Fiddler includes a powerful event-based scripting subsystem, and can be extended using any .NET language.

More about Fiddler…

14. BrowserCam

Browsercam provides “Cross-Browser Screen Captures and Instant Remote Access”, meaning developers can fully test a websites appearance and functionality across multiple web browsers (I.e. Internet Explorer 7, Firefox etc) and operating systems (I.e. Windows XP, Windows Vista etc) ensuring the quality of our sites are as high as possible.
This solution offers three main services:
• Screen Capture Service
• Remote Access Service
• DeviceCam

More about BrowserCam…

15. RegexBuddy

RegexBuddy is your perfect companion for working with regular expressions. Easily create regular expressions that match exactly what you want. Clearly understand complex regexes written by others. Quickly test any regex on sample strings and files, preventing mistakes on actual data. Debug without guesswork by stepping through the actual matching process.

More about RegexBuddy…


One Response

  1. Instead of Watchfire Bobby, I use an accessibility toolbar add-on for Firefox.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: