1. EffectiveDiscussions Forum
  2. Sandbox

Tutorial — 2D layout

By user_145 (KajMagnus)3 years ago, edited a month ago by various people.

Do this:

  1. Scroll: click and hold left mouse button on the white background, and drag the mouse leftwards, upwards, with the mouse button held down.

Please note: The two dimensional layout can be disabled; there's a per website setting. To disable it on this page only, click here, to enable it again, click here.

  1. Scroll down to the Example Discussion below. Note how much text you don't need to read: pointless comments are collapsed — they don't waste your time.

  2. Think about whether interesting comments appears at the top / to the upper left, and boring comments appear far away downwards / to the right. — The intention is that you find the most interesting comments first, when you start reading.
    (Imagine the example discussion below, but moved to a "normal" forum: one single flat column, replies sorted by time — it would be unreadable. All you found wold be "Test", "Testing", "Test test" comments. But with Debiki, you find what you're looking for.)

  3. Test to leave a reply: click Reply. And click Like to like some comments :-)

Example Discussion

Topic: Which animal species is the kindest species in the world?

What's your opinion?

  • 252 replies
  1. Anonymous?3 years ago. 5 people like this comment.

    Dolphins.

    They have no arms and can do no evil. And they are intelligent, and always smile :-)

    Well, that wasn't entirely true. — They are bullying each other sometimes. And although they many times have saved humans from drowning, or from sharks, they have also actually killed humans — some poor fellow that surprised them by jumping from the boat down in the middle of them.

    1. blah?2 years ago. 3 people likes this comment, 1 thinks it is wrong.

      I like dolphins

      1. Anonymous?2 years ago.

        I like dolphins too

        1. Anonymous?2 years ago.

          they swym

          1. Anonymous?2 years ago.

            fast

            1. In reply toAnonymous:
              Click to show more comments
            2. In reply toAnonymous:
              Anonymous?2 years ago.

              they jump

              1. da?2 years ago.

                impresionante!

              2. In reply toAnonymous:
                Click to show more comments
                1. Click to show more replies
              3. In reply toblah:
                Click to show more comments
                1. In reply toblah:
                  Zombie Boy?6 months ago.

                  I like turtles!

                2. Click to show more replies
              4. In reply toAnonymous:
                Click to show more comments
                1. In reply toAnonymous:
                  Click to show more comments
                  1. In reply toAnonymous:
                    Click to show more comments
                    1. In reply toAnonymous:
                      Anonymous?6 months ago.

                      asdfasdfasdf

                      333

                      1. Click to show more replies
                    2. In reply touser_145:
                      Anonymous?3 years ago. 3 people like this comment.

                      The Dodo bird

                      It's extinct now though

                      1. Click to show more comments
                        1. In reply toAnonymous:
                          Click to show this comment
                          1. Anonymous?3 years ago.

                            Interesting idea.

                            1. Anonymous?3 years ago.

                              Reminds me of a mind map.

                              1. Anonymous?2 years ago.

                                Does it ever become to complex for the users to handle?

                                1. For old people: Yes I suppose it might become too complex.

                                  click to show
                            2. In reply toAnonymous:
                              Anonymous?3 years ago.

                              Very interesting.

                              1. Anonymous?2 years ago.

                                nested reply?

                                1. Anonymous?2 years ago.

                                  not interesting. reply can only nest for 3 levels.

                                  1. Replies can nest to any level. However if there's only 1 reply, then there's really no need to increase indentation — instead I'm simply pla

                                    click to show
                                    1. In reply toAnonymous:

                                      Example of nested reply with arrows.

                                2. In reply toAnonymous:
                                  Click to show more comments
                                  1. In reply toAnonymous:
                                    Click to show more comments
                                  2. In reply toAnonymous:
                                    Anonymous?2 years ago.

                                    test

                                  3. In reply touser_145:
                                    Kitty overlord?2 years ago. 3 people like this comment.

                                    Kittens

                                    Cats!

                                    Just kidding.

                                    1. user_145 (KajMagnus)2 years ago. 2 people like this comment.

                                      Cats eat birds. But what about kittens? They are cute and drink milk instead

                                      1. Click to show more comments
                                        1. In reply touser_145:
                                          Click to show more comments
                                      2. In reply touser_145:
                                        Anonymous?2 years ago. 3 people like this comment.

                                        It's very annoying to scroll to the right so far to see new comments...

                                        1. Anonymous?2 years ago.

                                          true

                                        2. In reply toAnonymous:

                                          You're drag-scrolling with the mouse? (I.e. clicking and dragging on the white background)

                                          You would have had to scroll an even longer distance, downwards, had everything been placed in a single 1D column. (Isn't that worse? I think)

                                          It's a problem, however, I agree — and now I'm thinking about [replies-to-the-OP that don't get any replies themselves]. They make the page very very wide, leaving it mostly blank.

                                          Illustration: (the two rightmost replies are problematic because they make the page too wide. I wonder how that can be fixed?? Placing them on top of each other somehow?)

                                          [the Original Post]
                                          [....             ]
                                          \
                                           `+--------+----------------+-------–...
                                            [Reply]  [Reply with no]  [Another ]
                                            |        [replies, bad ]  [one, bad]
                                            [Re. 2]
                                            [Good ]
                                            |
                                            [Re. 3]
                                            [...  ]
                                          
                                          1. Anonymous?2 years ago.

                                            You could tab the comments, eg with twitter bootstrap tabs,

                                            left tab - most interesting (or newest/oldest) center tab - less interesting right tab - least interesting

                                            Would also solve the problem of having to scroll right, especially on smaller screens.

                                            1. user_145 (KajMagnus)2 years ago. 1 person like this comment.

                                              That cold work unless there are too many replies to the root post. For example, on this page, there are 36 direct root post replies — then there would be 36 tabs?

                                              Perhaps it's possible to make it work anyway, by showing only the next 3 tabs or something like that.

                                              I'm afraid some people wouldn't realize that they were supposed to click on the tabs to find more comments.

                                              1. bigspud?3 months ago.

                                                wow, just trying the 2d setup, and wondering why a preview pane is necessary on the post

                                                1. KajMagnus (KajMagnus)3 months ago.

                                                  The preview is useful if you use Markdown syntax, and e.g. writeboldtext oritalictext, or

                                                  click to show
                                              2. In reply toAnonymous:
                                                Anonymous?2 years ago.

                                                Also, the arrows make little sense with the comments already nested. The arrow distract from the content. Most people should be familiar with nested comments anyway.

                                                1. That is true. I think the arrows are really only helpful when the replies "branch out", I mean, when there are >= 2 replies to a comment.

                                                  click to show
                                                  1. In reply toAnonymous:

                                                    I've removed most arrows now, and only kept arrows that are actually needed (which they are if there are many replies to a reply, since the layout isn't the standard nested comment layout: the last reply isn't indented).

                                            2. In reply touser_145:
                                              Anonymous?2 years ago. 4 people like this comment.

                                              Horizontal and vertical scrolling? No thank you.

                                              1. Dmitri?2 years ago. 3 people like this comment.

                                                It works pretty great with a MacBook's trackpad (via two-finger scrolling).

                                                1. Anonymous?2 years ago. 1 person thinks this comment is wrong.

                                                  I was just thinking this!

                                                  1. Click to show more comments
                                                2. In reply toAnonymous:
                                                  Anonymous?2 years ago. 1 person like this comment.

                                                  Agreed, it is annoying

                                                  1. In reply toAnonymous:
                                                    Click to show more comments
                                                    1. In reply toAnonymous:
                                                      KajMagnus (KajMagnus)9 months ago.

                                                      Okay. Now I've implemented single column layout too, if you just want to scroll down.

                                                      1. In reply toAnonymous:
                                                        Anonymous?6 months ago.

                                                        asdfasdfasdf

                                                        333

                                                      2. In reply touser_145:
                                                        user_145 (KajMagnus)3 years ago. 2 people likes this comment, 1 thinks it is wrong.

                                                        Humans?

                                                        It's the kindest and cruelest species

                                                        1. Click to show more comments
                                                          1. In reply touser_145:
                                                            Click to show more comments
                                                            1. In reply touser_145:
                                                              Anonymous?2 years ago. 1 person likes this comment, 1 thinks it is wrong.

                                                              Agreed!

                                                              1. Click to show more comments
                                                              2. In reply touser_145:
                                                                Anonymous?a year ago. 1 person likes this comment, 1 thinks it is wrong.

                                                                Are you sure it's also the kindest? Most of the time we're being kind is when we're trying to fix our own or somebody else's cruelty.

                                                                Like helping the homeless is kind. But the reason they're homeless is most likely due to other people's cruelty.

                                                                1. I think when finding the kindest species, it's individuals that counts, not the average :-) And usually the ones that help the homeless aren't the ones who were cruel against them. So if you look at individuals, then among humans you'll find the most kind hearted beings and also the most cruel beings.

                                                                2. In reply touser_145:
                                                                  Click to show more comments
                                                                  1. Click to show more replies
                                                                3. In reply touser_145:
                                                                  Anonymous?3 years ago. 2 people like this comment.

                                                                  dupa

                                                                  click to show
                                                                  1. In reply touser_145:
                                                                    Cicero?3 years ago. 1 person like this comment.

                                                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

                                                                    click to show
                                                                    1. In reply touser_145:
                                                                      Anonymous?3 years ago. 1 person likes this comment, 1 thinks it is wrong.

                                                                      Test

                                                                      1. Anonymous?3 years ago. 1 person thinks this comment is wrong.

                                                                        Not a test

                                                                        1. user_145 (KajMagnus)2 years ago. 1 person like this comment.

                                                                          That was definitively a test

                                                                          1. Anonymous?2 years ago. 1 person like this comment.

                                                                            Don't lie!

                                                                      You have been logged in, welcome Anonymous!

                                                                      Login failed: unknown error