treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Recommended pixel dimensions?

  • Watching the screencasts on creating a website in photoshop. Whats the best pixel recommendation for most websites?
  • well that depends on your design :)

    I think for the standard scrolling up and down style website, these days I would aim to fit in a width of 1024px as a minimum rez, so about 900px to 975px wide for the main body. I think most machines would de defaulting to 1280x1024 these days - well thats the majority of resolutions to my site anyway :)
  • 960px is the number all the hip kids use. It's a good one. Evenly divisible by lots of numbers.
  • Goin on from what Chris said here is a cool cheat sheet from Yahoo

    http://yuiblog.com/assets/pdf/cheatsheets/css.pdf

    And some more info from their great research:

    http://developer.yahoo.com/yui/

    This will give you loads of ideas for grid sizes (for nice divisable layouts :))
  • Wow. Thanks for all the help guys. This is great.
    Thank you Chris for having this forum. Great information posted here.
  • I just stumbled upon a new technique. I like to make my sites 960px. it seems to work good. then I make my canvas size in photoshop 1024 or larger to show what would be on both sides of the site. then by pressing the tab key, you can hide the sidebars in photoshop and get a real good look at what the site will actually look like.
  • "cybershot" said:
    I just stumbled upon a new technique. I like to make my sites 960px. it seems to work good. then I make my canvas size in photoshop 1024 or larger to show what would be on both sides of the site. then by pressing the tab key, you can hide the sidebars in photoshop and get a real good look at what the site will actually look like.


    hehe yea, what I do is say make my canvas 960px wide, then shove some guides up at the edges of the page - then extend the canvas left and right to 1600px. Then I can see it all :)