1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Best resolution to design a site for?

Discussion in 'Web Design' started by Viltedali, Sep 8, 2011.

  1. Viltedali

    Viltedali Regular Member

    Joined:
    Feb 10, 2008
    Messages:
    305
    Likes Received:
    32
    Location:
    Midwest-US
    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.
     
    • Thanks Thanks x 1
  2. p1mp_ju1ce

    p1mp_ju1ce Registered Member

    Joined:
    Mar 13, 2009
    Messages:
    92
    Likes Received:
    7
    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
     
    • Thanks Thanks x 2
  3. ExecutiveCloser

    ExecutiveCloser Regular Member

    Joined:
    Jul 20, 2011
    Messages:
    308
    Likes Received:
    156
    Occupation:
    CEO of *********
    Location:
    East Coast
    ^ 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!
     
    • Thanks Thanks x 1
  4. 1337WuLF

    1337WuLF Senior Member Premium Member

    Joined:
    Jan 3, 2011
    Messages:
    919
    Likes Received:
    370
    Occupation:
    IM
    Location:
    On a rock in space
    I use 960px, however sometimes by background image can take up about 200px of each side.

    www.960.gs
     
    • Thanks Thanks x 1
  5. digitalcows

    digitalcows Newbie

    Joined:
    Sep 10, 2011
    Messages:
    49
    Likes Received:
    4
    Occupation:
    Web Designer, Web Programmer
    Home Page:
    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.
     
    • Thanks Thanks x 1
  6. Viltedali

    Viltedali Regular Member

    Joined:
    Feb 10, 2008
    Messages:
    305
    Likes Received:
    32
    Location:
    Midwest-US
    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?
     
  7. artizhay

    artizhay BANNED BANNED

    Joined:
    Nov 21, 2010
    Messages:
    1,867
    Likes Received:
    1,335
    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. ;)
     
  8. Typlo

    Typlo Jr. VIP Jr. VIP Premium Member

    Joined:
    Sep 22, 2010
    Messages:
    1,285
    Likes Received:
    499
    Location:
    New York
    Home Page:
    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/
     
  9. digitalcows

    digitalcows Newbie

    Joined:
    Sep 10, 2011
    Messages:
    49
    Likes Received:
    4
    Occupation:
    Web Designer, Web Programmer
    Home Page:
    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.
     
  10. scopezero

    scopezero Regular Member

    Joined:
    Mar 12, 2011
    Messages:
    336
    Likes Received:
    816
    Location:
    Bharat
    @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
     
    • Thanks Thanks x 1
  11. licorne101

    licorne101 Registered Member

    Joined:
    Aug 22, 2011
    Messages:
    88
    Likes Received:
    118
    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.
     
    • Thanks Thanks x 1
  12. Jurojin87

    Jurojin87 Newbie

    Joined:
    Aug 8, 2011
    Messages:
    34
    Likes Received:
    1
    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.
     
    • Thanks Thanks x 1