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
Matthew Healy of The 1975 performing on the Pyramid Stage at the Glastonbury Festival, at Worthy Farm in Somerset

music
Arts and Entertainment
booksThe Withnail and I creator, has a new theory about killer's identity
Have you tried new the Independent Digital Edition apps?
Arts and Entertainment

ebooksNow available in paperback
Arts and Entertainment

ebooks
Arts and Entertainment
tvDick Clement and Ian La Frenais are back for the first time in a decade
Arts and Entertainment
The Clangers: 1969-1974
tv
Arts and Entertainment
Rocky road: Dwayne Johnson and Carla Gugino play an estranged husband and wife in 'San Andreas'
film review
Arts and Entertainment
Nicole Kidman plays Grace Kelly in the film, which was criticised by Monaco’s royal family

film
Arts and Entertainment
Emilia Clarke could have been Anastasia Steele in Fifty Shades of Grey but passed it up because of the nude scenes

film
Arts and Entertainment
A$AP Rocky and Rita Ora pictured together in 2012

music
Arts and Entertainment
A case for Mulder and Scully? David Duchovny and Gillian Anderson in ‘The X-Files’

TV
Arts and Entertainment
Impressions of the Creative Community Courtyard within d3. The development is designed to 'inspire emerging designers and artists, and attract visitors'

architecture
Arts and Entertainment
Performers drink tea at the Glastonbury festival in 2010

GlastonburyWI to make debut appearance at Somerset festival

Arts and Entertainment
Lena Headey as Cersei Lannister

TV reviewIt has taken seven episodes for Game of Thrones season five to hit its stride

Arts and Entertainment
Jesuthasan Antonythasan as Dheepan

FilmPalme d'Or goes to radical and astonishing film that turns conventional thinking about immigrants on its head

Arts and Entertainment
Måns Zelmerlöw performing

Eurovision
Arts and Entertainment
Graham Norton was back in the commentating seat for Eurovision 2015

Eurovision
Arts and Entertainment
Richard Hammond, Jeremy Clarkson and James May on stage

TV
Arts and Entertainment
The light stuff: Britt Robertson and George Clooney in ‘Tomorrowland: a World Beyond’
film review
Arts and Entertainment
Reawakening: can Jon Hamm’s Don Draper find enlightenment in the final ‘Mad Men’?
tv reviewNot quite, but it's an enlightening finale for Don Draper spoiler alert
Arts and Entertainment
Breakfast Show’s Nick Grimshaw

Radio
Arts and Entertainment

Eurovision
Arts and Entertainment
'Youth' cast members Paul Dano, Jane Fonda, Harvey Keitel, Rachel Weisz, and Michael Caine pose for photographers at Cannes Film Festival
film
Arts and Entertainment
Adam West as Batman and Burt Ward and Robin in the 1960s Batman TV show

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

    Sepp Blatter resignation: The beginning of Fifa's long road to reform?

    Does Blatter's departure mean Fifa will automatically clean up its act?

    Don't bet on it, says Tom Peck
    Charles Kennedy: The baby of the House who grew into a Lib Dem giant

    The baby of the House who grew into a Lib Dem giant

    Charles Kennedy was consistently a man of the centre-left, dedicated to social justice, but was also a champion of liberty and an opponent of the nanny-state, says Baroness Williams
    Syria civil war: The harrowing testament of a five-year-old victim of this endless conflict

    The harrowing testament of a five-year-old victim of Syria's endless civil war

    Sahar Qanbar lost her mother and brother as civilians and government soldiers fought side by side after being surrounded by brutal Islamist fighters. Robert Fisk visited her
    The future of songwriting: How streaming is changing everything we know about making music

    The future of songwriting

    How streaming is changing everything we know about making music
    William Shemin and Henry Johnson: Jewish and black soldiers receive World War I Medal of Honor amid claims of discrimination

    Recognition at last

    Jewish and black soldiers who fought in WWI finally receive medals after claims of discrimination
    Beating obesity: The new pacemaker which helps over-eaters

    Beating obesity

    The new pacemaker which helps over-eaters
    9 best women's festival waterproofs

    Ready for rain: 9 best women's festival waterproofs

    These are the macs to keep your denim dry and your hair frizz-free(ish)
    Cycling World Hour Record: Nervous Sir Bradley Wiggins ready for pain as he prepares to go distance

    Wiggins worried

    Nervous Sir Bradley ready for pain as he prepares to attempt cycling's World Hour Record
    On your feet! Spending at least two hours a day standing reduces the risk of heart attacks, cancer and diabetes, according to new research

    On your feet!

    Spending half the day standing 'reduces risk of heart attacks and cancer'
    Liverpool close in on Milner signing

    Liverpool close in on Milner signing

    Reds baulk at Christian Benteke £32.5m release clause
    With scores of surgeries closing, what hope is there for the David Cameron's promise of 5,000 more GPs and a 24/7 NHS?

    The big NHS question

    Why are there so few new GPs when so many want to study medicine?
    Big knickers are back: Thongs ain't what they used to be

    Thongs ain't what they used to be

    Big knickers are back
    Thurston Moore interview

    Thurston Moore interview

    On living in London, Sonic Youth and musical memoirs
    In full bloom

    In full bloom

    Floral print womenswear
    From leading man to Elephant Man, Bradley Cooper is terrific

    From leading man to Elephant Man

    Bradley Cooper is terrific