Need help detecting screen size

  • Alright so I set out to create my first theme about a week ago and have gotten pretty far. My theme, viewably here isn’t exactly like any other theme in that the page relies almost entirely on javascript (which has created a really cool look). Anyways I have three problems, first, I really need to figure out how to detect the persons screen resolution so that I can scale the “windows” as necessary so that they don’t bunch up at a lower resolution or look really really small on a higher resolution. ie: if screen size is 1024x 768 then use width=x height=y. get what Im saying?

    second question, I cannot for the life of me figure out how to integrate sidebar widgets into my theme. I’ve followed the instructions on the site but they do not seem to be helping any.

    third question, how would I go about letting the person who is using the theme change the look of the “windows” from the admin panel ie: if they wanted it to look more like mac os x instead of the default look they could just change it in the wp-admin panel

    thanks in advance, ohh and tell me what you think of the design even though it’s not nearly complete yet.

Viewing 2 replies - 1 through 2 (of 2 total)

  • You’re not going to like this, but screen resolution is essentially meaningless. Just because a person’s monitor may be set to 1600×1200 with their dpi settings at 120 (assuming a Windows operating system here) does not mean their browser will be maximized to fill all that available real estate. Most likely the browser window will be set to about 1024px wide (essentially a 1024×768 setup) so that other programs can sit on the desktop without being covered up (such as Trillian, for instance). You’ll be better off designing a theme that can adjust to whatever the browser’s width is, and then let it resize along with the browser window when it does get resized.

    As for the theme, I couldn’t see it since Opera timed out after 1:37 (one minute and thirty-seven seconds), finally forcing an error page on me. Is it still there, or did you take it down since you posted this?

    You’re not going to like this either but I fully agree with Dan.

    Scaling windows based on the screen resolution is a waste of time. what makes you think that just because the user has a monitor set to 1024×768 that their browser window size is actually 1024×768? While that sometimes may be true, it’s certainly not a smart assumption to make.

    Fluid design is the way to go. Let the user be in change, not you. After all, who’s the website for?

    EDIT: I notice that your website is currently down and I couldn’t see your “cool look”, so I guess you’re making some major changes.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Need help detecting screen size’ is closed to new replies.