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.

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

Voices
voicesGood for Lana Del Rey for helping kill that myth, writes Grace Dent
Sport
The Pipes and Drums of The Scottish Regiments perform during the Opening Ceremony for the Glasgow 2014 Commonwealth Games at Celtic Park on July 23, 2014 in Glasgow, Scotland.
Commonwealth GamesThe actor encouraged the one billion viewers of the event to donate to the children's charity
Sport
Karen Dunbar performs
Entertainers showcase local wit, talent and irrepressible spirit
Sport
Members of the Scotland deleagtion walk past during the opening ceremony of the 2014 Commonwealth Games at Celtic Park in Glasgow on July 23, 2014.
PROMOTED VIDEO
Arts and Entertainment
The Tour de France peloton rides over a bridge on the Grinton Moor, Yorkshire, earlier this month
film
Life and Style
fashion Designs are part of feminist art project by a British student
News
Very tasty: Vladimir Putin dining alone, perhaps sensibly
news
Life and Style
Listen here: Apple EarPods offer an alternative
techAre custom, 3D printed earbuds the solution?
Arts and Entertainment
Top guns: Cole advised the makers of Second World War film Fury, starring Brad Pitt
filmLt-Col Steven Cole is the man Hollywood calls when it wants to borrow a tank or check a uniform
News
The University of California study monitored the reaction of 36 dogs
sciencePets' range of emotions revealed
News
Snoop Dogg pictured at The Hollywood Reporter Nominees' Night in February, 2013
people... says Snoop Dogg
Arts and Entertainment
A scene from Shakespeare in Love at the Noel Coward Theatre
theatreReview: Shakespeare in Love has moments of sheer stage poetry mixed with effervescent fun
News
Joining forces: young British men feature in an Isis video in which they urge Islamists in the West to join them in Iraq and Syria
newsWill the young Britons fighting in Syria be allowed to return home and resume their lives?
Arts and Entertainment
The nomination of 'The Wake' by Paul Kingsnorth has caused a stir
books
News
i100
Life and Style
food + drinkZebra meat is exotic and lean - but does it taste good?
Latest stories from i100
Have you tried new the Independent Digital Edition apps?

Day In a Page

Screwing your way to the top? Good for Lana Del Rey for helping kill that myth

Screwing your way to the top?

Good for Lana Del Rey for helping kill that myth, says Grace Dent
Will the young Britons fighting in Syria be allowed to return home and resume their lives?

Will Britons fighting in Syria be able to resume their lives?

Tony Blair's Terrorism Act 2006 has made it an offence to take part in military action abroad with a "political, ideological, religious or racial motive"
Beyoncé poses as Rosie the Riveter, the wartime poster girl who became a feminist pin-up

Beyoncé poses as Rosie the Riveter

The wartime poster girl became the ultimate American symbol of female empowerment
The quest to find the perfect pair of earphones: Are custom, 3D printed earbuds the solution?

The quest to find the perfect pair of earphones

Earphones don't fit properly, offer mediocre audio quality and can even be painful. So the quest to design the perfect pair is music to Seth Stevenson's ears
US Army's shooting star: Lt-Col Steven Cole is the man Hollywood calls when it wants to borrow a tank or check a military uniform

Meet the US Army's shooting star

Lt-Col Steven Cole is the man Hollywood calls when it wants to borrow a tank or check a military uniform
Climate change threatens to make the antarctic fur seal extinct

Take a good look while you can

How climate change could wipe out this seal
Should emergency hospital weddings be made easier for the terminally ill?

Farewell, my lovely

Should emergency hospital weddings be made easier?
Man Booker Prize 2014 longlist: Crowdfunded novel nominated for first time

Crowdfunded novel nominated for Booker Prize

Paul Kingsnorth's 'The Wake' is in contention for the prestigious award
Vladimir Putin employs a full-time food taster to ensure his meals aren't poisoned

Vladimir Putin employs a full-time food taster

John Walsh salutes those brave souls who have, throughout history, put their knives on the line
Tour de France effect brings Hollywood blockbusters to Yorkshire

Tour de France effect brings Hollywood blockbusters to Yorkshire

A $25m thriller starring Sam Worthington to be made in God's Own Country
Will The Minerva Project - the first 'elite' American university to be launched in a century - change the face of higher learning?

Will The Minerva Project change the face of higher learning?

The university has no lecture halls, no debating societies, no sports teams and no fraternities. Instead, the 33 students who have made the cut at Minerva, will travel the world and change the face of higher learning
The 10 best pedicure products

Feet treat: 10 best pedicure products

Bags packed and all prepped for holidays, but feet in a state? Get them flip-flop-ready with our pick of the items for a DIY treatment
Commonwealth Games 2014: Great Scots! Planes and pipers welcome in Glasgow's Games

Commonwealth Games 2014

Great Scots! Planes and pipers welcome in Glasgow's Games
Jack Pitt-Brooke: Manchester City and Patrick Vieira make the right stand on racism

Jack Pitt-Brooke

Manchester City and Patrick Vieira make the right stand on racism
How Terry Newton tragedy made iron men seek help to tackle their psychological demons

How Newton tragedy made iron men seek help to tackle their psychological demons

Over a hundred rugby league players have contacted clinic to deal with mental challenges of game