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


Re: ...also
Posted By: Forrest of B.orgDate: 3/1/12 10:25 p.m.

In Response To: ...also (Johannes Gunnar)

: Also, here's one sketch for a website design that I've been working on
: http://dl.dropbox.com/u/79608/skyssa/index.html

I like this, and it's giving me some ideas for how to reflow the site.

At the smallest resolutions, below the width of the Marathon banner, the banner image shrinks (easy enough without even media queries using max-width property) and the header with it; the main nav buttons array themselves vertically (my navbar styles will already do this automatically); all of the sidebar sections collapse to single buttons which reveal their usual contents upon click; and news article flow in in under that, in small font size, with the footer at the bottom.

As soon as the screen is wide enough, the main nav becomes horizontal, the aside sections expand into a single sidebar, and the news flows into a single second column, like the latest draft layout looks at small screen sizes.

When the screen gets wide enough that the news column is unreadably larger, it switches back to the earlier three-column design, with What Is / Get on the left, news in the middle, and other links down the right.

When the screen gets even wider, What Is and Get split into their own columns and/or previously-hidden divs of expanded content fill them out. So when your screen is several pages wide, you get a page about Marathon on one side of it, maybe with screenshots and everything at really large sizes, detailed information about how you can get it, a page of news, and a column of external links.

At ridiculously, absurdly wide sizes, the header becomes its own leftmost column too (with a nice Mullins pic in it), the main nav becomes vertical and jumps off to the left too. And if the screen keeps getting wider past even that, then the news starts splitting into multiple columns.

That's just first night's thoughts on the matter. What do you think Joho?

[ 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.