Many a time you read the same question on message boards, mailing lists and in

chat channels - What is the best tool for web development?

A tough one, really, as a good tool should meet so many different requirements.

It should

There is one tool that does all that. It is called a pen. You use it

by rubbing the pin-pointed end against a fitting surface - say paper - and

paint and write things with it.

How can that pen thing help us?

One problem with web design is that we are still completely obsessed with it.

It is still an exciting and new media - interactive, fast, international and


When we use our computers to surf around and open a fully fledged web

development tool, we are likely to get drawn to developing something that is

cool, technically challenging, new and colourful. The big danger in that is,

that we forget the usefulness, the scalability or, very often, even

the purpose of the product.

So let's turn off that computer, or use it to

play some music to get our brain going.

Plan it and they will come

Let's take the pen and write down who we want to reach, and what we

want to give them. Let's brainstorm and write down all the stuff that we really

really want to have in there. To add some fun to it, let's invent some possible

visitors or users of our web site, and guess what their likes are and how they

access the web. If you are a visual person, doodle them - but don't get carried

away. Let's make sure the persona are not the same as us.

Let's take all kinds,

Sorting the goodies

Then we use another paper and sort the things we want to have online into

categories, and, if necessary, into sub categories. Once that is done, let's sort

them by priority.

If the things are long and hard to read, let's think of shorter names for them.

Let's go through the list of things and think hard if they really need to be

there, or if they are a "nice to have" which can be added later or after we

saw how successful the other bits are. Let's take these "nice to have"s and put

them on another paper crossing them out on the first one, or - if we have the

professional version of pen - use the end opposite of the point to erase them.

Let's sit back, take a sip of coffee or tea, or do something different for a while,

come back and have another go at moving things to the "maybe later" paper.

Alright, we have a list of what we want to have. Now let's take

another paper and think what our visitors (the doodles, remember?) need

or expect to reach them.

Catering for the masses

Let's write down some of these assumptions.

Moving on

Alright, this is where we got to. The powerfull application "pen" gave us so far:

Bear in mind that we do not have to give them all the same experience, if our

web site will offer newest stock market trends, we don't have to cater a lot

to the glasses lady, Auntie or the hippie girl.

A web site about game mods and cheats might not really give Auntie or

the busy business executive, or even the hippie girl, a kick.

One thing we don't want though is become elitist and block them out. Give them

what they can use, and enhance for our target audience, is what we want.

Re-entering the digital world

Now we turn on the computer, and we start our web product. With what? With a

folder called "my_website" or something similar. In this folder we create

folders with the names of our navigation elements, and the neccessary subfolders.

Now we take a text editor, doesn't really matter which - as long as it is capable

of clean text and is portable to various platforms - and start writing the

content of each of the pages we want to create. Let's sort the text into

headlines, lists and paragraphs, and if we need an image for the content, put

that image into the appropriate folder.

Close the text, get a bagel or another coffee, walk the dog or take a breath

of fresh air. Come back and delete as much as you could. Remember, users don't

read, they scan on the web. Don't smother them with long winded talk, get to the


Ok, we are prepared and ready. We can start our web site, with our favourite

editor and graphical environment. We can start designing the pages, choose the

navigation (left hand, left hand and horizontal, horizontal, tabs, right hand...)

and create the pages. Personally I like using includes in PHP, but if you want

to use something else or create each page by hand, do that.

The pen helped us a lot in finding, sorting and honing what we want to put

on the web, a lot faster and cheaper than trial and error in any fancy web

development package. It helped us avoiding flashy traps that might have annoyed

a lot of users. And we were able to do that anytime and anywhere.

It also enables people who don't know how to create web sites to prepare the

content for the web developers in a clean way, no searching through hundreds

of emails or copying and pasting from one word file.

Surely the mightiest web development tool of them all.