Support us on Patreon to keep GamingOnLinux alive. This ensures all of our main content remains free for everyone. Just good, fresh content! Alternatively, you can donate through PayPal. You can also buy games using our partner links for GOG and Humble Store.
Re-doing the design, again!
Page: 1/6»
  Go to:
Liam Dawe Apr 13, 2013
So folks I am working on a better design for GOL at the moment and here's a sneaky peak!

Main design (test website with a database snapshot) - http://www.prxa.info/
username: test.prxa
password: test

Still very much a work in progress but it's a responsive design that will scale much better to screen resolutions and devices.

All thanks to the "bootstrap" library which it uses for nearly everything!
http://twitter.github.io/bootstrap/base-css.html

TODO:
  • Give option of changing email on PM in UserCP.

  • Test for bugs.



Big thanks to Nate Wright for introducing me to bootstrap.

Crowdfunding link will of course not work as the wiki is on this domain.
fedso Apr 13, 2013
It looks modern and clean, I like it! Here a couple of points:


- the "more" buttons looks quite striking compared to the rest of the page, I'd like something less evident, like appending a "full article" or "more" link at the end of the tagline. After all a reader will probably read the tagline before going to the full article so a small "more" won't be missed.
Will be possible to reach the article also clicking on the title?


- the side column seems large to me, 1/6 of the page just for the login block looks wasted space... maybe more compact and smaller font? but this is just my taste, I like to have as much info as possible on the screen without having to scroll.


- the forms for username, password and the category chooser don't scale as the rest of the column if browser is resized (I usually set it to use half screen)


thanks for sharing!
Liam Dawe Apr 13, 2013
Adjusted it a little now i agree the sidebar was too big, only half adjusted though, also agree the more buttons are too striking (i didn't put them there, the guy who introduced me to bootstrap did that).

More work on it tonight :)

Edit > Login box is now smaller as I can use placeholder to put the field names inside the fields, looks nicer!

Removed the big "More" buttons as not needed and really big.
muntdefems Apr 13, 2013
Here's my 5 cents. I tend to resist to changes and this occasion is no exception. I like the old design best, but I have to admit the new one certainly looks more modern. However, I'm sure I'll grow accustomed to it after only a couple of days and I'll end up loving it. ^_^

What I do not like at all is the header links ("Donate", "Sales", "Wiki", etc) new location, hidden inside that drop-down button. Isn't there a way to fit them all in the new header, in plain sight?

About the Sales page, or what I can see about it, I think it's OK. I cannot give a final verdict with the current content, though. Could you upload some of the current sales to the test page so I can judge it better, please? Also, what about the flexible column widths I asked for some days ago? ;)


PS: during the weekend I only have access to a netbook, so all my opinions are based on the new design's looks on a 1024x600 resolution screen.
Liam Dawe Apr 13, 2013
Sadly the current design just isnt flexible enough which is the main reason for the switch.
It only makes header links disseapear when they cant all fit in, still working out what ones i want there so the nav bar will undergo more work including the sites name taking out for more space (logo will go above).

As for the sales page im not sure how easy it will be to have flexible column widths as doing that for many columns is quite tricky! I would rather we find a good size to do each by themselves.
Liam Dawe Apr 14, 2013
Updated some more, changed the links, articles page added, still all a WIP of course.
Alex V.Sharp Apr 14, 2013
You could've told me you'd be working on the redesign on your own instead of letting me continue figuring out how to recreate the site for both looks and functionality, liam. Would've saved me a lot of time had you just told me "No thanks, I'm thinking a different direction"

Now I feel like I just wasted my time for nothing... *scrapped* :><:
Liam Dawe Apr 14, 2013
Sorry buddy didnt think you where working on a full design. I hardly hear from you too so didn't know.
muntdefems Apr 15, 2013
I've just seen the new design for the sales page and I love it! With one different column for each of the 3 currencies I don't think there'd be any width problem. :)
fedso Apr 21, 2013
how is the new design going?
Liam Dawe Apr 21, 2013
Have taken a break from it for a few days will get back on it asap :)
Liam Dawe Apr 21, 2013
Okay did a truck load tonight, new url http://www.prxa.info/ moved the actual code over now, obviously some pages have yet to be done.

Looking for ideas and improvements.
muntdefems Apr 21, 2013
Looking nicer by the day! ^_^

A couple of observations about the main page:

1) Should the article tag go just before the intro text? May be one of those resisting-the-change things of mine, but I think it looks better the way it is now, at the end of the article title (or maybe even before it).

2) The first two article pictures, being smaller than the rest, look awkward to me. They break somehow the harmony of the page, if you know what I mean... Maybe images smaller than 350x220pix should be placed at the center of a 350x220pix box?


And about the sales page, please take a look at it because there must be something wrong with the table layout. :S:
Liam Dawe Apr 21, 2013
I kinda like the new position for it if i'm honest, since it gives titles their own space.

Yes I need to do something about pictures.

As for sales page to quote myself "obviously some pages have yet to be done" :P

I have updated the sales page a bit though now, much more work on it to be done.
muntdefems Apr 21, 2013
Much better now! :)
Liam Dawe Apr 29, 2013
I've been doing some more work on it, have a look again guys and tell me what you think of the layout of articles, comments, the different pages etc.
muntdefems Apr 30, 2013
Looks nice and I'm slowly getting used to it. I like the wider format, specially for the article comments. My complaint about picture sizes and alignment still stands, though.

About the sale page, I think a new column might be in order: apart from the Provider one, I'd like to have another one entitled Keys (or something like this) to be able to better specify the nature of the sale. E.g. a DRM-free, direct download from the developer's page which also provides a Steam key right now it only appears as being provided by Steam, and thus the sale can escape the attention of a DRM-free-loving gamer. On the other hand, there are some games sold by Gameolith or Desura that only consist on a Steam key; with the new column we could specify the Steam-only nature of the deal and still be able to display the sale origin.

What do you think?
Alex V.Sharp May 9, 2013
btw Liam, you want that mascot I created for the new website or should I archive him as well?
If so, tell me what else you'd like changed about him so I can get to it sooner rather than later.

PS. Could we please have at least a few font colours for articles available on the new site?
I've just realised that all the interviews where people were colour-coded have been desaturated... :P
Liam Dawe May 10, 2013
Yes very much so needing a standard logo now, I think the fun of the rotating logo has had it's day really.

Can you post it here as it is now Alex?

Honestly I disabled text colouring as it really bugs me, especially when you get people doing some really horrible light green colour that burns my eyes to read...
Alex V.Sharp May 11, 2013
Sure. Here, not shaded wip:
[img=164x235]http://i288.photobucket.com/albums/ll175/AlexVSharp/Mock%20Ups/GOL/Liam_zps1eb545ca.png[/img]

As for the colour, you could just give it to us editors. That, and quick strike-through options.
Also, what are you going to do about the mobile/low-res version of the site?
Liam Dawe May 11, 2013
First thought if possible make him a little bit shorter hes a bit too tall right now, also remove GOL from the laptop. Not too keen on his bright blue sunglasses something just seems off about them. The rest is very cool though!

What do you mean by what am I going to do about it?
While you're here, please consider supporting GamingOnLinux on:

Reward Tiers: Patreon. Plain Donations: PayPal.

This ensures all of our main content remains totally free for everyone! Patreon supporters can also remove all adverts and sponsors! Supporting us helps bring good, fresh content. Without your continued support, we simply could not continue!

You can find even more ways to support us on this dedicated page any time. If you already are, thank you!
Login / Register