Wiki page for country - web page markup and styling now available for review

[Sijis Aviles]

2010/7/25 Al Thomas <astavale at yahoo.co.uk>:
>
>
>
>
> ----- Original Message ----
>> From: Máirín Duffy <duffy at fedoraproject.org>
>> To: advisory-board at lists.fedoraproject.org
>> Cc: design-team at lists.fedoraproject.org; websites at lists.fedoraproject.org
>> Sent: Mon, 12 July, 2010 19:48:04
>> Subject: Re: Wiki page for country
>>
>> On Thu, 2010-07-08 at 22:00 -0500, Matt Domsch wrote:
>> > I built a very  minimal top-level fedoracommunity.org and
>> > www.fedoracommunity.org web  page now, linking to the existing
>> > sub-domains.  It's in the  fedora-web module on fedorahosted, so anyone
>> > on that team can update it,  and _please_, make it look prettier than
>> > that hackjob I've  done.
>>
>> So Sijis converted it to the 960.gs grid we've been looking at  using for
>> the upcoming new www.fpo :
>>
>> http://sijis.fedorapeople.org/mockup/fedoracommunity.org/
>>
>> I did a  mockup today too of how it might be improved:
>>
>>http://duffy.fedorapeople.org/webdesign/fedoracommunity.org/fedoracommunity.org.2.png
>>
>>
>>
>>
>>g
>
> I was very impressed by the design and so had a go and turning it into a web
> page:
>
> http://astavale.co.uk/fedoracommunity/
>
> I know the design has changed a bit since then, but the bulk of the work on the
> page is done and any amendments should hopefully be fairly quick.
>
> The page is a fluid layout using floats and margins. It is optimized for
> 1024x768, but will display fine at 800x480. The columns of links reduce from one
>
>
>
>
> to two. The columns also increase as the page size increase - try it with
> holding CTRL and pressing minus in Firefox. 930.gs seems to suffer a bit from
> divitis (lots of divs in the markup) so not sure it is the best solution. The
> code I've generated for this page is inline below for people to comment on and
> review.
>
> I've put a lot of work in to the page to make it degrade gracefully, the only
> section that needs probably a bit more work is the in page navigation bar. It
> doesn't cope with two lines very well. Otherwise it works very well and the
> markup is clean. This will help with maintenance. A new link can be added just
> by copying a list item and amending the text. The items flow from right to left
> and down. Creating a down then on to another column on the right flow is more
> complex and less flexible. So it is a compromise.
>
> The first China link is the same as the Bangladesh link, this was in the mockup
> too. Can someone please correct this.
>
> The styling and markup are attached inline below for people to make comments:
>

Al,

Wow! Great work.

I am aware that 960.gs does have some shortcomings (multiple divs,
fixed, odd code, etc). However, I believe the benefits outweigh the
shortcomings of it. These are the reasons we are strongly focusing on
using 960:
* its a framework we can standardize across all fp.o domains
* an excellent way to build sites quickly
* a way communicate specs between designer and web developer
* its proven

We have tried using the 960 fluid [1] version but that has proved
difficult to keep things inline as we'd hope.

I would appreciate if you could help us, using 960, to merge your
example with what we have. Let me know if this is something that
interests you. I can grant you access to make that possible.

Sijis

[1] - http://www.designinfluences.com/fluid960gs/