Comments on: CSS tricks in both dimensions http://www.sitepoint.com/blogs/2004/09/22/css-tricks-in-both-dimensions/ News, opinion, and fresh thinking for web developers and designers. The official podcast of sitepoint.com. Sun, 22 Nov 2009 11:54:05 -0500 http://wordpress.org/?v=2.8.4 hourly 1 By: onefocus http://www.sitepoint.com/blogs/2004/09/22/css-tricks-in-both-dimensions/comment-page-1/#comment-15893 onefocus Sat, 18 Mar 2006 21:59:24 +0000 307199358#comment-15893 I am in the process right now (Mar.2006) of developing a new site. http<strong>:</strong>//www.calgarymotorcyclescooter.com/index.htm Again, since there are still some using the smallest of screen sizes of 800x600 I made this the default size when designing. However like is mentioned before there is screen real estate that is being wasted. So by testing for some of the sizes you can add ads and or other extra information. I'm using the same info as noted above. Tell me what you think? You know, one has to know the box really well before one can step outside the box. I am in the process right now (Mar.2006) of developing a new site.
http://www.calgarymotorcyclescooter.com/index.htm
Again, since there are still some using the smallest of screen sizes of 800×600 I made this the default size when designing. However like is mentioned before there is screen real estate that is being wasted. So by testing for some of the sizes you can add ads and or other extra information. I’m using the same info as noted above. Tell me what you think? You know, one has to know the box really well before one can step outside the box.

]]> By: Rizwan Reza http://www.sitepoint.com/blogs/2004/09/22/css-tricks-in-both-dimensions/comment-page-1/#comment-3552 Rizwan Reza Tue, 30 Nov 1999 00:00:00 +0000 307199358#comment-3552 <p>Thanks for sharing!</p> Thanks for sharing!

]]> By: someonewhois http://www.sitepoint.com/blogs/2004/09/22/css-tricks-in-both-dimensions/comment-page-1/#comment-3553 someonewhois Tue, 30 Nov 1999 00:00:00 +0000 307199358#comment-3553 <p>Eii, ingenius or out, it's flawed... I'm currently using a 400mhz Celeron (I know, it's pathetic) running MSIE (even worse), and it lags when I resize. Had he done it properly, it'd go:</p> <p>if (width < 800 && prevWidth > 800)<br /> ...<br /> else if (width > 800 && prevWidth < 800) <br /> ...</p> <p>As I see it, EVERY SINGLE pixel change when resizing causes the style to be changed, and that lags me on this computer... should really cache what it is BEFORE resizing happens (ie on init, or at the end of the function called onresize), and then only if it's crossed the border (800px) should it do anything... cool nonetheless though.</p> <p>just my 2 cents</p> Eii, ingenius or out, it’s flawed… I’m currently using a 400mhz Celeron (I know, it’s pathetic) running MSIE (even worse), and it lags when I resize. Had he done it properly, it’d go:

if (width < 800 && prevWidth > 800)
…
else if (width > 800 && prevWidth < 800)
…

As I see it, EVERY SINGLE pixel change when resizing causes the style to be changed, and that lags me on this computer… should really cache what it is BEFORE resizing happens (ie on init, or at the end of the function called onresize), and then only if it’s crossed the border (800px) should it do anything… cool nonetheless though.

just my 2 cents

]]> By: onefocus http://www.sitepoint.com/blogs/2004/09/22/css-tricks-in-both-dimensions/comment-page-1/#comment-3554 onefocus Tue, 30 Nov 1999 00:00:00 +0000 307199358#comment-3554 <p>I've done just that on a few of my pages for quite awhile. heres one of them:<br /> http://www.dimensionalized.com/new.php?firstname=justvisiting</p> <p>However, <br /> if the script finds that the screen size is bigger than 800x600 <br /> than I include an iframe to include another page of extra info on the far right side.<br /> If they have an 800x600 than I include that extra info page as a link on the side.</p> <p>This way I can keep a fixed width for all my pages and do not lose out on browser real estate that is of great value.</p> I’ve done just that on a few of my pages for quite awhile. heres one of them:
http://www.dimensionalized.com/new.php?firstname=justvisiting

However,
if the script finds that the screen size is bigger than 800×600
than I include an iframe to include another page of extra info on the far right side.
If they have an 800×600 than I include that extra info page as a link on the side.

This way I can keep a fixed width for all my pages and do not lose out on browser real estate that is of great value.

]]> By: Anonymous One http://www.sitepoint.com/blogs/2004/09/22/css-tricks-in-both-dimensions/comment-page-1/#comment-3555 Anonymous One Tue, 30 Nov 1999 00:00:00 +0000 307199358#comment-3555 <p>I really don't understand what's so surprising about this. It's only common sense that several stylesheets can be designed for several resolutions.</p> <p>The problem lies not in what is obvious, but in the extra time spent creating those stylesheets. So why not make a nice "fluid" website from the start?</p> I really don’t understand what’s so surprising about this. It’s only common sense that several stylesheets can be designed for several resolutions.

The problem lies not in what is obvious, but in the extra time spent creating those stylesheets. So why not make a nice “fluid” website from the start?

]]> By: onefocus http://www.sitepoint.com/blogs/2004/09/22/css-tricks-in-both-dimensions/comment-page-1/#comment-3556 onefocus Tue, 30 Nov 1999 00:00:00 +0000 307199358#comment-3556 <p>I created a very basic working example that you can look at the source code:<br /> http://www.dimensionalized.com/instruction/screenrealestate.html</p> <p>The iframe includes this other file:<br /> http://www.dimensionalized.com/instruction/extrainfo.html</p> <p>If you save all this to your desktop and go to line #189 and change the value to false, you can see in action.</p> <p>It is very solid, although it does not take into account the 2% who disable JavaScript.</p> I created a very basic working example that you can look at the source code:
http://www.dimensionalized.com/instruction/screenrealestate.html

The iframe includes this other file:
http://www.dimensionalized.com/instruction/extrainfo.html

If you save all this to your desktop and go to line #189 and change the value to false, you can see in action.

It is very solid, although it does not take into account the 2% who disable JavaScript.

]]> By: spags http://www.sitepoint.com/blogs/2004/09/22/css-tricks-in-both-dimensions/comment-page-1/#comment-3557 spags Tue, 30 Nov 1999 00:00:00 +0000 307199358#comment-3557 <p>You still alive Simon?</p> You still alive Simon?

]]> By: Tim http://www.sitepoint.com/blogs/2004/09/22/css-tricks-in-both-dimensions/comment-page-1/#comment-3558 Tim Tue, 30 Nov 1999 00:00:00 +0000 307199358#comment-3558 <p>I still can't see what's wrong with fluid. We all need a drink now and again. So, I'm off for some more fluid ;)</p> I still can’t see what’s wrong with fluid. We all need a drink now and again. So, I’m off for some more fluid ;)

]]> By: M36Teen http://www.sitepoint.com/blogs/2004/09/22/css-tricks-in-both-dimensions/comment-page-1/#comment-3559 M36Teen Tue, 30 Nov 1999 00:00:00 +0000 307199358#comment-3559 <p>Uhh, Simon? Where'd ya go?</p> Uhh, Simon? Where’d ya go?

]]>