March 29, 2006

Is 1024x768 The New Standard?

One interesting thing I noticed with the recent redesign of CNN.com is their use of more screen real estate. This suggests that a major shift is underway with users and their supported screen resolutions.

CNN.com had been set to convenience users who had their monitors running at 800x600. In the early days of the web and for the last number of years, this has worked fine. A majority of consumer and corporate desktops were set to this by default. But increasingly, as more and more users have udgraded their hardware (both with higher-powered video cards and better displays), it appears the norm has now become 1024x768.

To confirm my hunch, I visited one of the foremost authorities on web user statistics - the W3Schools.com Browser Statistics Page. Although their stats come with a very clear disclaimer, noteably that 'You cannot - as a web developer - rely only on statistics. Statistics can often be misleading. Global averages may not always be relevant to your web site. Different sites attract different audiences. Some web sites attract professional developers using professional hardware, other sites attract hobbyists using older low spec computers', it still suggests a lot to consider when building and maintaining a site.

Since clients often confuse monitor size with available 'screen real estate', it's nice to have the stats to refer to.

A key point in these statistics, however, is that W3Schools measures and samples only visitors to its own site, and their statistics cannot reliably be extropolated on a global basis. And because their visitors are mainly comprised of web workers and professionals, some of their stats (especially pertaining to Javascript and user-agent type) may be a bit skewed. Either way, it does give you a good glimpse.

One thing also to consider as far as what format and screen resolution to support is there are work arounds. For instance, liquid-based design conforms to nearly any size. Its drawback is the difficulty in maintaining a 'tight design'. Sites utilizing it take longer to construct and the conceptual methophor changes dramatically. It's also tricky to implement due to limitations/differences in browser implementations of standards, especially CSS.

In the future, browser support for the standards should become more consistent. While this should make implementation easier, coming up with workable concepts will still be a challenge.

Another path to mediate screen resolution is a growing trend of dynamic resolution-dependant layouts. This essentially combines three existing technologies: javascript, CSS and the Document Object Model (DOM). Basically, the Javascript samples the user's agent or browser, gets its screen resolution and them adjust the CSS dynamically. All of it happens on page load. It's more work and requires scripting skills and knowlegdge of the DOM.


Posted by pgraber at March 29, 2006 09:59 PM

March 09, 2006

Rendering Intents Demystified

I have been struggling with color management lately. Seems all of my stuff in coming out too dark, for some reason. I don't believe it is my fault, just part of the process working with a range of vendors and output devices. One aspect of color management, however, is the rendering intent.

Which one should be used on digital output devices like color copiers, large format inkjets or on digital presses?

Basically, the rendering intent is the process of re-mapping colors that appear on the monitor to that of the output device. The 'intent' controls how this happens and specifically, what is done to the colors or data that is outside the target space. Different types of different things:

Absolute Colormetric - This color that falls outside the range are 'clipped'. What this means is that they are represented by the closest colors that are still within the target gamut. All in-gamut colors are not changed. Manytimes, this intent is used for SPOT COLOR. Watch out for the white point with this method.

Relative Colormetric - Solves the white point problem by mapping this value to the medium's white point. This intent is the best way to simulate offset printing when using an inkjet printer.

Perceptual Rendering - Basically, ALL of the colors are shifted to support the gamut of the output device. The theory is that they will all maintain their original orientaton to one another. Very good for inkjet printers and photographs.

Posted by pgraber at March 9, 2006 11:07 AM