Should I design my webpage for a specific screen resolution?

Question

I am starting to learn how to create websites. At this point, I was just making pages without any screen resolution. As I do some research, I see that everyone says that it stays about 900 pixels wide.

Today, the size of monitors and screens seems a bit small. Am I doing too much of this or should I adhere to some screen resolution rules or nothing at all?

Answer 1

I work for many media agencies, and they prefer the rule of thirds in their projects, so they tend to stick to a grid of 960 pixels. Can you read more at Optimum Width for a Resolution of 1024 Pixels? .

It flows better and allows late adopters to see your full site without scrolling. However, what is your goal and what are the usage statistics for this group?

http://www.w3schools.com/browsers/browsers_display.asp

Answer 2

If you only plan on desktop users browsing your site, 900 pixels might be a little small, and you could easily find a screen resolution of 1024 pixels x 768 pixels or more without any or minimal consequences.

On the other hand, if you plan to use your sites to surf on a nettop or mobile phone, they may need a lot of scrolling. Which is annoying in better times.

However, you can take advantage of things like @media queries to serve different stylesheets to your users based on their screen size, so a desktop computer user with an Eyefinity display> 3000 pixels will look different for a user browsing through an iPhone.

As an example:

 <link rel="stylesheet" href="ridiculousDesktopScreen.css" media="only screen and (max-device width:3000)"/> <link rel="stylesheet" href="largerDesktopScreen.css" media="only screen and (max-device width:1280)"/> <link rel="stylesheet" href="normalDesktopScreen.css" media="only screen and (max-device width:1024px)"/> <link rel="stylesheet" href="mobileStylesheet.css" media="only screen and (max-device width:480px)"/> 

And then use each of these style sheets so that they appear depending on what actually depends on the screen size to give the user the best look.

Personally, I am a fan of the fixed-width layout, which makes it easy to design and allows for some liquidity. The benefits to this approach, for me, are that long lines of text are hard to read (and, apparently, why A List Apart is a variant of this approach in his articles).

I think that if you create a site that is useful for you with a maximum window size and then with a different size, you should get something that looks best. But remember that as the screen size increases, the processing of the content takes up properly.

It is worth noting that when designing for a specific horizontal resolution, you need to consider the Chrome browser (such as screen borders and scrollbars. I think that usually about 40 pixels for the scrollbar, if I remember correctly). This, apparently, was not essential for the 960 Grid using 960 horizontal pixels, not only being divided into columns, but also allowing the (medium) user browser to have a scroll bar without causing overflow and horizontal scroll bar.

Answer 3

Absolutely not.

The whole idea of ​​a window system is to display multiple windows simultaneously. If your website requires more than half of my screen, I will not bother him.