Network: Web Design - A resolution to the worst of nightmares

Learn limitations, push it to the limit, but always keep an eye on the visitors

THERE IS one nightmare that will wake website designers wake up in a cold sweat screaming for their mothers. It's not browser incompatibility or browser safe colours, these issues are tricky but they have a certain reliability in their inconsistencies. No. The nightmare of which I speak is the dreaded screen resolution.

The problem is that there is no way of knowing what screen resolution (and what size display) the design will be viewed on. Too big, and lower resolutions will miss parts of it. Too small, and you waste valuable screen space. Learn the limitations of screen resolution, push them to the limit, but keep an eye on your audience.

What's it all about?

The "size" of screen is not so much limited by the physical dimensions of the display area but by the resolution at which that screen can display. Think of your screen as a grid made of tiny dots, called pixels. The more the screen can display, the higher the resolution.

But a monitor's resolution is not set in stone. Most can display at a variety of different resolutions, allowing the user to set it for their reading comfort. The physical dimension of the screen may be 15 inches but it might be able to display 640x480 or 800x600 pixels. A 21-inch monitor could also display 640x480 or 800x600 pixels but on a bigger monitor everything will look larger than with the same resolution on the smaller monitor. The higher the resolution, the more pixels get packed into the physical space accessible on screen so the larger monitor has more space and the size of each pixel is larger.

The resolutions that a computer screen can display depends on the type of monitor and the graphics capabilities.

Live screen space

For most web designers, height is not as vital as width. It's good to get the important information "above the fold" (the visible area of the screen when the page first loads), but vertical scrolling is okay but horizontal scrolling is taboo. Before beginning any web design decide which screen resolution the web page should fit comfortably (640x480 is the lowest common denominator and would ensure the widest audience). So, 640 pixels is the maximum width of the screen at that resolution, but this does not include the space taken up by the operating system and the browser window itself. The area you can use to display your site in the browser window is "the live space".

The Statistics

The visitor to your site can control the dimensions by resizing the browser window any way they want (unless you use JavaScript to force a width and/ or height). However, they are limited by the screen resolution which their monitor is set to.

StatMarket has been monitoring websites around the world and collecting data on screen resolutions (www.statmarket.com). It found just 13 per cent on 640x480, 54 per cent on 800x600 and 26 per cent on 1024x768. Seven per cent is either higher resolution monitors or lower resolution monitors, including PDAs and mobile phones.

StatMarket says that its data is based on a virtually random sampling of more than 32.5 million website users worldwide. Not only is 640x480 only a small part of the market, StatMarket says it has fallen almost 30 per cent in the past year, a downward trend that is likely to continue.

The writer is the author of `DHTML For the World Wide Web'. If you have questions, you can find an archive of this column at www.webbedenvironments .com or send e-mails to: jason@webbedenvironments.com

Arts and Entertainment
Prince and 3RDEYEGIRL are releasing Plectrum Electrum next month

music
Arts and Entertainment
Steve Carell in the poster for new film 'Foxcatcher'
filmExclusive: First look at comic actor in first major serious role
Arts and Entertainment
Madame Vastra and Jenny Flint kiss in Doctor Who episode 'Deep Breath'

TV
Arts and Entertainment

TV
PROMOTED VIDEO
Arts and Entertainment
Kingston Road in Stockton is being filmed for the second series of Benefits Street
arts + entsFilming for Channel 4 has begun despite local complaints
Arts and Entertainment
Led Zeppelin

music
Have you tried new the Independent Digital Edition apps?
Arts and Entertainment
Radio presenter Scott Mills will be hitting the Strictly Come Dancing ballroom
TV
Arts and Entertainment

TV
Arts and Entertainment

TV
Arts and Entertainment
The Doctor and Clara have their first real heart to heart since he regenerated in 'Deep Breath'
tv
Arts and Entertainment
Beyonce performs in front of a Feminist sign at the MTV VMAs 2014

music
Arts and Entertainment
Miley Cyrus has taken home the prize for Video of the Year at the MTV Video Music Awards 2014

music
Arts and Entertainment
Peter Paige and Scott Lowell in Queer as Folk (Season 5)
tvA batch of shows that 'wouldn't get past a US network' could give tofu sales an unexpected lift
Arts and Entertainment
books... but seller will be hoping for more
Arts and Entertainment
John Kearns winner of the Foster's Edinburgh Comedy Award with last years winners: Bridget Christie and Frank Skinner
comedyJohn Kearns becomes the first Free Fringe act to win the top prize
Arts and Entertainment
Professor Sue Vice
booksAcademic says we should not disregard books because they unexpectedly change genre
Arts and Entertainment
Jamie Muscato performs as Michael Crawford in Stars in Their Eyes

TV
Arts and Entertainment
‘Game of Thrones’

TV
Arts and Entertainment

film
Arts and Entertainment
Miley Cyrus brought her Bangerz tour to London's O2 Arena last night

music
Arts and Entertainment
Loaded weapon: drugs have surprise side effects for Scarlett Johansson in Luc Besson’s ‘Lucy’
film
Arts and Entertainment
Novelist Martin Amis at The Times Cheltenham Literature Festival

books
Arts and Entertainment
Alfred Molina, left, and John Lithgow in a scene from 'Love Is Strange'

After giving gay film R-rating despite no sex or violence

film
Arts and Entertainment
Robin Williams will be given a 'meaningful remembrance' at the Emmy Awards

film
Arts and Entertainment

tv
Arts and Entertainment
Arctic Monkeys headline this year's Reading and Leeds festivals, but there's a whole host of other bands to check out too
music
Independent
Travel Shop
the manor
Up to 70% off luxury travel
on city breaks Find out more
santorini
Up to 70% off luxury travel
on chic beach resorts Find out more
sardina foodie
Up to 70% off luxury travel
on country retreats Find out more
Have you tried new the Independent Digital Edition apps?

ES Rentals

    Independent Dating
    and  

    By clicking 'Search' you
    are agreeing to our
    Terms of Use.

    Kate Bush, Hammersmith Apollo music review: A preamble, then a coup de théâtre - and suddenly the long wait felt worth it

    Kate Bush shows a voice untroubled by time

    A preamble, then a coup de théâtre - and suddenly the long wait felt worth it
    Robot sheepdog technology could be used to save people from burning buildings

    The science of herding is cracked

    Mathematical model would allow robots to be programmed to control crowds and save people from burning buildings
    Tyrant: Is the world ready for a Middle Eastern 'Dallas'?

    This tyrant doesn’t rule

    It’s billed as a Middle Eastern ‘Dallas’, so why does Fox’s new drama have a white British star?
    Rachael Lander interview: From strung out to playing strings

    From strung out to playing strings

    Award-winning cellist Rachael Lander’s career was almost destroyed by the alcohol she drank to fight stage fright. Now she’s playing with Elbow and Ellie Goulding
    The science of saturated fat: A big fat surprise about nutrition?

    A big fat surprise about nutrition?

    The science linking saturated fats to heart disease and other health issues has never been sound. Nina Teicholz looks at how governments started advising incorrectly on diets
    Emmys 2014 review: Can they genuinely compete with the Oscars

    Can they genuinely compete with the Oscars?

    The recent Emmy Awards are certainly glamorous, but they can't beat their movie cousins
    On the road to nowhere: A Routemaster trip to remember

    On the road to nowhere

    A Routemaster trip to remember
    Hotel India: Mumbai's Taj Mahal Palace leaves its darker days behind

    Hotel India

    Mumbai's Taj Mahal Palace leaves its darker days behind
    10 best pencil cases

    Back to school: 10 best pencil cases

    Whether it’s their first day at school, uni or a new project, treat the student in your life to some smart stationery
    Arsenal vs Besiktas Champions League qualifier: Gunners know battle with Turks is a season-defining fixture

    Arsenal know battle with Besiktas is a season-defining fixture

    Arsene Wenger admits his below-strength side will have to improve on last week’s show to pass tough test
    Pete Jenson: Athletic Bilbao’s locals-only transfer policy shows success does not need to be bought

    Pete Jenson: A Different League

    Athletic Bilbao’s locals-only transfer policy shows success does not need to be bought
    This guitar riff has been voted greatest of all time

    The Greatest Guitar Riff of all time

    Whole Lotta Votes from Radio 2 listeners
    Britain’s superstar ballerina

    Britain’s superstar ballerina

    Alicia Markova danced... every night of the week and twice on Saturdays
    Berlin's Furrie invasion

    Berlin's Furrie invasion

    2000 fans attended Eurofeurence
    ‘It was a tidal wave of terror’

    ‘It was a tidal wave of terror’

    Driven to the edge by postpartum psychosis