2010/7/25 Al Thomas <astavale@xxxxxxxxxxx>: > > > > > ----- Original Message ---- >> From: Máirín Duffy <duffy@xxxxxxxxxxxxxxxxx> >> To: advisory-board@xxxxxxxxxxxxxxxxxxxxxxx >> Cc: design-team@xxxxxxxxxxxxxxxxxxxxxxx; websites@xxxxxxxxxxxxxxxxxxxxxxx >> 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/ -- websites mailing list websites@xxxxxxxxxxxxxxxxxxxxxxx https://admin.fedoraproject.org/mailman/listinfo/websites
