Skip to page content or skip to Accesskey List.
Search evolt.org
evolt.org login: or register

Work

Main Page Content

Web Mechanics or Web Masters?

Rated 4.26 (Ratings: 20) (Add your rating)

Log in to add a comment
(24 comments so far)

Want more?

 
Picture of mynameismonkey

Jaz-Michael King

Member info | Full bio

User since: May 16, 2002

Last login: September 12, 2006

Articles written: 4

The Problem

I've been lucky to have worked on a wide range of web projects in my career, from one-page wonders to national online retailers to global community sites. Of course, that meant working with hundreds of clients, each one bringing their own unique view of what it takes to get a web site made. I've been even luckier to watch both the web design industry and the hosting industry grow, learn and mature into the global economy it is today.

Back in the mid nineties everyone thought we were gods, us crazy web guys were gonna rule the world. We could do no wrong, we were web wizards abundant with magic code and dazzling animated gifs, the likes of which Gandalf could only dream about. We knew all kinds of cool acronyms, we hated AOL way before anyone else. We were kings.

Ah, the golden times.

Fast forward to 2001. The bubble has burst. Sites are flopping on the venture capital floor like frustrated tuna, national dotcoms are on eBay for $10. And everyone including your 12 year old nephew is a web designer.

Every client you get now has been burned at least once by some unqualified, over-charging, over-promising under-delivering fly-by-night, or simply their web guys went out of business leaving them floundering in the ether at the mercy of Network Solutions and a fax number. Hell, I've practically been burned by myself in all the confusion.

So where do we stand today? Thanks to the openness of the web and it's driving technologies, anyone can have a crack at being a web designer, developer, host or all three. I was a web host for over 200 domains for five years, and to this day I don't recall actually planning to do it, it just kind of happened.

With so many competitiors and such low levels of entry, the market has of course become flooded with a very wide range of skill levels, and with that range comes an even wider range of ethics. Think back to your last client pitch, or job interview. Five bucks says there was some mention of trust. Will you be in business in a year? Will you stay at this job long enough to make it worth hiring you? How do we, as ethical web professionals, ensure that we get the respect (and money) we deserve? How do we display our professionalism? How do we educate our client base to understand the difference, to discern the true master?

Respect Your Peers

Take your car to a new mechanic and chances are as soon as he pops the bonnet he'll start ranting and raving, or at least muttering, about the shoddy work the previous mechanic has obviously wrought upon your vehicle. Nevermind that the previous mechanic was featured on Car Talk, or that he won Best Mechanic In The Universe three years running, your new mechanic will be able to spot a half-dozen things the previous guy did wrong simply by sniffing the dipstick.

Wow. Your new mechanic must be great. For me, when I hear a mechanic start telling me about all the stuff wrong with my car, I just start hiding my wallet. His recognition of failure in others does little to calm me, or to impress me.

Sometimes, the previous guy will actually have done a few things wrong, and sometimes he may have completely effed your car up beyond all recognition. It happens. But most of the time, he did the best job he thought he could, maybe he didn't have all the experience in the world but he learned, he read books, he asked people, he tried his best.

And where does the world stand on the car mechanic? As far away as possible in general, car mechanics are only slightly higher in public trust levels than car salesmen, and worse - they know it. I have a couple of mechanic friends, and they're the first to admit that the biggest problem they face is gaining a customer's trust.

We've all seen the television special where John whats-his-face takes a perfectly good car for a checkup and gets handed a $600 bill for work that wasn't needed, which simply perpetuates the myth that all mechanics are evil by association.

So a new client walks in to your office, looking for some upgrades to his site, maybe some new features. He asks would you mind looking over his site? Just to get a feel, of course. You pop his site up in Opera, hoping he'll notice your choice of browser. You snort past the page and charge into the source code, where, much to your feigned amazement... there's no Document Type Definition!

Holy Jesus!, your breath is running short as you try to explain to Customer X that this page doesn't validate, you restrain a seizure while worrying if the W3 are probably on their way right now, people with sixty year-old browsers have absolutely no chance of ever viewing this site and what's more even Opera won't display it properly because look - there's a spacer gif right in the middle of the page!

As blood vessels burst all over your face, you feel sure that you are vindicated, that Customer X can be safe in the knowledge that you have many DTD's at your disposal, that you only code for Opera and that no, you do not use spacers.

OK, that's an exaggeration, but have you ever come close? 'Fess up, I know I have. I'll often grumble at source code I'm seeing for the first time, yet my own is far from perfect. Whose isn't? Web sites - like our well-oiled vehicular carriages - are complex beasts, and it takes complex people with complex skills to tame them. Many clients simply don't have the budget for perfection. So how can you stand out like a shining beacon of trust and ethical greatness?

The Solution (Ethical Cleansing)

Are you proud of the work you've done for others?

Way too few of us go to any trouble to keep a good portfolio around. Ask your clients for a review of your work, a reference, a note, whatever. When you get one, display it proudly, online or at your place of work (with permission, of course). And when the bad ones come in? Address them, a happy client is worth his weight in gold, an unhappy client who you've made happy is worth ten times as much.

Get communal.

Volunteer for some stuff online or off. Put it on your CV, put it on your web site. It doesn't have to be huge, like developing Apache, you can volunteer for the likes of the Open Directory Project, or anything you want to.

Get some good training.

The Certified Internet Webmaster courses are becoming well-known and respected, but any decent certification will show potential clients you care enough and are dedicated enough to take the time to do it.

Join an organization or association that holds its members to high standards. Display your membership on and offline. Participate.

Read up on other people's ethical standards. Rinse and repeat.

And wear sunscreen.

The Point

So hey, this isn't an exhaustive list. It's worked for me, I believe I have built up great trust and trust-building skills. I take pride in the fact that I have very low churn, and that less than one percent of my clients has ever been pissed at me. I hope they went on to bigger and better things just a little less worried about the next guy, knowing that even if I didn't get exactly what they wanted, that there are good guys out there waiting to do a good days work for a good days pay.

Jaz is currently the director of online services for IPRO. He is also Welsh, something he is not likely to let you forget. His favourite things are beer, cheese and monkeys (in that order). Jaz co-chairs Medicare's SDPS Web Strategies Workgroup, and serves as judge for the WWW Health Awards. His most recent work was the New York State Health Care Report Card.

Good point -food for thought

Submitted by notabene on September 18, 2002 - 02:02.

Jaz,

At the beginning I must confess I thought you were just going to show off how great were the sites you do in reference to less-committed webmasters/designers/whatever. (you know, the intro that goes "I've done this and that"). Then I realized it was necessary to back up what you were going to say.

And you are perfectly right. I often complain on others' previous work that I'm supposed to take over. The mechanics example is very clever. I'll be more careful of how I approach clients.

A nice side-effect is that if we stop vehemently criticizing others' work, we may end up sounding more reasonable, because of our admittance that we're not perfect. Modesty will sound more serious than all-hell-loose criticism, hopefully.

Thank you, then, for stating what should be obvious ;-)

login or register to post comments

Made me think

Submitted by bertilow on September 18, 2002 - 02:15.

This article really has a good point, and a new one too! It made me think differently about these things. I have been prone to whine about missing doctypes, spacer gifs etc. The car mechanic analogy will probably pop up in my mind next time, and make me go easier on the poor web designer.

login or register to post comments

True

Submitted by junjun on September 18, 2002 - 10:08.

I liked the mechanic comparison too. I honestly think not downgrading other peoples work is about plain professionalism.

As a freelancer I see this all the time. My biggest asset for getting work is the personal relationship I have with my clients and the network I have of people that I know. Half of the salesjob is being a nice guy, showing respect and being honest. It might sound naive, but it works very well if you are marketing yourself in a small community and effectively use your network for advertisement.

One note on certifications and organizations; this still seems to be a jungle with different standards. Is there any certifications or organizations that are common enough to be worth looking at?

login or register to post comments

Good show

Submitted by beltrini on September 18, 2002 - 16:14.

My father, who's worked in the advertising industry for over 30 years, gave me the same bit of advice very early on. Never blatantly rip apart your predecessor's work. It reeks of unprofessionalism. And who knows, in a small company, the predecessor may actually be the lady seated across the table from you.

Thanks for the cleverly crafted reminder of this Jaz.

login or register to post comments

Thumbs up

Submitted by gkep on September 18, 2002 - 17:40.

Great article matey.

The current downturn in the market has its positives; clean out a lot of the cowboy operators with no professional interest in the industry I guess.

I've been in commercial development for about 4 years now and I am still learning all the time. There hasn't been a stage in those 4 years when I've looked back 6 months ago and _not_ grimaced at some of my work. What we do is in a rapid state of evolution at the moment. Give it 3 years and my guess is we'll all be doing stuff in a pretty similar, standardised way. Hopefully.

login or register to post comments

Excellent Article

Submitted by fuzzylizard on September 19, 2002 - 08:51.

The points you have made in your article have definitely caused me to stop and think about my own actions over the past fews years. I have definitely been guilty of desecrating anothers work when first presented with it. Something to look out for in the future. I was once given the advice that when you go for a job interview you never say anything bad about your last place of employment. The guy behind the desk may play golf with your last boss. I guess this applies to all areas of life.

login or register to post comments

Great article, but what 's up with spacer gifs?

Submitted by paulpsd7 on September 19, 2002 - 14:31.

Okay, I hope you won't all ridicule me too badly here, but I'm wondering what's the problem with spacer gifs? I've been a web designer since 1996, and in general I find myself on the good end of Jaz's argument. I don't ridicule my peers, I get the client's trust and don't abuse it, and I write good code. However, I run afoul of his argument when it comes to spacer gifs. What's wrong with them? Did I miss that memo? Was I out sick that day? I find them a clean way of creating set-in-stone spaces, especially in horrendous browsers like Netscape 4. But I'm open to change!!! Just tell me what's so bad about them, so I can figure this out.

login or register to post comments

Re: Great article, but what 's up with spacer gif

Submitted by gkep on September 19, 2002 - 17:33.

Don't feel bad about using spacer gifs; if the job requires that a site looks the same in all browsers then it is nearly impossible to have any sort of design implemented without using them.

However, in an ideal world, tables are not used for positioning graphical elements. Divs are. And seeing as you can have near-pixel control over divs there is no reason to use the old shim.gif.

I've just recently come over from the "table" team and in my opinion divs are definately the way to go. Sure Netscape 4 will pretty much display everything in a linear nature down the page but if you structure the page well then it will still be well and truly functionable.

The true beauty of dropping the tables is that it gives you a chance to seperate content from design. This is very important as it means you can whip up a style sheet specifically for printing (or webtv, handhelds, etc) in a matter of minutes, it's more accessible, etc.

Anyway there has been plenty written on this topic already; look into it and as a designer you will probably love it as you can wack an image in a div and specify the distance in pixels (or percentage, etc) to position it from the top, bottom, left, right of the page or any other element for that matter!

Here's a few basic examples: glish.com

login or register to post comments

Time to learn something new

Submitted by paulpsd7 on September 19, 2002 - 17:44.

Okay, that does it. I guess I have to break down and learn more about CSS beyond just formatting text. Thanks for the info!

login or register to post comments

Time to learn something new

Submitted by paulpsd7 on September 19, 2002 - 17:44.

Okay, that does it. I guess I have to break down and learn more about CSS beyond just formatting text. Thanks for the info!

login or register to post comments

Learning...

Submitted by gkep on September 19, 2002 - 18:05.

Here's how I familiarised myself (for what it's worth):
  1. Make a mockup of the design in Fireworks/whatever
  2. Do a search on google for "tableless designs"
  3. Find one that is structurally similiar to the design mockup and pull down (if not copyrighted)
  4. Hack away
  5. Test in a bunch of browsers
  6. Hack away some more
  7. Run completed template through the validator

Hope this helps. It's a fast way to learn.

login or register to post comments

fo' da' peeps

Submitted by daverau on September 20, 2002 - 08:47.

I've started a small tutorial on this process of creating tableless designs and harnessing CSS. http://www.sizefactory.com/xhtml/

Desktop publishling makes everyone a designer, and that's a serious problem most of the time. Don't think this is only in the Web arena.

Your own work speaks louder than anything. Complaints and critisim are fine and good, but put yer' money where yer' mouf' is.

login or register to post comments

thanks for the reminder

Submitted by branko on September 23, 2002 - 07:34.

Sometimes, it is hard not to get defensive, even pre-emptively. Thanks for the reminder, I could use it.

login or register to post comments

the evil spacer gif

Submitted by branko on September 23, 2002 - 07:41.

Paulpsd7,

What's wrong about a spacer gif is that it is work-around, and work-arounds are never as good as the real deal. (Un)fortunately, in this case the real deal does not exist. There is nothing that I know of that works as well as spacer gifs for forcing an empty space of x pixels to be displayed. Just don't forget you're using them and don't forget to use the appropriate alt values ('' or ' ' most of the time, depending on the situation).

Using divs with width and min-width/max-width style properties is a great idea in theory, unfortunately our big buddy from Redmond still gets it wrong.

login or register to post comments

Tables

Submitted by Markavian on September 24, 2002 - 16:23.

Awh, I like tables..

You can give tables cell spacing.
This creates a nice even 10 pt space around cells... or whatever fits. This is good for spacing content cells apart I guess.

Sadly, I'm from a generation of webdesigner thats brought up with the ideal that 'Internet Explorer is the best browser'.
5.5 / 6.0 .. almost perfect for HTML / CSS interpretation.. things do what they say they do in HTML. Once more, things look okay if you miss a few things out, IE is a good flexible parser.

Tables.. shouldn't be used for placing content.. because they mess up the page layout... if tables can't be displayed properly. Urgh, that felt horrible to say. I can see what people have achieved with CSS, div tags, etc. Its impressive, at the moment I still see it as mildly amusing, something fancy. /me trys to think of something else positive to say about tables.

Tables feel alot more solid then div's. Anchored yet dynamic in width. Div's are steel boxes, yet flimpsy, floating..

Theres a very good reason why I still want to use tables, not divs, can anyone think why?

login or register to post comments

Better to use an inflexible parser

Submitted by bertilow on September 25, 2002 - 09:52.

"Sadly, I'm from a generation of webdesigner thats brought up with the ideal that 'Internet Explorer is the best browser'. 5.5 / 6.0 .. almost perfect for HTML / CSS interpretation.. things do what they say they do in HTML. Once more, things look okay if you miss a few things out, IE is a good flexible parser."

It's much better to use an inflexible browser (parser) when designing pages. If you use a flexible browser that displays any faulty code you throw at it, you will not be aware of the problems you pages will have in inflexible (standards-compliant) browsers. If you use an inflexible and strict browser as a working tool, you can be pretty sure that the result will work quite well in the flexible ones too.

Quite obvious, isn't it?

login or register to post comments

another generation

Submitted by junjun on September 25, 2002 - 10:19.

I'm from a generation that tried to use NS4 as much as possible and now uses mozilla. The "m$" sucks generation, not sure what you'd call the generation before us ;-)

But seriously there are serious CSS bugs in IE too. The CSS box properties for one which is particular irritating. Markavian; I have no idea where you got your "flimpsy" and other descriptions from. Positioning DIV's in a browser that supports it is nothing but flimpsy, but gives you much more control than you would have with tables.

bertilow; yes, it is obvious :-)

login or register to post comments

Divs

Submitted by Markavian on September 26, 2002 - 00:40.

Ahh, its just I never got on with DIVs in the past. Something with netscape not supporting them properly, but then I went crazy and anti-netscape, believing that MS had actually produced a decent web browser.

I've installed Opera so I can test my web pages. For the most part they look and work fine. Looks like only IE. have full feature support for Flash. Flexible, its flexible enough to parse sensible things. But overall, IE does what you tell it.. a 95 px high cell, with a 100 px flash object in IE comes out as a 100 px high cell.. in Opera it seems to come out as 105 px high. why?! I don't know! What I do know, is IE did what I expected it to, Opera.. well didn't.

I'm interested in the HTML doing what it was meant to do.. in my view IE might not 100% follow the exact standards set down, but it does the best job of parsing web pages as they were meant to be viewed.

login or register to post comments

-

Submitted by Markavian on September 26, 2002 - 01:35.

Hey good news for any who criticise my practices. Using PHP I've almost finished creating a system where I can dynamicly produce web pages based on data in a mySQL database, process this data from a set of functions, add to a template, and save as a html file.

This means, I've got two files to edit, and I can change the whole style of my website.

One better, if I put a little work into the template, I can make it web compliant.. and pretty much every page on my website should also be compliant. Sound good?

I'll start working towards making it look proper in IE / Opera, then maybe I'll think about testing it in netscape.

login or register to post comments

Good article; book suggestions for Paulpsd7

Submitted by KT on October 30, 2002 - 13:24.

Good article and advice. There are more subtle ways to highlight your abilities to a prospective client without denigrating the previous designer's work. Professionalism does help build trust.

Paul, I'm in the exact same boat. FWIW, I've really appreciated Molly Holzschlag's advice and insight, especially in two of her recent books: "Integrated Web Design" and "Using HTML and XHTML." The first book examines the current state of the web design/development industry and offers advice on how to be more versatile, whether you're coming at it from a design or programming background. The second is a thorough analysis and explanation of XHTML.

Once I understood HTML's roots in SGML (never gave it much thought before this), and how it was originally designed as strictly a markup language, it made a lot more sense to separate content from presentation. Of course it's not an exact science, as others here have pointed out, due to page rendering conflicts and a frustrating lack of browser standards. But I still believe that extensible HTML and CSS have implications for the future of web design.

login or register to post comments

I've done some mild work with CSS...

Submitted by cconn on October 31, 2002 - 00:58.

And so far, the basics are handled pretty well by NS 6.2+, along with IE 5+. They are also partially handled by NS 4.7x as well. The one thing I hate about NS 4.7x is that it'll actually crash if you don't close tags properly (especially when using tables).

login or register to post comments

-

Submitted by Markavian on October 31, 2002 - 04:36.

Thing is, if browsers were standard, they'd all be the same. ;-) I still don't like the way 4.7 crashes regually. Theres alot of work to do on all browser types, and people are stil pushing through to create the next level of programming distributeable code...

Everyday I am becoming a bigger fan of HTML for content, and CSS for styling. (Although Tables still have their uses for positioning key navigation and image elements)

I also learnt an important lessons from this article. Don't judge other people's work too harshly, as they could be the people who sit right next to you..

.. I always ask 'who made this', before I start work on improving it. If I can, I try to talk to the originator to find out what they were originally aiming to do. This applys to everything, including drawing diagrams, webdesign, content, and so on.

login or register to post comments

CSS Styling

Submitted by paulpsd7 on October 31, 2002 - 09:47.

KT, thanks for the referral of the books. Of course, short of giving Amazon some more money, I've found an online source which has worked to get me started. There's a tutorial on WebMonkey that goes over most all the features of CSS and mentions what works with what browsers. As a result of reading that, I've started implementing some of the features in some of the sites I'm producing now. By implementing it here and there, the overall sense of content vs presentation is becoming clearer and clearer. I guess I'm a "learn by doing" guy. I will check out those books soon, though. Thanks!

login or register to post comments

Actually, my complaint wasn't about the article..

Submitted by cconn on November 1, 2002 - 05:10.

Sorry if I misrepresented myself. I didn't have a complaint about the article itself. As a matter of fact, I use both techniques (tables and/or CSS). I also found something I was doing (the mechanic), just like the article said. I've since remedied my ways (before the article came out). (I thought I posted this little piece, along with my gripe about NS 4.7x crashing because of no closing tags)

login or register to post comments

The access keys for this page are: ALT (Control on a Mac) plus:

evolt.orgEvolt.org is an all-volunteer resource for web developers made up of a discussion list, a browser archive, and member-submitted articles. This article is the property of its author, please do not redistribute or use elsewhere without checking with the author.