/-/S'pht-Translator-Active/-/


Re: Draft 4 - better variable columns
Posted By: Forrest of B.orgDate: 3/1/12 10:02 p.m.

In Response To: Re: Draft 4 - better variable columns (RyokoTK)

: I'm looking at a lot of column-style websites and almost all of them are
: fixed at 1024 pixels in width.

What do you mean by "column-style websites"? If it's fixed, then it's not using "column style" like I was meaning, splitting into multiple columns at larger sizes. Is it just always broken into columns within that 1024px?

: Article-based
: sites use column formats because it's easier to read and the resulting
: design is cleaner. And they don't put two columns on one page, they just
: go to another page.

Likewise this. How is it a columnar format but doesn't use multiple columns?

: You can call it laziness if you want, but
: it's something that is visually appealing for pretty much all resolutions
: and monitors. It's not so narrow that it's annoying in higher resolutions

: I just think you're missing or not addressing the argument that filling the
: entire page of a widescreen resolution is not attractive.

I find it annoying to have a window filled with nothing and still have to scroll to get at content that could have been on screen already, and more attractive when a smart, responsive site makes better use of that space. The latter gems are still rare, but huge monitors are still new, and the best solutions are still being figured out. I imagine as browser windows much wider than they are tall become more common, we will see more and more sites taking advantage of that space instead of pretending it's still 2000 and everyone's screen is 1024 pixels wide.

I am still wide open for ideas on what is the best use of that space (and brewing more at the moment now that media queries open up some more possibilities), but not using it is one of the worst options. (Wasting it with unreadably stretched elements is just as bad, but see below on that).

: And having the viewer adjust the window size is absolutely not the right
: answer.

I didn't say it was the right answer; it's one of the two lazy, don't-do-anything-about-the-problem answers. (Actually it's even lazier as it's the default behavior; fixing the width is the laziest non-default behavior). But one of those two wrong answers leaves the user dependent on the web developer to do something to fix it for him, while the other lets the user do something to work around it himself. He still shouldn't have to, but he can.

: It's like the blue and yellow on this site: they
: clash, and things stand out much more than they need to for no reason.

: Also, I'm not sure you understand color palette choices. Red and green are
: opposite colors. You shouldn't use both of them unless you're specifically
: trying to make colors clash or it's a Christmas website. They just don't
: go together at all. If it was green and blue, it wouldn't be an issue,
: because they go together.

High-contrast is a style. Like all styles it has its place. I wouldn't recommend that Facebook or Twitter or Wikipedia or YouTube or whatever adopt the kind of style I'm going for here, because those are generic, universal sites that might be used for anything, and so a subdued, neutral style is fitting for them.

You give red and green a pass for Christmas, because they are thematic of Christmas. They are also thematic of Marathon. This is a niche site for a niche topic and should reflect the theme of that topic accordingly, somehow (with room for better or worse implementations, and I am adapting some of your earlier suggestions in an improved implementation).

Marathon uses "primary colors on black" as poena.dare put it (not 100% accurately but close enough). I was originally considering having the banner in original Marathon splash screen blue, for a full color triad, but decided against it as it could clash with the Mullins images that would cycle behind it. Together with the gold hover styles on the buttons and links (to match Marathon 2 & Infinity's gold button-active styles), it's really got a red-yellow-green color triad, which is quite common and perfectly balanced (60 degrees apart from each hue).

I typically use a method very similar to the color scheme picker Joho linked, by the way; all of Eternal's texture set color choices were generated that way. (Marathon and Jjaro are green, with gold and teal supporting, and sparse magenta opposing; Pfhor is magenta, with red and blue supporting, and sparse green opposing; S'pht is orange, with red and gold supporting, and sparse azure supporting; 'Forerunner' is azure, with teal and blue supporting, and sparse orange opposing).

I use a proper RGB color wheel instead of that antiquated RYB one, though, by which red and green are no more contrasting than your alternative of green and blue. You can easily prove to yourself that red and green are not biologically perceived as opposites, by the way; open a new browser tab, inspect the body and give it a background of #F00;, stare at that giant wall of red for a minute, then without looking away open a new tab, and see the vivid cyan before your eyes, not green. Then let your eyes adjust, go back and change it to #0F0 instead, stare at the wall of green for a minute, then open a new tab and be greeted with a bright magenta, not red.

It's only an old western cultural bias that makes us think of red and green as opposites; we don't give the blue end of the spectrum nearly enough representation. Some languages have common names for, and make distinctions between, colors that most westerners would think of as three shades of blue, but which are really as distinct as red, orange, and yellow, which we can clearly distinguish between.

[ Post a Reply | Message Index | Read Prev Msg | Read Next Msg ]
Pre-2004 Posts

Replies:

marathon.bungie.orgGodot 2/18/12 3:29 a.m.
     Re: marathon.bungie.orgBob-B-Q 2/18/12 7:20 a.m.
           Re: marathon.bungie.orgMrM12LRV 2/18/12 7:30 a.m.
           Re: marathon.bungie.orgGodot 2/18/12 8:54 a.m.
     Re: marathon.bungie.orgTycho 2/18/12 10:12 a.m.
           Re: marathon.bungie.orgGodot 2/18/12 10:17 a.m.
                 Re: marathon.bungie.org *LINK*Tycho 2/18/12 10:32 a.m.
                       Re: marathon.bungie.orgJohannes Gunnar 2/20/12 12:00 a.m.
     Big ideas for marathon.bungie.orgForrest of B.org 2/22/12 8:18 p.m.
           Re: Big ideas for marathon.bungie.orgGodot 2/23/12 12:02 a.m.
           Re: Big ideas for marathon.bungie.orgJohannes Gunnar 2/23/12 4:04 a.m.
                 Re: Big ideas for marathon.bungie.orgForrest of B.org 2/23/12 6:29 p.m.
           Re: Big ideas for marathon.bungie.orgtreellama 2/23/12 4:21 a.m.
                 Big ideas for mar.b.org breakdownForrest of B.org 2/23/12 6:37 p.m.
                       Idea 1: OrganizationForrest of B.org 2/23/12 6:50 p.m.
                             Re: Idea 1: OrganizationJohannes Gunnar 2/23/12 11:00 p.m.
                                   Re: Idea 1: OrganizationForrest of B.org 2/23/12 11:22 p.m.
                                   Re: Idea 1: Organizationtreellama 2/24/12 3:53 a.m.
                             Draft 1 WireframeForrest of B.org 2/25/12 10:52 p.m.
                                   Re: Draft 1 WireframeJohannes Gunnar 2/26/12 5:46 a.m.
                                         Re: Draft 1 WireframeForrest of B.org 2/26/12 11:58 a.m.
                                               Re: Draft 1 WireframeForrest of B.org 2/26/12 5:46 p.m.
                                                     Re: Draft 1 WireframeDiogenes 2/26/12 6:39 p.m.
                                                           Re: Draft 1 WireframeForrest of B.org 2/26/12 8:04 p.m.
                                                                 Re: Draft 1 WireframeGodot 2/26/12 11:26 p.m.
                                                                       Re: Draft 1 WireframeJohannes Gunnar 2/27/12 11:05 a.m.
                                                                             Re: Draft 1 Wireframepoena.dare 2/27/12 12:02 p.m.
                                                                                   Re: Draft 1 Wireframetreellama 2/27/12 4:39 p.m.
                                                                                         Re: Draft 1 WireframeRyokoTK 2/27/12 5:58 p.m.
                                                                                         Re: Draft 1 Wireframe *LINK*W'rkncacnter 2/27/12 7:45 p.m.
                                                                                   Re: Draft 1 WireframeForrest of B.org 2/27/12 8:41 p.m.
                                                                                         Re: Draft 1 Wireframepoena.dare 2/28/12 2:27 a.m.
                                                                                               Re: Draft 1 WireframeForrest of B.org 2/28/12 11:55 p.m.
                                                                                                     Re: Draft 1 Wireframepoena.dare 2/29/12 3:35 a.m.
                                                                                                           Re: Draft 1 Wireframepoena.dare 2/29/12 8:01 a.m.
                                                                             Re: Draft 1 WireframeForrest of B.org 2/27/12 8:39 p.m.
                                                     Re: Draft 1 Wireframetreellama 2/27/12 4:24 a.m.
                                                           Re: Draft 1 WireframeForrest of B.org 2/27/12 9:42 a.m.
                                                                 Re: Draft 1 WireframeJohannes Gunnar 2/27/12 11:16 a.m.
                                                                       Re: Draft 1 Wireframebrilliant 2/29/12 11:38 p.m.
                                                     Re: Draft 1 WireframeRyokoTK 2/27/12 2:29 p.m.
                                                           Re: Draft 1 WireframeForrest of B.org 2/27/12 8:48 p.m.
                                                                 Re: Draft 1 Wireframetreellama 2/28/12 4:31 a.m.
                                                                       Re: Draft 1 WireframeJohannes Gunnar 2/28/12 6:44 a.m.
                                                                       Re: Draft 1 WireframeForrest of B.org 2/28/12 9:22 a.m.
                                                                             Re: Draft 1 Wireframetreellama 2/28/12 9:40 a.m.
                                                                                   Re: Draft 1 WireframeForrest of B.org 2/28/12 10:54 a.m.
                                                                                         Re: Draft 1 WireframeW'rkncacnter 2/28/12 11:20 a.m.
                                                                                               Re: Draft 1 WireframeDiogenes 2/28/12 12:06 p.m.
                                                                                               Re: Draft 1 Wireframepoena.dare 2/28/12 12:19 p.m.
                                                                                               Balance of issuesForrest of B.org 2/28/12 11:56 p.m.
                                                                                         Re: Draft 1 WireframeRyokoTK 2/28/12 2:13 p.m.
                                                                                               Re: Draft 1 Wireframepoena.dare 2/28/12 6:38 p.m.
                                                                                               On ProcessForrest of B.org 2/28/12 11:56 p.m.
                                                                                                     Re: On Processtreellama 2/29/12 4:22 a.m.
                                                                 Re: Draft 1 WireframeRyokoTK 2/28/12 4:50 a.m.
                                                                 Re: Draft 1 Wireframe *LINK*Diogenes 2/28/12 5:31 a.m.
                                                                 Re: Draft 1 Wireframepoena.dare 2/28/12 6:57 a.m.
                                                     Re: Draft 1 WireframeForrest of B.org 2/27/12 9:40 p.m.
                                                           Re: Draft 1 WireframeForrest of B.org 2/27/12 9:41 p.m.
                                                                 Re: Draft 1 WireframeGodot 2/28/12 1:25 a.m.
                                                                       Re: Draft 1 Wireframepoena.dare 2/28/12 2:33 a.m.
                                                                       Re: Draft 1 WireframeJohannes Gunnar 2/28/12 7:03 a.m.
                                                                             Re: Draft 1 WireframeGodot 2/28/12 9:03 a.m.
                                                                                   Re: Draft 1 WireframeTycho 2/28/12 3:53 p.m.
                                                                                         Re: Draft 1 WireframeJohannes Gunnar 2/28/12 10:44 p.m.
                                                                                         Re: Draft 1 WireframeGodot 2/28/12 11:28 p.m.
                                                                       Re: Draft 1 WireframeForrest of B.org 2/28/12 9:57 a.m.
                                                                             Re: Draft 1 WireframeJohannes Gunnar 2/28/12 1:27 p.m.
                                                                                   Re: Draft 1 WireframeForrest of B.org 2/28/12 11:55 p.m.
                                                                 Re: Draft 1 WireframeW'rkncacnter 2/28/12 9:46 a.m.
                                                                 Draft 4 - better variable columnsForrest of B.org 2/29/12 12:40 a.m.
                                                                       Re: Draft 4 - better variable columnsRyokoTK 2/29/12 4:41 a.m.
                                                                             Re: Draft 4 - better variable columnsRyokoTK 2/29/12 7:28 a.m.
                                                                                   Re: Draft 4 - better variable columnsW'rkncacnter 2/29/12 8:02 a.m.
                                                                                   Re: Draft 4 - better variable columnsForrest of B.org 2/29/12 8:57 p.m.
                                                                                         check out mediaqueries if you haven't yet.Johannes Gunnar 2/29/12 10:14 p.m.
                                                                                               Re: check out mediaqueries if you haven't yet.Forrest of B.org 2/29/12 11:45 p.m.
                                                                                                     Re: check out mediaqueries if you haven't yet.Johannes Gunnar 3/1/12 2:08 a.m.
                                                                                                           ...alsoJohannes Gunnar 3/1/12 2:15 a.m.
                                                                                                                 Re: ...alsoForrest of B.org 3/1/12 10:25 p.m.
                                                                                                                       Re: ...alsopoena.dare 3/2/12 3:39 a.m.
                                                                                         Re: Draft 4 - better variable columnsRyokoTK 3/1/12 6:03 a.m.
                                                                                               Re: Draft 4 - better variable columns *NM* *LINK*Johannes Gunnar 3/1/12 9:30 a.m.
                                                                                                     Re: Draft 4 - better variable columnsRyokoTK 3/1/12 10:44 a.m.
                                                                                               Re: Draft 4 - better variable columnsForrest of B.org 3/1/12 10:02 p.m.
                                                                                                     Re: Draft 4 - better variable columnsRyokoTK 3/2/12 5:27 a.m.
                                                                                                           Draft 5Forrest of B.org 3/3/12 11:53 p.m.
                                                                                                                 Re: Draft 5ukimalefu 3/4/12 3:01 a.m.
                                                                       Re: Draft 4 - better variable columnsDiogenes 2/29/12 5:08 a.m.
                                                                             Re: Draft 4 - better variable columnsForrest of B.org 2/29/12 11:29 a.m.
                                                                                   Re: Draft 4 - better variable columnsDiogenes 2/29/12 11:38 a.m.
                                                           Re: Draft 1 WireframeBob-B-Q 2/28/12 10:18 a.m.
                                                                 Re: Draft 1 Wireframepoena.dare 2/28/12 11:12 a.m.
                                                                       And they never paid me for it, either! *NM*Bob-B-Q 2/28/12 12:10 p.m.
                                   Re: Draft 1 Wireframetreellama 2/26/12 4:04 p.m.
                                         Re: Draft 1 WireframeForrest of B.org 2/26/12 5:49 p.m.
                                               Re: Draft 1 Wireframetreellama 2/27/12 5:30 a.m.
                                                     Re: Draft 1 WireframeForrest of B.org 2/27/12 9:13 a.m.
                       Idea 2: IntegrationForrest of B.org 2/23/12 7:12 p.m.
                             Re: Idea 2: Integrationtreellama 2/24/12 4:03 a.m.
                             Re: Idea 2: IntegrationW'rkncacnter 3/31/12 4:15 p.m.
                                   Re: Idea 2: IntegrationGodot 3/31/12 10:35 p.m.
                       Idea 3: UnificationForrest of B.org 2/23/12 7:27 p.m.
                             Re: Idea 3: UnificationW'rkncacnter 2/23/12 8:37 p.m.
                                   Re: Idea 3: UnificationForrest of B.org 2/23/12 11:37 p.m.
                                   Re: Idea 3: Unificationtreellama 2/24/12 4:13 a.m.
                                         Re: Idea 3: UnificationTycho 2/25/12 6:10 a.m.
                                               Re: Idea 3: UnificationForrest of B.org 2/25/12 11:01 a.m.
                             Re: Idea 3: Unificationtreellama 2/24/12 4:07 a.m.
                                   Re: Idea 3: UnificationForrest of B.org 2/24/12 10:29 a.m.
                                         Re: Idea 3: Unificationtreellama 2/24/12 10:43 a.m.
           traxus overhaulChristTrekker 2/23/12 6:28 a.m.
                 Re: traxus overhaulForrest of B.org 2/23/12 6:31 p.m.
           Re: Big ideas for marathon.bungie.orgBob-B-Q 2/23/12 6:37 a.m.
                 Re: Big ideas for marathon.bungie.orgmchief111 2/23/12 7:01 a.m.
                       Re: Big ideas for marathon.bungie.orgukimalefu 2/23/12 8:36 a.m.
                             Re: Big ideas for marathon.bungie.orgpoena.dare 2/23/12 8:57 a.m.
           Re: Big ideas for marathon.bungie.orgpoena.dare 2/23/12 6:41 a.m.
                 Re: Big ideas for marathon.bungie.orgChristTrekker 2/23/12 7:50 a.m.
     Re: marathon.bungie.orgtreellama 3/3/12 6:56 p.m.
           Re: marathon.bungie.orgRyokoTK 3/3/12 7:23 p.m.
           Re: marathon.bungie.orgForrest of B.org 3/3/12 8:47 p.m.
                 Re: marathon.bungie.org *LINK*W'rkncacnter 3/3/12 9:44 p.m.
                       Re: marathon.bungie.orgukimalefu 3/4/12 3:05 a.m.
                 Re: marathon.bungie.orgGodot 3/3/12 11:19 p.m.
                       Re: marathon.bungie.orgJohannes Gunnar 3/3/12 11:47 p.m.
           Re: marathon.bungie.orgGodot 3/3/12 11:18 p.m.
                 Re: marathon.bungie.orgW'rkncacnter 3/3/12 11:25 p.m.
                       Re: marathon.bungie.orgGodot 3/3/12 11:58 p.m.
                             Re: marathon.bungie.orgtreellama 3/4/12 7:54 a.m.
                                   Re: marathon.bungie.orgGodot 3/4/12 8:25 a.m.
                                         Re: marathon.bungie.orgtreellama 3/4/12 8:45 a.m.
                                         Re: marathon.bungie.orgGodot 3/4/12 8:46 a.m.
                                               Re: marathon.bungie.orgGodot 3/4/12 9:17 a.m.
                                                     Re: marathon.bungie.orgtreellama 3/4/12 9:27 a.m.
                                                           Re: marathon.bungie.orgRyokoTK 3/4/12 10:16 a.m.
                                                                 Re: marathon.bungie.orgW'rkncacnter 3/4/12 10:48 a.m.
                                                           Re: marathon.bungie.orgtreellama 3/4/12 6:20 p.m.
                 Re: marathon.bungie.orgtreellama 3/4/12 4:33 a.m.
           Re: marathon.bungie.orgForrest of B.org 3/4/12 12:26 a.m.
                 Re: marathon.bungie.orgRyokoTK 3/4/12 4:30 a.m.
                 Re: marathon.bungie.orgJohannes Gunnar 3/4/12 4:51 a.m.
                 Re: marathon.bungie.orgtreellama 3/4/12 8:31 a.m.
                       Re: marathon.bungie.orgtreellama 3/5/12 5:47 p.m.
                             Re: marathon.bungie.orgW'rkncacnter 3/5/12 5:58 p.m.
                             Re: marathon.bungie.orgForrest of B.org 3/5/12 8:28 p.m.
                                   Re: marathon.bungie.orgForrest of B.org 3/5/12 10:20 p.m.
                             Re: marathon.bungie.orgGodot 3/5/12 11:20 p.m.
                             Re: marathon.bungie.orgukimalefu 3/6/12 12:55 a.m.
                 Re: marathon.bungie.orgForrest of B.org 3/4/12 11:57 p.m.
                       Re: marathon.bungie.orgukimalefu 3/5/12 2:12 a.m.
                       Re: marathon.bungie.orgRyokoTK 3/5/12 6:09 p.m.
           Re: marathon.bungie.orgukimalefu 3/4/12 2:56 a.m.
                 Re: marathon.bungie.orgBob-B-Q 3/4/12 6:38 a.m.
           Re: marathon.bungie.orgTycho 3/4/12 7:06 a.m.
                 Re: marathon.bungie.orgRyokoTK 3/4/12 7:35 a.m.
                       Re: marathon.bungie.orgHopper 3/4/12 10:09 a.m.
                       Re: marathon.bungie.orgForrest of B.org 3/4/12 11:34 a.m.
     This might be a little redundant...Diogenes 3/5/12 12:04 p.m.
           Re: This might be a little redundant...poena.dare 3/5/12 2:35 p.m.
                 Re: This might be a little redundant...Diogenes 3/5/12 2:40 p.m.
                       Re: This might be a little redundant...poena.dare 3/5/12 5:31 p.m.
           Re: This might be a little redundant...Forrest of B.org 3/5/12 8:14 p.m.
                 Re: This might be a little redundant...Forrest of B.org 3/5/12 8:30 p.m.
                       Re: This might be a little redundant...RyokoTK 3/5/12 9:21 p.m.
                 Re: This might be a little redundant...RyokoTK 3/5/12 9:17 p.m.
                       Re: This might be a little redundant...Forrest of B.org 3/5/12 9:45 p.m.
                             Re: This might be a little redundant...Diogenes 3/6/12 5:04 a.m.
           Re: This might be a little redundant...Diogenes 3/6/12 5:17 a.m.

[ Post a Reply | Message Index | Read Prev Msg | Read Next Msg ]
Pre-2004 Posts

 

 

Your Name:
Your E-Mail Address:
Subject:
Message:

If you'd like to include a link to another page with your message,
please provide both the URL address and the title of the page:

Optional Link URL:
Optional Link Title:

If necessary, enter your password below:

Password:

 

 

Problems? Suggestions? Comments? Email maintainer@bungie.org

Marathon's Story Forum is maintained with WebBBS 5.12.