Re: [Chicken-users] Wiki design

[Yaroslav Tsarko]

Arthur and all,

The screenshots you`ve provided all look well to me. The only thing I`d like to mention is the width of central part of the page - why is it so short? For 1920 display resolution it is about 1050 pixels width (about 55%) of the screen. Why don`t use more space? Let`s make it occupy, say 75% of screen width to allow more content to fit there. In the attachent you will find screenshot of Pastiche service we are using in our company - mostly for pasting logs - and due to its narrow look there is very huge horizontal scroll on it. In the attachments you will find original look of pastiche page with a very long log opened in it (pastiche-1.png) and modified version of the chicken.css where central part is made 1440px (75% of screen width) - looks much more attractive (to me, at least :) ).

On 28.08.2014 06:45, Arthur Maciel wrote:

Dear Yaroslav and all,

I and Thomas Hintz have been working on the wiki design to correct bugs and enhance some points, specially wiki readability.

There are some points to be evaluated and commented:

- new-width-bug-[a,b,c]: the three pictures represent a step-by-step process of shrinking the browser window. This is the best we could do with the wiki specific links (show edit history) in order to avoid overlapping with the search bar and other strange wrapping. It still seems ugly to me, but at least it is a reasonable expected behavior.
https://dl.dropboxusercontent.com/u/621606/screenshots/new-width-bug-a.png
https://dl.dropboxusercontent.com/u/621606/screenshots/new-width-bug-b.png
https://dl.dropboxusercontent.com/u/621606/screenshots/new-width-bug-c.png

- readability: larger font-size and line-height and with more decorated [procedure] tags according to CHICKEN's logo basic colors. Also note that the monospace font in the main text is in bold to allow emphasis on keywords.

Currently: https://dl.dropboxusercontent.com/u/621606/screenshots/readabilty.png

Proposal: https://dl.dropboxusercontent.com/u/621606/screenshots/readabilty-2.png

- shadow-width-size: basically the shadow removal (as many people on #chicken found it outdated) with natural width increase, a small increase in font-size + line-height and the effort to make submit button and input texts of the search bar the same size (their size was reduced a bit to keep the focus on the page main content).

Currently: https://dl.dropboxusercontent.com/u/621606/screenshots/shadow-width-size.png

Proposal: https://dl.dropboxusercontent.com/u/621606/screenshots/shadow-width-size-2.png

What do you think? Any opposition to these changes? All comments are welcomed.

Thomas is testing this new proposal on many platforms/browsers as possible and is trying to fix some other bugs. I really appreciate your work, Thomas!

All the best,

Arthur

From: Yaroslav Tsarko <address@hidden>

> To: address@hidden
> Date: Tue, 19 Aug 2014 16:00:08 +0400

> Subject: Re: [Chicken-users] Wiki design

Greetings everyone!

I do not know who is responsible for this, so I will post to this mailing list. As of now, layout of http://wiki.call-cc.org is broken (please see attached screenshot). Please, fix it ASAP because that looks creepy :)
My system:

Linux yt 3.13.0-34-generic #60-Ubuntu SMP Wed Aug 13 15:45:27 UTC 2014 x86_64 x86_64 x86_64 GNU/Linux
Firefox 31.0 from official Ubuntu repositories.

 

Dear Yaroslav Tsarko, thanks for reporting the problem!

I and iterrogo (from #chicken) will propose another css file to address this and other silent issues.

BTW, bug reports and suggestions on the wiki design are really welcomed from everybody!

Best wishes,
Arthur

-- 
Thanks,
Yaroslav

pastiche-1.jpg
Description: JPEG image

pastiche-2.jpg
Description: JPEG image