Documentation formatting changes?

Discussion about the AutoHotkey Foundation and this website
User avatar
CrashNBurn
Posts: 8
Joined: 16 Jul 2014, 16:03

Re: Documentation formatting changes?

16 Jul 2014, 16:14

I think if the "CONTENT / INDEX" was moved to the right-hand side, it would make the documentation layout changes easier to consume. As is, we read left-to-right; there is no clear separation between the documentation body and the index.

So either:
1) Change the background color of the CONTENT/INDEX (darker) AND/OR
2) a vertical line separating the documentation and the Index. AND/OR
3) Move the INDEX to the right.

The only other comment, green for titles/h-tags seems odd, green has traditionally been the "comment" colour, for most editor's language syntax highlights and likewise for AHK script [

Code: Select all

] tags online.


Addenum OT: 
Man was I ever confused when I went to autohotkey.com after being notified of an AHK update on BetaNews, and to see v1 as the download on the homepage with no reference to AHK_L/1.1 etc. Crazy shit.
lexikos
Posts: 9557
Joined: 30 Sep 2013, 04:07
Contact:

Re: Documentation formatting changes?

16 Jul 2014, 21:31

There already is a vertical line separating the documentation and the index.

I'm all for #1 or #3 if someone else wants to submit a pull request.
vasili111
Posts: 747
Joined: 21 Jan 2014, 02:04
Location: Georgia

Re: Documentation formatting changes?

17 Jul 2014, 01:24

First of all it is a good idea to give a fresh look to a documentation. Here are some of my impressions and ideas.

1. I think that the main thing that can be improved in new documentation is that for parameters better to use table instead of a vertical line like now. Using table is more ergonomic way, easy to understand and read. It can be different kind of table, not necessary to have the table that was in old documentation.


2. The titles should also have some background:

Now:
Image

Bettere to have something like:
Image

OR

Image



3. Code samples now have only background like here:
Image

I think it is better also to make a border, like in tidbit documentation (I had to cut image, the example below should have green border also in right side):
Image



4. Inline code also need to be more prominent:

Now is:
Image


Better to have something like in tidbit documentation:
Image



5. For separate actual text from buttons, tidbit also uses a image like buttons:

Image

I think that it is good way to indicate buttons. But I think they should be more prominent that in tidbit tutorial.



6. I think that borders that separate one section of text from another should be more prominent and darker maybe also thicker. It should better visually separate one section of text from another. I mean that borders:
Image



7. I think that links also should be slightly darker for easy visual separation from actual text.
DRAKON-AutoHotkey: Visual programming for AutoHotkey.
lexikos
Posts: 9557
Joined: 30 Sep 2013, 04:07
Contact:

Re: Documentation formatting changes?

17 Jul 2014, 01:54

vasili111, I disagree with #1 - 4. You seem to be describing (and in at least one case showing a screenshot of) the old documentation.

3. Contrary to what you say, your example image shows that they do not have only a background. There is a bottom border. :P

5. I don't particularly disagree, but it looks like a lot of work (finding and marking key names or hotkeys) for little reason.

7. The 'actual text' is black, so making the links darker would give them less 'visual separation from actual text'. However, it might make them easier to read.
User avatar
joedf
Posts: 8940
Joined: 29 Sep 2013, 17:08
Location: Canada
Contact:

Re: Documentation formatting changes?

17 Jul 2014, 02:08

+1 #5 but I think I could Make the keys look better than in the image, I might submit a pull request... We'll see...
Image Image Image Image Image
Windows 10 x64 Professional, Intel i5-8500, NVIDIA GTX 1060 6GB, 2x16GB Kingston FURY Beast - DDR4 3200 MHz | [About Me] | [About the AHK Foundation] | [Courses on AutoHotkey]
[ASPDM - StdLib Distribution] | [Qonsole - Quake-like console emulator] | [LibCon - Autohotkey Console Library]
vasili111
Posts: 747
Joined: 21 Jan 2014, 02:04
Location: Georgia

Re: Documentation formatting changes?

17 Jul 2014, 02:24

lexikos wrote:You seem to be describing (and in at least one case showing a screenshot of) the old documentation.
The documentation is from here: http://ahkscript.org/docs/AutoHotkey.htm

lexikos wrote:3. Contrary to what you say, your example image shows that they do not have only a background. There is a bottom border. :P
Bad screenshot. They have background but not complete border.
DRAKON-AutoHotkey: Visual programming for AutoHotkey.
vasili111
Posts: 747
Joined: 21 Jan 2014, 02:04
Location: Georgia

Re: Documentation formatting changes?

17 Jul 2014, 02:25

joedf wrote:+1 #5 but I think I could Make the keys look better than in the image, I might submit a pull request... We'll see...
Agree. The keys can look much better.
DRAKON-AutoHotkey: Visual programming for AutoHotkey.
User avatar
CrashNBurn
Posts: 8
Joined: 16 Jul 2014, 16:03

Re: Documentation formatting changes?

17 Jul 2014, 03:36

joedf wrote:+1 #5 but I think I could Make the keys look better than in the image, I might submit a pull request... We'll see...
5 is just crappy single-tone css borders. You could improve on that by simply making the color use rgba(99,99,99,0.5) or the like. (for the quickest one). Others would probably require another html layer (or 2) around the section.
lexikos
Posts: 9557
Joined: 30 Sep 2013, 04:07
Contact:

Re: Documentation formatting changes?

17 Jul 2014, 04:42

vasili111 wrote:
lexikos wrote:You seem to be describing (and in at least one case showing a screenshot of) the old documentation.
The documentation is from here: http://ahkscript.org/docs/AutoHotkey.htm
You misunderstand me. Oh well.
vasili111
Posts: 747
Joined: 21 Jan 2014, 02:04
Location: Georgia

Re: Documentation formatting changes?

17 Jul 2014, 05:16

lexikos wrote:
vasili111 wrote:
lexikos wrote:You seem to be describing (and in at least one case showing a screenshot of) the old documentation.
The documentation is from here: http://ahkscript.org/docs/AutoHotkey.htm
You misunderstand me. Oh well.
I understand you now. You mean that I am describing in my proposal old style of documentation. There are thing that I think is better in old version of documentation. I think that old style is more ergonomic, easy to read, less pressure on eyes. But I think it need some improvements. I also cant say that I completely disagree with the improvement of the documentation. There are many things that I like more in new documentation. My post was about what can be done better in my opinion for improving documentation.
DRAKON-AutoHotkey: Visual programming for AutoHotkey.
guest3456
Posts: 3454
Joined: 09 Oct 2013, 10:31

Re: Documentation formatting changes?

17 Jul 2014, 08:53

#5 could just use inline code as well, i think thats pretty much standard for describing keypresses

alternatively you could look into the <kbd> tag that StackOverflow/GitHub uses in its markdwon

User avatar
joedf
Posts: 8940
Joined: 29 Sep 2013, 17:08
Location: Canada
Contact:

Re: Documentation formatting changes?

17 Jul 2014, 10:21

The kbd from stackoverflow is exactly what I was thinking of.
Image Image Image Image Image
Windows 10 x64 Professional, Intel i5-8500, NVIDIA GTX 1060 6GB, 2x16GB Kingston FURY Beast - DDR4 3200 MHz | [About Me] | [About the AHK Foundation] | [Courses on AutoHotkey]
[ASPDM - StdLib Distribution] | [Qonsole - Quake-like console emulator] | [LibCon - Autohotkey Console Library]
User avatar
joedf
Posts: 8940
Joined: 29 Sep 2013, 17:08
Location: Canada
Contact:

Re: Documentation formatting changes?

17 Jul 2014, 12:29

The css for kbd

Code: Select all

kbd {
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px #fff inset;
    color: #333;
    display: inline-block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    line-height: 1.4;
    margin: 0 0.1em;
    padding: 0.1em 0.6em;
    text-shadow: 0 1px 0 #fff;
    white-space: nowrap;
}
Image Image Image Image Image
Windows 10 x64 Professional, Intel i5-8500, NVIDIA GTX 1060 6GB, 2x16GB Kingston FURY Beast - DDR4 3200 MHz | [About Me] | [About the AHK Foundation] | [Courses on AutoHotkey]
[ASPDM - StdLib Distribution] | [Qonsole - Quake-like console emulator] | [LibCon - Autohotkey Console Library]

Return to “About This Community”

Who is online

Users browsing this forum: No registered users and 91 guests