[Author Prev][Author Next][Thread Prev][Thread Next][Author Index][Thread Index]

Re: [pygame] preview of new pygame website... HiFi part



Hi,

I've tweaked the columns some, however not wider.

Why this column width you ask?

The columns are spaced to take nice advantage of phone widths (320px).  So the same design of column content can be reused for various sized viewports.  As anyone who has done any big 'responsive' website projects knows this saves a lot of work. No need to do 3-5 extra designs for each module, and none of the 3-5 css for all the different viewports (unless you want to put in the extra work!).  Design everything for the 300px column (with 20px gutters), and it should scale to all the view ports.

Anyone tried it on a 4000 or 8000 pixel wide screen?  The website looks pretty good at that resolution.  This is useful in a conference situation, where you can have a bunch of screens or projectors stitched together then you can fit much of the website in a really wide view.

That's the reasoning behind it anyway.


cu.

ps. The HiFi view currently NOT responsive to network speed.  It only makes sense on fast networks (wired, WiFi or quality 3g/4g networks).  But this is what the LoFi design is for.  Luckily the LoFi version can reuse the html generation code the HiFi uses.  Since the html generation code is all done via jQuery plugins on the server, and not via some template language, on demand loading could also be implemented - but I think a LoFi basic html view will be better for that use case.





On Tue, Apr 8, 2014 at 1:22 AM, Carlos Zuniga <carlos.zun@xxxxxxxxx> wrote:
On Mon, Apr 7, 2014 at 5:53 AM, Sam Bull <sam.hacking@xxxxxxxx> wrote:
> On lun, 2014-04-07 at 18:07 +1200, Greg Ewing wrote:
>> Al Sweigart wrote:
>> > Oh, also, we should keep the Pygame logo. It's familiar branding, and it
>> > doesn't look bad at all.
>
> Actually, I think that's another bug. If you zoom in (Ctrl +
> scrollwheel), at some point the logo appears. So, that's something that
> needs to be fixed, so it displays at all times. Perhaps using a vector
> graphic for the logo, so it scales nicely?

It doesn't appear for me even trying all kinds of zooming.
I am using Chromium Version 33.0.1750.152 Debian jessie/sid

If I change this `<div id="the-logo"></div>` for this `<img
id="the-logo" src="" />` in the dev console then it
works :)

I like the content of the columns, but not a fan of the horizontal
scrolling. If you plan to keep this design though, I'd like it if the
columns were a bit wider.
My screen fits 4.5 columns. I think 3 columns + a bit more white space
between them would look better.

I also think it should tell you what Pygame is, maybe add a short
description under the logo, something along the lines of: "PyGame
allows you to make games with Python."

Also, to add playfulness, maybe use the Comic Neue font for headers?
http://comicneue.com/

--
Carlos