Find Web Developers
Find Web Developers

5 Most Important Tools for Website Developers

Here are my top 5 essential tools for any web developer. Please note that I am including Firefox Extensions under the category of ‘tools’. In fact, number 5 is the only tool you can use without Firefox!

5. Notepad++ | Text Editor

This amazing program is one hell of a replacement for notepad. I do almost all of my programming with it. Even when working in a WordPress environment, I code in Notepad++ then paste it over into the WordPress HTML view. What I love most about this great tool are the little things that Notepad++ visual does to help. It colour codes your code, and has collapsible divs. You can also highlight one div, and it will find it’s partner! A must for those of us with… messy coding habits.

4. ColorZilla | Colour Grabber Thingy

Ever had a situation where you view a site and just LOVE one of their colour choices? What about when the graphic designer sends you an image mock-up without telling you something as simple as what the colour of the navigation is supposed to be? Sure you can take a screenshot of the site you like, load it into Photoshop, and use the eyedropper tool to find out what the color is, but what a hassle! This FireFox extension makes all that just one easy click. ColorZilla adds an eyedropper to the browser allowing you to find out what the colour is on any section of the page. It also lets you know what the colour is in multiple values such as HEX and RGB.

3. FireShot | Website Screenshot

Need to take a screenshot of the final site to use in your portfolio? Want to send a client an image of the shadowsite, before letting them mess around in the real thing and point out the obvious (“this link doesn’t work yet, waahhhhhh”) areas that haven’t been implemented yet? FireShot makes it easy to take a screenshot of whether the visible area, or the entire site with one click!

2. FireFTP | File Transfer Protocol

This extension is so powerful and so vital to doing pretty much anything, that I’m considering changing this to #1 as I type this. How many times has a computer illiterate client complained that updating their online photo gallery is a pain in the web interface? Since these people are probably Internet Explorer users, it is your online duty to force them to download FireFox and install this extension on it for them.

1. FireBug | God of the Internet

This tool allows you to edit, debug, and monitor CSS, HTML, and JavaScript, live in any web page. Nothing more can be said.

Comments are closed.