Welcome, guest! We are a creative arts/general discussion community, and welcome guests and members alike to participate in our discussions. While registration is not required to post, we strongly recommend considering an account with us, as it a quick, free, and easy way to fully utilize all of the features on our forum. We hope you enjoy your stay!


Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Wide/narrow designs
#1
It's a debate of whether to encourage compatibility with legacy monitors, or whether to make use of the glamorous real-estate of large 1920x1080 LCDs. Mine is personally a 1600x900, which I think is pretty much the sweet spot as far as good webpages are concerned. 1366x768 is workable as well, but outside of this narrow range, designs either end up incompatible with small devices or they end up looking bad on large screens.

I personally think that a design should be supported on monitors of at least 1024x768 because, believe it or not, the resolution is still in use. Besides that, people don't always keep their web browsers maximized, so I think it's fair to require support for at least 1024x768, if only to allow people to keep webpages clean on the eyes (and personally, I think this is the only primary reason 1024x768 isn't dead yet). I don't personally think webpages (whether fluid or fixed width) should extend past around 1600 pixels in width either, as I think once you start going far beyond that, it gets hard on the eyes. 1600 pixels in width looks just fine on a 1920x1080 monitor. Then again, highly responsive designs may make good use of the extra real estate.

With the port of the current theme to MyBB 1.8, one thing I have worked hard on is to implement smarter fluid width values to ensure that the page is within reasonable limits and can adjust better depending on the monitor size. I've also done some basic responsiveness to adjust padding and a few other values to look at its best on 1024x768 monitors. The max width for the container/wrapper is 1460 pixels, and the minimum will be about 990 pixels, and after doing a lot of testing, I think that's pretty much the sweet spot that manages to make good use of a variety of monitor sizes while maintaining compatibility and readability, as well as a somewhat consistent theme feel.

What is your opinion as far as widths? Do you generally lean towards narrower page layouts, or do you prefer wider layouts that cater towards modern displays? Personally, I feel that some sort of responsiveness is the future, but the internet has been slow to catch on. Tongue
[Image: makestation_submatrix31_5.png]
Together, we can make something awesome...
Reply
Thanks given by:
#2
That post, IMO, would have been much easier to read if the container was narrower. Just sayin'.

Reply
Thanks given by:
#3
(November 1st, 2014 at 3:25 PM)Electric2Shock Wrote: That post, IMO, would have been much easier to read if the container was narrower. Just sayin'.

* Darth-Apple sets container width to 600 pixels. Tongue
[Image: makestation_submatrix31_5.png]
Together, we can make something awesome...
Reply
Thanks given by:
#4
* Electric2Shock has lost all motivation to read the first post.

Reply
Thanks given by:
#5
(November 1st, 2014 at 3:50 PM)Electric2Shock Wrote: * Electric2Shock has lost all motivation to read the first post.

* Darth-Apple goes further and reduces the width to 400 pixels to ensure compatibility with legacy monitors.

* Darth-Apple is too lazy to try responsive designs instead. Tongue
[Image: makestation_submatrix31_5.png]
Together, we can make something awesome...
Reply
Thanks given by:
#6
I tend to use adjustable sizes, such as percentages for my designs. They offer more diversity with smaller screens, and the fact that I have a massive screen, I tend to make massive websites and others can barely see the logo. Tongue I am trying to teach myself responsive design. (Not that stuff where it's a completely different design for mobiles & tablets, that pisses me off.) I mean stuff like, where if you resize your browser, the grid will resize with it, the menu will change to either a more compact menu or a dropdown. I have started working on getting MyBB Market responsive, so far, so good for the home page: http://speedcap.net/sharing/files/f9/85/...aff673.png
However, the forum seems to have a little trouble with my grid. :/ http://speedcap.net/sharing/files/4d/57/...73d94c.png

MYBB AND THEIR DAMN TABLE'S! IT'S NOT 2000'S ANYMORE! MOVE ON!
[Image: forumonic-bar.png]...............[Image: xige-logo-png-blue-sml.png]
Latest snapshots: Postbit Design - Multi Login Modal (1) - Responsive Pollbar
Reply
Thanks given by:
#7
(December 18th, 2014 at 10:41 AM)Harry K. Wrote: MYBB AND THEIR DAMN TABLE'S! IT'S NOT 2000'S ANYMORE! MOVE ON!

+1. It is annoying... Tongue
[Image: makestation_submatrix31_5.png]
Together, we can make something awesome...
Reply
Thanks given by: Electric2Shock
#8
I never do site widths in percentages anymore. I think 1000px is a good base for most site designs.
2018 Makestation Member of the Year
Reply
Thanks given by:
#9
I try to design mine with 1000px or something in that area in mind as well, but I like to have some flexibility to make use of different screen sizes. The container here doesn't extend past about 1440px or so at its max, so I still have a limit to it. It actually doesn't look quite so nice on smaller moniters. My attempt at responsiveness failed brutally so I didn't really bother with the details. Tongue
[Image: makestation_submatrix31_5.png]
Together, we can make something awesome...
Reply
Thanks given by:


Possibly Related Threads...
Thread Author Replies Views Last Post
  Do dark designs turn you off? Darth-Apple 15 11,991 June 3rd, 2018 at 9:26 PM
Last Post: SpookyZalost
  Do you create designs to cater to lower screen resolutions? Darth-Apple 0 1,763 November 20th, 2013 at 3:55 PM
Last Post: Darth-Apple



Users browsing this thread: 1 Guest(s)

Contact Us | Makestation | Return to Top | Lite (Archive) Mode | RSS Syndication
Proudly powered by MyBB 1.8, © 2002-2019 MyBB Group. Hosted by Ramnode.
Design/theme © 2014 by Makestaton designers.
All rights reserved.
Also see Chatcave chat hosting (owned by us), Forumonic.com (a Harry-K community) and Zalost's Gridzone