Using HTML5 and CSS to Create a Website

Common Web Design Errors

No matter how much you preach there will always be those hardheads that use the following techniques on web pages. These are Common design flaws when using color.

Some are exaggerated, but we think you'll get the message.

Small light text on a dark backgroundLight colored text on a light backgroundAny text on a busy backgroundText on Yellow Background
We always give the back button to websites that use this technique. It causes serious eye fatigue when large blocks of text are read. Websites that use this mess, sign their own death warrant. We often wonder what people are thinking when they design something like this. Yes there really is a message here for the 8% of males that are color blind. What do you think? Do people ever try to read their own stuff when they do this? This may be a little exaggerated, but we have seen them almost this bad quite often. This one always wins the back button prize from us. If you can read this you win a million. We always give the back button to websites that use this technique. It causes serious eye fatigue when large blocks of text are read. Websites that use this mess, sign their own death warrant.

Example Web Pages
Black Background Pink Background Busy Background Yellow Background

 

We give all of these techniques a very quick back button when we encounter them during our surfing sessions. What would your first impression be? Do any of these look professional to you?
If they do you should be designing beer can labels and not websites.

Web Page Width Setting

Since we started promoting Liquid Web Page Design, my views have changed on this issue.

page widthThe main rap against liquid design is supported by a lot of uninformed folks that claim that you have no control over how far your web page will spread out when viewed on a high resolution monitor.

Many of the egg heads still teach static or fixed width web page design and tell you to set your page width to 1000 pixels or less.

It's just an ill-informed bullshiz opinion.

You can set the maximum width that you want your web page to be viewed at and still have it conform in size to half open browser windows and lower resolution devices.

I recommend setting the maximum width to about 1200 pixels.

It gives a really satisfying display even when viewed on a 1920 resolution machine.

STOP building Fixed Width Web Pages!!