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

News

literature

News
Dermot O'Leary attends the X Factor Wembley Arena auditions at Wembley on August 1, 2014 in London, England.

television

News
news
Arts and Entertainment
At this year's SXSW festival in Austin, Texas

Music Why this music festival is still the place to spot the next big thing

Arts and Entertainment
Russell Tovey, Myanna Buring and Julian Rhind Tutt star in Banished
tvReview: The latest episode was a smidgen less depressing... but it’s hardly a bonza beach party
Arts and Entertainment
‘The Royals’ – a ‘twisted, soapy take on England’s first family’
tv Some of the characters appear to have clear real-life counterparts
News
Brooks is among a dozen show-business professionals ever to have achieved Egot status
people
Have you tried new the Independent Digital Edition apps?
Arts and Entertainment

ebooksNow available in paperback
Arts and Entertainment

ebooks
Arts and Entertainment
A cut above: Sean Penn is outclassed by Mark Rylance in The Gunman
film review
Arts and Entertainment
arts + ents
Arts and Entertainment
James Franco and Zachary Quinto in I Am Michael

Film review Michael Glatze biopic isn't about a self-hating gay man gone straight

Arts and Entertainment
A scene from the movie 'Get Hard'
tvWill Ferrell’s new film Get Hard receives its first reviews
Arts and Entertainment
Left to right: David Cameron (Mark Dexter), Nick Clegg (Bertie Carvel) and Gordon Brown (Ian Grieve)
tvReview: Ian Grieve gets another chance to play Gordon Brown... this is the kinder version
Arts and Entertainment
Benedict Cumberbatch and Martin Freeman in the first look picture from next year's Sherlock special

TV
Arts and Entertainment
Because it wouldn’t be Glastonbury without people kicking off about the headline acts, a petition has already been launched to stop Kanye West performing on the Saturday night

music
Arts and Entertainment
Molly Risker, Helen Monks, Caden-Ellis Wall, Rebekah Staton, Erin Freeman, Philip Jackson and Alexa Davies in ‘Raised by Wolves’

TV review
Arts and Entertainment

TV
Arts and Entertainment
James May, Jeremy Clarkson and Richard Hammond in the Top Gear Patagonia Special

TV
Arts and Entertainment
Game of Thrones will run for ten years if HBO gets its way but showrunners have mentioned ending it after seven

Game of Thrones
Arts and Entertainment
Mans Zelmerlow will perform 'Heroes' for Sweden at the Eurovision Song Contest 2015

music
Arts and Entertainment
Elizabeth (Heida Reed) and Ross Poldark (Aiden Turner) in the BBC's remake of their 1975 original Poldark

Poldark review
Arts and Entertainment
Daniel Craig as James Bond in Skyfall

Mexican government reportedly paying Bond producers for positive portrayal in new filmfilm
Arts and Entertainment
Disney’s flying baby elephant is set to return in live-action format
filmWith sequels, prequels and spin-offs, Disney plays it safe... and makes a pachyderm
Arts and Entertainment
Nazrin with Syf, Camden
photography
News
The QI Elves photographed at the Soho Theatre. They are part of a team of researchers who find facts for the television programme 'QI'.
people
Arts and Entertainment
‘The Royals’ – a ‘twisted, soapy take on England’s first family’
tv0-star review: Sean O'Grady gives it his best shot anyway
  • Get to the point
Latest stories from i100
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.

    The saffron censorship that governs India: Why national pride and religious sentiment trump freedom of expression

    The saffron censorship that governs India

    Zareer Masani reveals why national pride and religious sentiment trump freedom of expression
    Prince Charles' 'black spider' letters to be published 'within weeks'

    Prince Charles' 'black spider' letters to be published 'within weeks'

    Supreme Court rules Dominic Grieve's ministerial veto was invalid
    Distressed Zayn Malik fans are cutting themselves - how did fandom get so dark?

    How did fandom get so dark?

    Grief over Zayn Malik's exit from One Direction seemed amusing until stories of mass 'cutting' emerged. Experts tell Gillian Orr the distress is real, and the girls need support
    The galaxy collisions that shed light on unseen parallel Universe

    The cosmic collisions that have shed light on unseen parallel Universe

    Dark matter study gives scientists insight into mystery of space
    The Swedes are adding a gender-neutral pronoun to their dictionary

    Swedes introduce gender-neutral pronoun

    Why, asks Simon Usborne, must English still struggle awkwardly with the likes of 's/he' and 'they'?
    Disney's mega money-making formula: 'Human' remakes of cartoon classics are part of a lucrative, long-term creative plan

    Disney's mega money-making formula

    'Human' remakes of cartoon classics are part of a lucrative, long-term creative plan
    Lobster has gone mainstream with supermarket bargains for £10 or less - but is it any good?

    Lobster has gone mainstream

    Anthea Gerrie, raised on meaty specimens from the waters around Maine, reveals how to cook up an affordable feast
    Easter 2015: 14 best decorations

    14 best Easter decorations

    Get into the Easter spirit with our pick of accessories, ornaments and tableware
    Paul Scholes column: Gareth Bale would be a perfect fit at Manchester United and could turn them into serious title contenders next season

    Paul Scholes column

    Gareth Bale would be a perfect fit at Manchester United and could turn them into serious title contenders next season
    Inside the Kansas greenhouses where Monsanto is 'playing God' with the future of the planet

    The future of GM

    The greenhouses where Monsanto 'plays God' with the future of the planet
    Britain's mild winters could be numbered: why global warming is leaving UK chillier

    Britain's mild winters could be numbered

    Gulf Stream is slowing down faster than ever, scientists say
    Government gives £250,000 to Independent appeal

    Government gives £250,000 to Independent appeal

    Donation brings total raised by Homeless Veterans campaign to at least £1.25m
    Oh dear, the most borrowed book at Bank of England library doesn't inspire confidence

    The most borrowed book at Bank of England library? Oh dear

    The book's fifth edition is used for Edexcel exams
    Cowslips vs honeysuckle: The hunt for the UK’s favourite wildflower

    Cowslips vs honeysuckle

    It's the hunt for UK’s favourite wildflower
    Child abuse scandal: Did a botched blackmail attempt by South African intelligence help Cyril Smith escape justice?

    Did a botched blackmail attempt help Cyril Smith escape justice?

    A fresh twist reveals the Liberal MP was targeted by the notorious South African intelligence agency Boss