Old-School Web Design - Fagetaboutit!

May 30, 2006, 03:38 PM —  ITworld.com — 

Web design in the early days was full of potential pitfalls. You couldn't make pages too wide, or people would have to figure out how to scroll left and right. You couldn't make pages too long - people would miss information that fell "below the fold". You had to limit the colors you used, or what you thought was blue might show up as red on a user's screen. And creating multimedia was often a waste of effort, because most people had slow web connections.

As technology has evolved, the guidelines that many of us learned to deal with the Web's early limitations are becoming less important, and in some cases, even liabilities. Here are three aspects of old-school Web design that it's time to put to rest.

Limited Screen Resolution: Fagetaboutit!

If you had a computer ten years ago, you probably had a VGA monitor with a massive 640 x 480 screen resolution. If you were really lucky, you might have had an 800 x 600 pixel screen. This meant that Web sites had to be significantly limited in width, or users would have to scroll around. A user with a tiny screen could even get lost scrolling around a big Web page!

Many sites and web builders are still working with these old-school resolutions in mind. Unless you're building pages for your local Windows 95 user group, it's probably time to move on to designing for bigger and better resolutions.

The majority of Web surfers now use screen resolutions 1024 x 768 or higher. At most Web sites, less than 10-20% of the visitors use lower screen resolutions. It's time to make life easy for most of your users, and take advantage of the bigger screen resolutions that they are using.

A high-profile example of this happening is the recent redesign of the New York Times' site. The layout is built for 1024 x 768 screen resolution, putting an index of the major site sections along the left and using four columns to provide news highlights. The most important content fits in an 800 x 600 pixel area, but the design basically assumes that users are running at higher screen resolutions.

The Browser-Safe Color Palette: Fagetaboutit!

Along with low screen resolutions, those VGA monitors gave us limited color depths, dithering and the dreaded Browser-Safe Color Palette.

The Browser-Safe Color Palette was a collection of 216 colors that were supported by early browsers. You could organize them by hue! You could organize them by color! But, no matter how you organized them, they were 216 colors that never seemed to include the colors you needed, like the colors of your company's logo.

Sign up for ITworld's Daily newsletter
Follow ITworld on Twitter @IT_world

I like it!
Close

On Twitter now

web design

Powered by Twitter
You are logged in | Sign out
Sign in and post to Twitter

What are you thinking?

Cancel Tweet sent

On Twitter now

Post a comment
The content of this field is kept private and will not be shown publicly.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.
peer-to-peer

jfruh
Apple syncing patent can't come soon enough

pasmith
New Twitter features borrow from 3rd party clients

Esther Schindler
Open Source Changes the Software Acquisition Process

mikelgan
How to set up continuous podcast play on the new iTunes

David Strom
Five important Windows 7 mobility features

sjvn
Guard your Wi-Fi for your own sake                        

Sandra Henry-Stocker
Grepping on Whole Words

 

Sidekick: The Good News & the Bad News
Either way you look at it Microsoft Data Center management did not follow standards or best practices in this failure. In which case it makes me wonder more about the outsourcing of corporate data much less personal data.
- mburton325

Join the conversation here

The Daily Tip

The Daily TipQuick, practical advice for IT pros. Made fresh daily.

Hot tips:

Want to cash in on your IT savvy? Send your tip to tips@itworld.com. If we post it, we'll send you a $25 Amazon e-gift card.

Newsletters

Subscribe to ITWORLD TODAY and receive the latest IT news and analysis.

I would like to receive offers via email from ITworld partners.
By clicking submit you agree to the terms and conditions outlined in ITworld's privacy policy.
Featured Sponsor

AISO founders envisioned a Web hosting company that was environmentally friendly. While the company employed energy-efficient innovations like solar panels, its infrastructure produced unacceptable power and cooling requirements. Find out how AISO leveraged AMD technology to overcome their challenge in this case study white paper.

In this whitepaper, Scalar explores the opportunity to change the landscape with respect to mission critical databases built around Oracle. Leveraging technologies such as Linux, high-end commodity processing power and Oracle RAC technology to architect, design, build and maintain database infrastructure that delivers maximum availability, reliability and performance at a fraction of traditional cost.

On a typical day, weather.com, the Web site for The Weather Channel in Atlanta, serves up between 15 million and 20 million page views. But in September 2004, when back-to-back hurricanes ransacked Florida, the peak traffic on one day more than tripled: over 70 million page views by more than 7 million unique visitors. Read the full success story now.

Marketplace