The Web Designer's Toolbox

 When you're a web designer, there are lots of little programs that you'll gradually accumulate to make your life that little bit easier. When you've spent hours doing something by hand and you're dreading ever having to do it again, it can be a big relief to learn that there's a free program out there that can do it quickly and effectively for you the next time

Colour Programs

One of the thorniest issues you'll run into as a web designer is colour. Because web colours are all expressed in the somewhat mysterious HTML colour (#000000 to #FFFFFF), it can be hard to get the exact colours you want in your design. Don't be fooled into thinking there aren't many to choose from: those colours are in hexadecimal, meaning that each one of those six numbers can have a value anywhere from 0-F (that is, 0-9, A-F). 16 possible values to the power of 6 makes over 16 million possible colours - that's 24-bit colour, not bad at all.

So, really, instead of trying out millions of colours by hand to see which you like best, it's much better to download an HTML colour picker tool - an essential part of every web designers toolbox. It might sound like they'd be very simple, but there are all sorts of features they can have: suggesting 'complementary colours' to the one you've chosen, for example. Some let you take a picture of your screen and click on parts of it to see which HTML colour is being used - useful when you see a colour somewhere that you think would work great on your website.

My personal favourite colour program is Color Schemer, available at www.colorschemer.com - it has all the features you could really want in an HTML colour picker. If you're after something free, though, you might like to try the more compact Pixie, from www.nattyware.com/pixie.html, which sits in the corner of your screen and tells you the colour code of any colour you hover over.

HTML Checkers

There's not much competition when it comes to HTML checking: what you really need is the W3C's HTML Tidy, or one of the many programs based on it (see http://tidy.sourceforge.net/). Tidy can clean up truly disastrous HTML, including the kind of thing produced by many of the more popular editor programs like Dreamweaver, and applications like Microsoft Word. Even if you think your code is great, the chances are that Tidy will be able to make it smaller and better.

Mozilla Firefox Extensions

When you use Firefox as your web browser, you gain access to lots of extensions that you can install quickly and easily. Since so many people using the browser are web designers, there are more extensions available for web development tasks than there are for anything else. This makes Firefox an ideal browser to use when you're writing a website.

Which extensions are most useful? Here's a quick list:

Web Developer's Toolbar (http://chrispederick.com/work/firefox/webdeveloper/). This is the most useful Firefox extension out there for web designers. Its best feature is that it lets you experiment with CSS styles 'live', so the style of your page changes as you do it - a great way to write CSS.

LinkChecker (http://www.kevinfreitas.net/extensions/linkchecker/). You absolutely must check your website for broken links, but it's usually quite a chore. Because LinkChecker integrates with the browser, it can check your links for you on-the-fly. It highlights working links in green and broken ones in red. Simple, but very effective.

HTML Validator (http://users.skynet.be/mgueury/mozilla/). Lets you check whether your pages are valid HTML without having to type all their URLs into an online validity checker. Takes a lot of the pain out of code validation, which makes you more likely to actually bother to do it!

SearchStatus (http://quirk.co.za/searchstatus/). When you're trying to monitor your site's position in search engines, this extension is indispensible. It shows you the Google PageRank and Alexa ranking for your site, giving you an idea of both the link popularity and traffic the site gets. It also lets you check who links to your site, and whether the search engines have added it to their index yet.

About the author:

Information supplied and written by Lee Asher of Eclipse Domain Services

Domain Names, Hosting, Traffic and Email Solutions.

 Lee Asher

More Articles 

Brief web Design Tips - Richard Lowe
Here is a list of some tips to help you with your web pages. These are simply suggestions to help you create a better surfing experience for your visitors. Avoid Under Construction signs - All good web sites should always be under construction....

Advantages for Using FrontPage... maybe this HTML editor has some hidden advantages - Robin Nobles
Ever since I've been doing SEO work, I've always griped and complained about FrontPage and all the extraneous code it puts in the section of the page, etc. Then recently, I had the opportunity to visit with a group of advanced search...

Introduction To Cascading Style Sheets - Mitchell Harper
CSS (Cascading Style Sheets) have been around for a while now, and act as a complement to plain old HTML files. Style sheets allow a developer to separate HTML code from formatting rules and styles. It seems like many HTML beginners’ under-estimate...

CSS – Site Design Basics Part One - Michael J Medeiros
When it comes to designing a Website, there are several modern programming techniques that can make the designer’s task much easier. Once the content and focus of the Website is decided, layout should become the focus of development. What fonts...

Web Design Is Not For The Squeamish: 9 Things You Should Know Before Designing A Website - Diane Dickler
The internet has become an integral part of our lives. Everyday more and more websites are going online. With the advent of online sitebuilders included with many hosting packages, anyone can easily create a web presence and feel comfortable...

The Power of CSS - Cliff Ritter
CSS or cascading style sheets are used to create a set of styles that can be applied to your fonts, tables and most other attributes of your web page. These styles allow you to create a much cleaner, faster web page that search engines love and...

The Basics of Web Forms - Lee Asher
Whenever you want people to enter data and send it to you, you need a web form. Whether the data is as simple as a username and password or as complicated as a full address form, the basic principles remain the same. The Tags Form tags...

Website Design and Programming - Introduction to Web Forms - Sergio Roth
There is practically no website without at least a form in one of its pages. Forms are useful to collect data from the website visitors and users. Once the user submits the form to the server, a form processing script must get the form...

The Best and Easiest Google-Friendly Change to Your Web Site - Robert Plank
No matter who you are or how much you pay for web site advertising, free search engine traffic is probably responsible for a big part of your business. So why make your web site so hard for search engines to figure out? Luckily, it seems like in...

Web Design - 7 Key things to avoid - Chris Smith
A search for "web design" on Google returns more than 325 million results. So how do we start eliminating all these so called designers? Here are a few of the most common shortcomings. Watch out for: 1. Templates 2. Subdomains 3. DIY...

Why Doing It Yourself is Best - Lee Asher
There are two ways that most people who create web pages do it: either they hire a professional web designer, or they use some visual HTML editing software. You could say that hiring a designer is like getting someone to make furniture for you...

The Secret Benefit Of Accessibility Part 2: A Higher Search Engine Ranking - Trenton Moss
An additional benefit of website accessibility is an improved performance in search engines. The more accessible it is to search engines, the more accurately they can predict what the site's about, and the higher your site will appear in the...