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

PROMOTED VIDEO
Have you tried new the Independent Digital Edition apps?
Arts and Entertainment
Elizabeth McGovern as Cora, Countess of Grantham and Richard E Grant as Simon Bricker

TV
Arts and Entertainment
Art
Arts and Entertainment
Diana Beard, nicknamed by the press as 'Dirty Diana'

Bake Off
Arts and Entertainment
The X Factor 2014 judges: Simon Cowell, Cheryl Cole, Mel B and Louis Walsh

TV
Arts and Entertainment
Gregg Wallace was caught by a camera van driving 32mph over the speed limit

TV
Arts and Entertainment
books
Arts and Entertainment
The Doctor and the Dalek meet
tvReview: Doctor Who Into the Dalek more than compensated for last week's nonsensical offering
Arts and Entertainment
Star turns: Montacute House
tv
Arts and Entertainment
Iain reacts to his GBBO disaster

TV
Arts and Entertainment
Outlaw Pete is based on an eight-minute ballad from Springsteen’s 2009 Working on a Dream album

books
Arts and Entertainment
Cara Delevingne made her acting debut in Anna Karenina in 2012

film
Arts and Entertainment
Simon Cowell is less than impressed with the Strictly/X Factor scheduling clash

TV
Arts and Entertainment
Gothic revival: artist Dave McKean’s poster for Terror and Wonder: The Gothic Imagination
Exhibition
Arts and Entertainment
Diana Beard has left the Great British Bake Off 2014

TV
Arts and Entertainment
Lisa Kudrow, Courtney Cox and Jennifer Anniston reunite for a mini Friends sketch on Jimmy Kimmel Live

TV
Arts and Entertainment
TVDessert week was full of the usual dramas as 'bingate' ensued
Arts and Entertainment
Clara and the twelfth Doctor embark on their first adventure together
TVThe regulator received six complaints on Saturday night
Arts and Entertainment
Vinyl demand: a factory making the old-style discs
musicManufacturers are struggling to keep up with the resurgence in vinyl
Arts and Entertainment
David Baddiel concedes his show takes its inspiration from the hit US series 'Modern Family'
comedyNew comedy festival out to show that there’s more to Jewish humour than rabbi jokes
Arts and Entertainment
Puff Daddy: One Direction may actually be able to use the outrage to boost their credibility

music
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.

    'I’ll tell you what I would not serve - lamb and potatoes': US ambassador hits out at stodgy British food served at diplomatic dinners

    'I’ll tell you what I would not serve - lamb and potatoes'

    US ambassador hits out at stodgy British food
    Radio Times female powerlist: A 'revolution' in TV gender roles

    A 'revolution' in TV gender roles

    Inside the Radio Times female powerlist
    Endgame: James Frey's literary treasure hunt

    James Frey's literary treasure hunt

    Riddling trilogy could net you $3m
    Fitbit: Because the tingle feels so good

    Fitbit: Because the tingle feels so good

    What David Sedaris learnt about the world from his fitness tracker
    Saudis risk new Muslim division with proposal to move Mohamed’s tomb

    Saudis risk new Muslim division with proposal to move Mohamed’s tomb

    Second-holiest site in Islam attracts millions of pilgrims each year
    Alexander Fury: The designer names to look for at fashion week this season

    The big names to look for this fashion week

    This week, designers begin to show their spring 2015 collections in New York
    Will Self: 'I like Orwell's writing as much as the next talented mediocrity'

    'I like Orwell's writing as much as the next talented mediocrity'

    Will Self takes aim at Orwell's rules for writing plain English
    Meet Afghanistan's middle-class paint-ballers

    Meet Afghanistan's middle-class paint-ballers

    Toy guns proving a popular diversion in a country flooded with the real thing
    Al Pacino wows Venice

    Al Pacino wows Venice

    Ham among the brilliance as actor premieres two films at festival
    Neil Lawson Baker interview: ‘I’ve gained so much from art. It’s only right to give something back’.

    Neil Lawson Baker interview

    ‘I’ve gained so much from art. It’s only right to give something back’.
    The other Mugabe who is lining up for the Zimbabwean presidency

    The other Mugabe who is lining up for the Zimbabwean presidency

    Wife of President Robert Mugabe appears to have her sights set on succeeding her husband
    The model of a gadget launch: Cultivate an atmosphere of mystery and excitement to sell stuff people didn't realise they needed

    The model for a gadget launch

    Cultivate an atmosphere of mystery and excitement to sell stuff people didn't realise they needed
    Alice Roberts: She's done pretty well, for a boffin without a beard

    She's done pretty well, for a boffin without a beard

    Alice Roberts talks about her new book on evolution - and why her early TV work drew flak from (mostly male) colleagues
    Get well soon, Joan Rivers - an inspiration, whether she likes it or not

    Get well soon, Joan Rivers

    She is awful. But she's also wonderful, not in spite of but because of the fact she's forever saying appalling things, argues Ellen E Jones
    Doctor Who Into the Dalek review: A classic sci-fi adventure with all the spectacle of a blockbuster

    A fresh take on an old foe

    Doctor Who Into the Dalek more than compensated for last week's nonsensical offering