Tools for web development

On this page you find a collection of important tools for web development. Are you a web developer using important, free standard tools which are not listed here? Let us know! Send your suggestion to Contact.

Mozilla Firebug

One of the most important tool for any web developer is the Mozilla Fire Bug add on. Inspect html code visually. Turn styles on and off to see imediately it's effects on the layout.

Download: https://addons.mozilla.org/en-US/firefox/addon/1843

Screen shot: Mozilla FireBug inspecting html code.

Windows Explorer Developer Tools

Inspecting html code can be achieved also with Windows Explorer. Press F12. A new window opens. Press the button with the white arrow. Go back to the other window and click for example an image. The inspector shows you now the corresponding html code.

Explorer Developer Tools not working

Tipp: Sometimes developer tools window will not show. After you pressed F12: press [Window Key] + [Up Arrow] or [Window Key] + [Right Arrow] this will make the window apear again.

Notepad++

A text editor which adds color to the html code. And most important it nicely shows the begin and end tag of any html element.

Download: http://notepad-plus.sourceforge.net

Screen shot: Notepad++ Text editor for html code.

Paint.NET

Paint.NET is a powerful freeware graphics program. It supports multi layer, blending and transparency.

Download: http://www.getpaint.net

Screen shot: Paint.NET graphic program supporting layers.

FileZilla (FTP)

Finally everything needs to go online. FileZilla is a very good state of the art FTP program to upload your pages to the internet

Download: http://filezilla-project.org

Screen shot: FileZilla FTP program.