Best resolution to design a site for?

Viltedali · Sep 8, 2011

My site is being designed, the guy sent me a sample page, and it was wider than the my screen at 1064x768 resolution.

I told him it was too wide, and he said the newer monitors today usually are set for a different resolution, and that the site would fit perfectly on the newer monitors.

Just curious what resolution you designers design for.

It'd be nice if the site recognized the resolution used by a visitor, and show the proper design to fit on the screen, but I doubt the guy would want to do that, and he's about 4 months behind on the project already.

Would you use 1064x768 as the size you'd design for, or a different size?

He was supposed to make a mobile design version for the site as well, but I've pretty much given up on getting that, at least on getting it from him.

p1mp_ju1ce · Sep 9, 2011

When I design websites, i still think of the 1024x768 screen resolutions because not everyone uses wide screens.

I believe 960px fits very well on a 1024 resolutions.

But if you really like the wide sized websites, I suggest you make it adaptive so it would look good on a wide screen and small screens like tablets and mobile browsers.

HTH

ExecutiveCloser · Sep 9, 2011

^ 960 is the perfect resolution of content. people with 800 x 600 might have to scroll over a bit but c'mon get with the program already. I wish all websites worked as easily as mobile phones for resolution!

1337WuLF · Sep 9, 2011

I use 960px, however sometimes by background image can take up about 200px of each side.

www.960.gs

digitalcows · Sep 10, 2011

We use the 960 grid for content. But the background sometimes we make it until like 2000px when designing. I guess your guy isn't updated on the latest trend.

Viltedali · Sep 10, 2011

But if you really like the wide sized websites, I suggest you make it adaptive so it would look good on a wide screen and small screens like tablets and mobile browsers.

I don't want a wide site, just one that fits the screen well. The samples sent to me were screwed up, had to start a new line to fit 4 buttons in a row on my monitor, stuff like that. Yeah, adaptive is what I'd like, but this project has been going on forever, so just wondering the best size to choose as I doubt he wants to make it adaptive. He was supposed to make a normal design, and then a mobile design. When a mobile device is used to access the site, it was to be detected and cause the mobile design to be for that visitor.

We use the 960 grid for content. But the background sometimes we make it until like 2000px when designing. I guess your guy isn't updated on the latest trend.

What trend? Making the background overly wide to cover the screen for any resolution?

artizhay · Sep 10, 2011

Tell your guy to read the "Responsive Web Design" article that's been all over Twitter. Google it.

I design for 1024 x 768. But I do it at 980px instead of 960px because 960px is just too mainstream.

Typlo · Sep 10, 2011

According to Google, 90% of users can view between 850-950px without scrolling due to their resolution, so in that range is your best bet.

Here's a nifty tool from Google to test your website:

http://browsersize.googlelabs.com/

digitalcows · Sep 11, 2011

Viltedali said:
I don't want a wide site, just one that fits the screen well. The samples sent to me were screwed up, had to start a new line to fit 4 buttons in a row on my monitor, stuff like that. Yeah, adaptive is what I'd like, but this project has been going on forever, so just wondering the best size to choose as I doubt he wants to make it adaptive. He was supposed to make a normal design, and then a mobile design. When a mobile device is used to access the site, it was to be detected and cause the mobile design to be for that visitor.

What trend? Making the background overly wide to cover the screen for any resolution?

No, the 960 grid that most designer use nowadays that artizhay said is too mainstream

Anyway your designer should know that his designs should be viewed nicely on any monitor and not just catering to the new monitors. I especially sometimes get annoyed if I have to scroll a bit horizontally just to see the whole site.

scopezero · Sep 11, 2011

@viltidali , it usually happens when i am working on a wp theme , i had a client some time back and i was making a wp site for him , whenever i show him a demo , he always complaint abt menu , buttons and all , finally i found that , he was using safari and some wordpress themes apprear different in safari.
then i started using safari and have to change a lot of things on my website

still the simple marquee banner plugin for wp doesnt appear in safari

This resoulution problem is really a pain in a$$ and if someone can suggest me a good read abt this and tackling this problem would be really appreciated

Scopezero

licorne101 · Sep 12, 2011

A good web designer can make the elements work for all kinds of resolutions currently available. Get him to cut the images properly, don't paste a whole chunk.

Jurojin87 · Sep 12, 2011

I always build me websites about 1000-1100 pixels wide. Enough for small netbooks to see. You can build dynamic width so it will change based one the users resolution but you have to make sure your content will still display properly throughout.

Best resolution to design a site for?

Viltedali

Regular Member

p1mp_ju1ce

Registered Member

ExecutiveCloser

Regular Member

1337WuLF

Senior Member

digitalcows

Newbie

Viltedali

Regular Member

artizhay

BANNED

Typlo

Supreme Member

digitalcows

Newbie

scopezero

Regular Member

licorne101

Registered Member

Jurojin87

Newbie

Main Menu

Marketplace

Making Money

BlackHat World