if (screen.width>=1024 && screen.height>=768) {
window.location="highres.html";
} else {
window.location="lowres.html";
}of just include the right CSS style sheet after the resolution is detected.
But anyway you have to develop multiple websites to serve all the resolutions.
so if hi res, show this, anything smaller, show something else, makes sense so you dont have to design everything really skinny. you could maybe have a 960 grid thing that narrows a certain column like body text column down depending on resolution...
reminds me of a blog i saw recently that was about 450px wide. Think phones etc are 480px wide, so it optimised for phones. anyway it looked cool. maybe my personal portfolio will be optimised for phones...
other opinions
http://www.freshleafmedia.co.uk/blog/vertical-resolution-web-design-and-netbooks/
Well, as with the case of my client, many of the netbooks have quite a decent screen width. Most have a 1024 by 600 resolution – and many of our corporate website designs sit around the 960px width mark, so no need to worry there. What we might need to consider, though, is what sits ‘above the fold’ (i.e. what is visible without scrolling).
some good points listed here too:
from: http://www.awebapart.com/home/faq/Web_Design_Width_and_Web_Screen_Size
cool diagram google!!!!!
http://browsersize.googlelabs.com/
90% users - 960x500 is max.
when you get to 630px high it drops to 50% - pretty drastic.
Posts
