I am thinking of doing a site that will be primarily designed for 1280*1024 but the content will adapt to make full use of HD 1920*1080 if it is availiable.

 

Has anyone done any sites for HD? Is there anything i should take into consideration when designing and developing a site for HD?

 

Thanks.

I assume you mean for television screens? As all modern computer monitors are "HD" regardless of the dimensions.

 

My only suggestion would be to make good use of the media type "tv" when declaring your CSS. That way you can just create a style sheet that would only be used on a television

As all modern computer monitors are "HD"

 

i don't recall EVERY new monitor being HD-Ready... as far as i knew only some (very expensive) monitor are HD-Ready at the moment...

yes for people who are using their tv as their monitor like a media centre type thing is that what the media type 'tv' works for? also for people who just have large monitors anyway like 1900*1200. is there an elegant way of covering both those scenarios so as to hit two birds with one stone? i was thinking of dynamically positioning and sizing elements with javascript.

What about using % instead of px for your measurements?

If you wanna make a site that sizes itself you probably need to use a lot of width % and Min width. And make sure that your backgrounds are repeatable.

http://www.last.fm is pretty neat example of a site that works on every resolution.

It's probebly a lot harder than making a fixed size website GL

 

Greetz R-J

i don't recall EVERY new monitor being HD-Ready... as far as i knew only some (very expensive) monitor are HD-Ready at the moment...

 

Pretty much every computer TFT/LCD monitor is high definition now — it's all down to the resolution. You'd be hard pushed to find any monitors around that aren't equal to or higher than high def resolutions.

Just to give some examples:

 

The smallest HD format 720p is 1280×720 pixels.

Full HD, 1080p, is 1920×1080 pixels.

 

Common PAL resolution is 720 x 576 pixels.

 

While every computer monitor might not have the same aspects ratio, most monitors are closer to HD in terms of pixel count.

 

In any case, when designing websites for different resolutions, use relative units and make use of max-width and min-width. I prefer making sites with relative units so they adapt them self to the wide range of screens it'll be seen on. I also try to use relative units for borders and padding to it scales with the font-sizes.

 

A few years ago the majority of users would have monitors ranging from 800x600 to 1280x1024 with the same 3:4 aspect ratio. Now with the dropping prices of new larger wide screen monitors it much more mixed, while allot of the older still remains, making it more important to make site flexible.

 

I don't really think of screen resolutions that much anymore. I then to make set the width of my site so that the main content gets a width of about 50-60em which is a good width for the body text. Any larger and it becomes harder to read. What I do though, is to try to allow some flex so that it scales well down to either 1024x768 or 800x600. I've become less bothered about 800x600 lately as well.