Widescreen Websites
I'm loving the additional screen space that 22" LCD monitor affords me. So much more than what I had with the old 19" CRT.
It's just a shame that most website designs haven't progressed to a point where there isn't a large amount of empty space left around the content. I've got a screen that stretches from one side of the room and it just isn't being used to it's potential. I've even taken to resizing the browser window to mimic the 1024x768 ratio. Just so I don't get snow blindness.
The hastily put together GIF below shows just how much extra space there is on my monitor running at 1680x1050 (red), compared to the average 1024x768 (blue) resolution:
A website that pushes up against the edges of a standard sized monitor only takes up roughly 60% of my widescreen monster. Those bloggy website designs with centered content columns aren't helping. 9 times out of 10 they have even more empty space flowing off the left and right margins. My site being a prime example of this.
So where are the websites for the husky monitor?
I am happy to report that there's been a few successful attempts at this. Web Designer Wall has a great gallery of sites that chose to stretch to the limits. Of course if you're not reading this on a widescreen monitor you won't enjoy them on as many levels as me.
My next challenge (well after Post a Day Month and possibly after the next Collabowrite story) is to design a site that will stretch to fill my monitor, but still look just fine in your puny screens.





September 17th, 2008 at 5:58 pm
The easy answer is to use Firefox's great zooming capabilities. It saves each domain's zoom level separately.
September 17th, 2008 at 9:25 pm
The problem with Firefox zoom is that, while the text scales fine, all the images become pixelated.