My 10 Best Free Online Tools for Web Design

Web Design Tools are always handy to a web designer and coder, with tons of features, and fantastic user interface, these tools will make a web designer's life much easier.

1. 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.

2. ColorZilla

With ColorZilla you can get a color reading from any point in your browser, quickly adjust this color and paste it into another program. You can Zoom the page you are viewing and measure distances between any two points on the page. The built-in palette browser allows choosing colors from pre-defined color sets and saving the most used colors in custom palettes. DOM spying features allow getting various information about DOM elements quickly and easily.

3. Typetester

Typetester is an online application for comparison of the fonts for the screen. Its primary role is to make web designer’s life easier. Typetester is a great way to test and compare fonts for brands, keywords, signs, ads, etc. Instant access website without any registration.

4. IconFinder

IconFinder provides high quality icons for web designers and developers in an easy and efficient way. Search through 158,184 icons or browse 822 icon sets.

5. COLOURlovers

If you are looking for backgrounds or patterns to use on your website or Twitter page, Colour Lovers has a ton of ways to create patterns or your own palettes for background images. The site is made up of a community where people from all over the world share patterns or palettes on the website. The site allows developers to browse, create, and search themes, patterns, palettes, or colors. There are also design tools like ColorSchemer or Themeleon to help design page backgrounds.

6. FireFTP

FireFTP gives you the power of a top-notch FTP client from within your Firefox browser. It can handle multiple accounts and remember different logins, passwords, and connection settings for each. The plug-in works across platforms, lets users import and export account settings, and supports directory comparisons and synchronization, time-stamp syncing, file hashes, and auto-reconnect.

7. Browsershots

You can view screenshots of your website as it displays in different browsers, with a great degree of customization. Browser shots lets you choose your screen size, color depth, JavaScript and Flash settings. This website features the kitchen sink of browser lists, including a few you may never have heard of before.

8. CSS Tab Designer

CSS Tab Designer is a unique and easy to use software to help you design CSS-based lists and tabs visually and without any programming knowledge required. With CSS Tab Designer, you can: Quickly design your list visually; Choose from a variety of styles/colors (currently 45 different designs/colors supported); Generate strict XHTML compliant code (only available for Windows).

9. pForm

pForm is a web-based HTML form builder application for creating attractive forms easily. It offers various color schemes to get started & enables you to design your form with an Ajaxed interfact. Any type of form objects (text fields, checkboxes, dropdowns, file upload fields, etc.) can be added & ever field of the form can be customized (field label, type, size..). Once the form design is completed, it can be previewed & ready-to-use HTML/CSS files can be downloaded as a .zip file.

10. Dynamic Drive - Favicon Generator

Use this online tool to easily create a favicon (favorites icon) for your site. A favicon is a small, 16x16 image that is shown inside the browser's location bar and bookmark menu when your site is called up. It is a good way to brand your site and increase it's prominence in your visitor's bookmark menu.

These are my favorite tools to use but there are thousands out there. What tools for web design do you like to use?