[Top][All Lists]

[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

Re: [Chicken-users] Wiki design

From: Arthur Maciel
Subject: Re: [Chicken-users] Wiki design
Date: Sat, 4 Jan 2014 15:38:39 -0200

Thomas, with the feedback of Evan Hanson I realized that in order to set the #content top border correctly I have to set the #menu position to "relative". This brings back the problem of misalignment og the search box, which in my opinion is the worst of the problems (please take a look to Evan printscreens attached).
Another try that looks good here is using CSS3 box-shadow. This way we have a more 'professional' look, menu and search box properly aligned and no border.

What do you all think about this new version? I promisse this is the last one :)

Best wishes,

2014/1/3 Arthur Maciel <address@hidden>
Dear Thomas, thank you for your feedback!

I gave up setting the #content border before because there wasn't a solution that worked on all browsers - each one misaligned the border contact between #menu and #container in its own way :)

But I agree that no border is as bad as a misaligned border, so I put it back.

About the Open Sans... I changed to Noto Sans and I don't expect it to work fine on your browser/OS/system, but using default fonts really look "old style" to me. Maybe other opinions could help us to decide.

I would appreciate another look on it if possible.

A Happy New Year to all!

2013/12/30 Thomas Hintz <address@hidden>

On Tue, Dec 17, 2013 at 11:42 PM, Arthur Maciel <address@hidden> wrote:
> Dear chickeneers,
> I messed up a bit with the wiki design and below is a link to a sketch.

Thanks Arthur! It looks great overall!

Design by committee is not always a good idea so feel free to disagree
but I have a few thoughts.

I think the top of the #content div really should have a border like
the rest of the box. It just doesn't lock your eyes in as well with it
missing. Of course that won't be that easy to do but you could move
the #menu div down a pixel with a higher z-index so it overlaps the
#content box that has a top-border so it still looks right.

I think the show/edit/history links could use a little more space
between them. They are tricky to easily hit even on a mouse
(non-touch) device.

Not a huge deal but the open-sans font is fuzzy for me. I've attached
an image of it. Unfortunately fonts are done so differently across
browsers, OSes, and even individual monitors and settings that they
are hard to get looking good on all systems. I think that the common
fonts are often set to work well with most conditions so it may be
better to just use one of them. Or maybe some of the new CSS3
attributes would help? Again, not a big deal.

Any ways, looks really nice overall. And feel free to ignore my
suggestions if you disagree.

All the best,
Thomas Hintz

Attachment: wiki-search.png
Description: PNG image

Attachment: wiki-search-2-chromium.png
Description: PNG image

Attachment: wiki-search-2-firefox.png
Description: PNG image

reply via email to

[Prev in Thread] Current Thread [Next in Thread]