ThisIsLeon.co.uk

So your a budding new web designer, or even a seasoned pro? Whatever your skill level, no master is complete without a good set of tools. Luckily for us there are lots of tools to help us on our way. The first thing to do is arm yourselves with a good web browser. My weapon of choice is Firefox as its simple, easy to use and there are lots of add-ons that are very useful. It is these add-ons that enable me as a web designer to be able to adjust and edit my sites, quickly and easily.

I have included my favourites here.

Firebug

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

Screengrab

It will save what you can see in the window, the entire page, just a selection, a particular frame… basically it saves webpages as images.

Web Developer Toolbar

Adds a menu and a toolbar with various web developer tools.

Foxmarks

If you use Firefox on more than one computer, you’ll want Foxmarks. Install Foxmarks on each computer, and it will work silently in the background to keep your bookmarks synchronized. You can also log in to my.foxmarks.com to manage your bookmarks from any computer.

In addition to this I use Coda to develop my web sites (Mac Only). Its pure ease of use is brilliant, and it includes a much better way to preview your sites than Dreamweaver.