— for the fruitful conversations Logout
Please consider upgrading to a newer version of Internet Explorer (or install Google Chrome, it's even faster).
  1. Forum
  2. Sandbox (test forum)

Demo

By KajMagnus, 2012-04-23 10:57:52Z, improved , 2014-05-01 14:07:55Z.

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.

  2. 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.

  3. 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.)

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

  5. Suggest an improvement. Click on this text (anywhere) and select Improve. Then you will be able to edit this text, and submit an improvement suggestion to the author of this page (that is, to me). You are using an old browser. If you had had a modern browser, you would have been able to click this text, edit it and submit your change as an improvement suggestion. Here you can download a newer browser. Internet Explorer version 9 and above works.

  6. Have a look at the forum.

Example Discussion

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

What's your opinion?

233 comments Logout
  1. Reply
  2. #147439 By Anonymous??, 2013-02-21 07:16:40Z. like this comment. 3 people think it is off-topic.

    Horizontal and vertical scrolling? No thank you.

    1. #194957 By Dmitri??, 2013-03-24 07:24:24Z. like this comment. 1 person thinks it is off-topic.

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

      1. #16 By Anonymous??, 2013-03-27 01:55:55Z. 1 person thinks this comment is wrong.

        I was just thinking this!

    2. #187655 By Anonymous??, 2013-03-24 09:28:36Z, improved by KajMagnus , 2013-03-26 21:50:04Z. likes this comment.

      Agreed, it is annoying

    3. Click to show this thread
  3. #253257 By Anonymous?, 2013-03-24 06:24:17Z. like this comment.

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

    1. #111 By Anonymous??, 2013-06-28 16:41:24Z.

      true

    2. #113 By KajMagnus, 2013-06-30 10:20:36Z, improved , 2013-06-30 10:28:00Z.

      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. #118 By Anonymous??, 2013-07-07 05:38:31Z.

        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. #119 By Anonymous??, 2013-07-07 05:52:12Z.

          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. #121 By KajMagnus, 2013-07-11 12:40:50Z, improved , 2013-07-11 12:42:20Z.

            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.

            (Someone else has also suggested that.)

          2. #134 By KajMagnus, 2013-10-13 05:46:42Z.

            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. #120 By KajMagnus, 2013-07-11 12:39:51Z.

          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.

  4. #196655 By Anonymous?, 2012-12-09 16:20:31Z. 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. #263905 By blah?, 2013-03-24 20:52:07Z. like this comment.

      I like dolphins

    2. Click to show this thread
    3. Click to show this thread
    4. Click to show this thread
    5. #115641 By Anonymous??, 2013-02-20 11:03:30Z. 2 peoplethink this comment is wrong. 1 person thinks it is off-topic.

      what about bears?

      1. #259539 By KajMagnus, 2013-02-23 14:09:29Z, improved , 2013-02-23 14:13:52Z. likes this comment. 1 thinks it is wrong.

        Grizzly bears and polar bears are not particularily kind, actually. As far as I've seen on TV, male bears kill (and eat?) their own children, if they happen to find them.

      2. #159 By Anonymous??, 2014-05-22 17:32:28Z.

        yyj

  5. #640364 By Kitty overlord??, 2013-02-19 14:38:35Z, improved by KajMagnus , 2013-03-06 12:19:44Z. like this comment.

    Kittens

    Cats!

    Just kidding.

    1. #3 By KajMagnus, 2013-03-03 12:02:20Z, improved , 2013-03-05 18:21:43Z. likes this comment.

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

  6. #262831 By KajMagnus, 2012-04-23 11:26:48Z, improved , 2012-04-23 11:29:32Z. like this comment. 1 thinks it is wrong.

    Humans?

    It's the kindest and cruelest species

    1. #153 By Anonymous??, 2014-02-10 06:52:21Z, improved , 2014-02-10 06:52:49Z. likes this comment. 1 thinks it is wrong. 1 person thinks it is off-topic.

      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. #168 By Kaj Magnus, 2014-06-25 18:59:33Z.

        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. #140887 By Anonymous??, 2013-03-24 10:26:26Z. likes this comment. 1 thinks it is wrong.

      Agreed!

    3. Click to show this thread
    4. Click to show this thread
    5. #21867 By Anonymous??, 2012-11-24 02:37:53Z. 1 person thinks this comment is off-topic.

      Interesting potential with this idea. Keep it up!

    6. #388660 By Anonymous??, 2013-03-24 09:30:10Z.

      Also the most dangerous game.

    7. Click to show this thread
  7. #354625 By Anonymous?, 2012-07-30 07:42:24Z, improved , 2012-07-30 07:43:32Z. like this comment. 2 people think it is off-topic.

    The Dodo bird

    It's extinct now though

    1. Click to show this thread
    2. #144 By Anonymous??, 2014-01-17 08:15:38Z.

      test

    3. Click to show this comment
      1. Click to show this thread
      2. #220986 By Anonymous??, 2012-08-08 22:08:37Z.

        Interesting idea.

        1. #925802 By Anonymous??, 2012-08-08 22:09:01Z.

          Reminds me of a mind map.

          1. #144246 By Anonymous??, 2013-02-15 08:19:41Z.

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

            1. #157897 By KajMagnus, 2013-02-24 13:20:17Z, improved , 2013-02-24 13:21:18Z.

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

              For today's children that grow up with computers: Perhaps almost "no"?

      3. #655327 By Anonymous??, 2012-08-08 22:08:44Z.

        Very interesting.

        1. #143 By Anonymous??, 2014-01-17 08:15:09Z.

          nested reply?

          1. #145 By Anonymous??, 2014-01-17 08:16:07Z.

            not interesting. reply can only nest for 3 levels.

            1. #146 By KajMagnus, 2014-01-18 06:33:55Z.

              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 placing the new reply directly below the old one.

              However, if there're 2 replies, then I show arrows and indent, since if they were placed directly below with no arrows, it wouldn't be clear which one replied to which.

            2. #147 By KajMagnus, 2014-01-18 06:34:08Z.

              Example of nested reply with arrows.

      4. Click to show this thread
  8. #86 By SDFdsfew?, 2013-05-30 09:14:06Z. likes this comment.

    Trying

    1. #105 By KajMagnus, 2013-06-14 13:05:42Z. likes this comment.

      Hi SDFdsfew, I think I've somewhat fixed the problem with too deep indentation of nested comments. Thanks for giving me a good example case to test on :-)

      If you have time, I wrote a blog post about fixing the problem with too deep indentation.

    2. #87 By SDFdsfew?, 2013-05-30 09:14:23Z.

      Trying again

      1. #88 By SDFdsfew?, 2013-05-30 09:14:44Z.

        Just trying

        1. #89 By SDFdsfew?, 2013-05-30 09:14:57Z.

          Another trying

          1. #90 By SDFdsfew?, 2013-05-30 09:15:07Z.

            Again another trying

      2. #99 By SDFdsfew?, 2013-05-30 09:20:03Z.

        Hmnn.. what?

  9. #129464 By Anonymous??, 2013-03-24 15:23:54Z. likes this comment.

    This is a test.

    1. #167 By Anonymous??, 2014-05-28 03:24:54Z. likes this comment. 1 thinks it is wrong.

      This is not a test btw!!

      1. #169 By KajMagnus, 2014-06-25 19:03:44Z.

        That's what they all say, but I know better

  10. #147738 By Anonymous??, 2013-03-24 10:55:44Z. likes this comment.

    OMG does this work?

    1. #149 By Anonymous??, 2014-02-09 23:14:26Z.

      This is a very novel approach to the problems w/ discussion threads

  11. #252875 By sali??, 2013-03-24 18:05:06Z. likes this comment. 1 person thinks it is off-topic.

    Short comments that aren't in focus are marked as read, even though I didn't pay any attention to tem.

  12. #255528 By Cicero??, 2012-07-24 15:59:45Z. likes this comment. 2 people think it is off-topic.

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

    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

    1. #198276 By Cicero??, 2012-07-24 16:00:51Z. like this comment.

      Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

      Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

    2. #849362 By Anonymous??, 2013-02-13 06:25:58Z. likes this comment.

      Lorizzle ipsizzle dolor shizzle my nizzle crocodizzle i saw beyonces tizzles and my pizzle went crizzle, shizzlin dizzle adipiscing elit. Nullizzle boofron velit, for sure volutpizzle, suscipizzle quizzle, break it down vizzle, arcu. Fo uhuh ... yih! tortizzle. Ma nizzle erizzle. Fusce at dolizzle dapibizzle break yo neck, yall bling bling boofron. Gangsta pellentesque nibh crunk turpizzle. Fo shizzle my nizzle in tortizzle. Pellentesque away away own yo'. In hizzle get down get down crunk dictumst. Donec dapibus. Curabitizzle tellizzle shizznit, pretizzle owned, mattis ac, dang vitae, nunc. We gonna chung suscipizzle. Pizzle sempizzle shut the shizzle up sed purus.

      1. #10 By Keth??, 2013-03-15 23:51:32Z.

        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

    3. #201704 By Cicero??, 2012-07-24 16:00:26Z.

      Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

      1. #21329 By Cicero??, 2012-07-24 16:00:37Z.

        Lorem ipsum dolor sit amet, consectetur adipisicing elit!

        Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua!

        1. #180491 By Cicero??, 2012-07-24 16:01:25Z.

          Lorem ipsum dolor sit amet, consectetur adipisicing elit

      2. #181412 By Cicero??, 2012-07-24 16:01:12Z.

        Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

        1. #211086 By Anonymous?, 2012-11-12 23:44:20Z.

          Häruptur förstårum jagitin intemporum särskoligumt myximalcket!

  13. #339792 By Anonymous??, 2012-11-24 02:44:45Z. likes this comment. 1 thinks it is wrong. 2 people think it is off-topic.

    Test

    1. #127509 By Anonymous??, 2012-11-24 03:40:27Z. 1 person thinks this comment is wrong.

      Not a test

      1. #2 By KajMagnus, 2013-03-01 20:44:03Z. likes this comment.

        That was definitively a test

        1. #7 By Anonymous??, 2013-03-15 03:03:14Z. likes this comment.

          Don't lie!

  14. #787929 By t??, 2013-05-10 19:02:34Z. likes this comment.

    what's "an animal" anyway?

  15. #920731 By Anonymous??, 2013-03-24 07:33:28Z, improved , 2013-03-25 13:17:44Z. likes this comment. 1 thinks it is wrong.

    It does it a little fast for the starting entries

  16. #171 By Anonymous??, 2014-07-31 00:20:15Z.

    Polarbears!

    They keep the seal population at bay.

    1. #172 By Anonymous??, 2014-07-31 00:21:36Z.

      or maybe red panda, not many left but worth preserving

  17. #110532 By Ryan??, 2013-03-24 05:29:43Z.

    Another really cool feature—my computer seems to be "reading" the comments at a different pace based on character count?

  18. #116980 By Anonymous??, 2013-03-24 14:44:52Z.

    this is fantastic

    1. #129547 By Anonymous??, 2013-03-24 14:45:21Z.

      replying to my own comment

      1. #123 By Anonymous??, 2013-08-02 17:09:46Z.

        fzzdzzd

      2. #227896 By Anonymous??, 2013-03-24 14:46:12Z.

        indenting again ... this can only work so many times given fixed column space for mobile layout lets see...

        1. #137919 By Anonymous??, 2013-03-24 14:46:20Z.

          and again

          1. #17 By Anonymous??, 2013-03-27 20:53:18Z.

            Iguess the idea is that you can split off time and time again

          2. #124343 By Anonymous??, 2013-03-24 14:46:27Z.

            and again

            1. #789205 By Anonymous??, 2013-03-24 14:46:43Z.

              and again the problem is solved neatly before posting but on posting

              1. #396392 By Anonymous??, 2013-03-24 14:47:33Z. 1 person thinks this comment is wrong.

                well there isnt much you can do about it ... and in real life such nesting is not useful... in fact, have you considered not nesting at all --> one column is one "initial comment plus all replies"?

                1. #18 By KajMagnus, 2013-03-28 14:43:13Z, improved , 2013-06-11 11:56:09Z.

                  Hmm, not much. I've thought about not increasing the indentation level, if there's only one reply, however.

                  I think one could restrict nesting depending on how wide the column is. I don't know if you've noticed that you can resize the column — if you hover this column with the mouse, a "resizable vertical line handle" appears.

                  Ooops this one is definitively too deeply nested :-(

                  Edit: Now I've mitigated the problem with too deep indentation :-) /Edit (June 2013)

  19. #159148 By Anonymous??, 2013-02-18 01:03:56Z. 3 people think this comment is off-topic.

    test from reddit.

    1. #209916 By Anonymous??, 2013-02-26 12:18:45Z. likes this comment.

      bla bla

      1. #165499 By sali??, 2013-03-24 18:06:00Z.

        That's not very funny at all.

        1. #150 By Anonymous??, 2014-02-10 01:26:01Z.

          WJPA

          1. #151 By Anonymous??, 2014-02-10 01:26:13Z, improved , 2014-09-12 01:19:42Z.

            ABBB --oldanon

            This is a different anon, here to test whether editing works.

            ^ (Superscript doesn't. I wonder which version of markdown they support.)

    2. #714037 By Anonymous??, 2013-02-18 12:26:12Z. likes this comment. 1 person thinks it is off-topic.

      Another Reddit test

    3. #5 By Anonymous??, 2013-03-11 17:34:52Z.

      this is wow.

    4. #152 By Anonymous??, 2014-02-10 01:26:22Z.

      test

    5. #155 By Anonymous??, 2014-02-10 18:31:38Z.

      I feel like a comments section shouldn't need a minimap.

      1. #156 By KajMagnus, 2014-02-14 05:47:41Z.

        I'd say that depends on the number of comments, and on the nature of the comments.

        This page is a forum topic, and the comment section is intended as the main contents of the page.

  20. #174014 By Anonymous??, 2013-03-24 04:57:56Z. 1 person thinks this comment is wrong.

    Nice.

  21. #183171 By V?, 2013-03-31 16:48:38Z.

    Everything is wonderful. But! You do not have instructions on how to connect it. This is not correct.

    Thanks. V.

    1. #139 By Anonymous??, 2013-12-13 18:16:54Z.

      hello this is not really wonderful, but nice

    2. #203159 By KajMagnus, 2013-04-02 16:02:48Z.

      Re: "instructions on how to connect it" — what are you referring to? "it"? :-)

      1. #253009 By V?, 2013-04-02 21:00:15Z.

        I mean your script cursor control. No lessons or instructions. Thanks. V.

        1. #102 By KajMagnus, 2013-06-06 13:05:03Z.

          (Sorry for the very late reply)

          Oh you mean Utterscroll, the dragscroll script? Please find instructions here: https://github.com/debiki/utterscroll

          1. #135 By Fedol?, 2013-11-03 16:39:08Z.

            I tried the Script, but i'm getting an error

            TypeError: $viewportGhost.offset(...) is null

            using - jQuery 1.7.2 - modernizr - jquery scrollable - utterscroll

            can u help plz?

            1. #137 By KajMagnus, 2013-11-06 09:28:19Z, improved , 2013-12-05 06:39:08Z.

              [Edit] Old somewhat incorrect comment, please see my more recent comment instead, with a link to an example HTML file. [/Edit]

              Hi Fedol,

              Do you wait with running Utterscroll until the document has been loaded? Otherwise document.body might be null I think, which would result in the error you're seeing.

              I created a JsFiddle here: (but it doesn't work as I would have expected)

              http://jsfiddle.net/nZa2K/

              and document.body is null, therefore $viewportGhost.offset() becomes null. I wonder why document.body is null, because JSFiddle does wait with running the Javascript code until the document has been loaded:

              //<![CDATA[ 
              $(window).load(function(){
              debiki.Utterscroll.enable();
              });//]]>  
              

              Right now I'm thinking that the problem is somehow related to the script being run in an <iframe> inside e.g. JsFiddle, and/or that you should wait with calling Utterscroll until after the document has been loaded. (If that's the problem, I should document it.)

            2. #138 By KajMagnus, 2013-12-05 06:36:30Z, improved , 2013-12-05 06:40:53Z.

              Hi again, here is a small example HTML file that shows how you can use Utterscroll. I wasn't aware about this, but currently one needs to load Utterscroll at the bottom of the HTML page (or load it lazily on the page load event).

              The example is linked from https://github.com/debiki/utterscroll too.

        2. #160 By Anonymous??, 2014-05-26 22:41:38Z.

          test

  22. #212012 By Anonymous??, 2012-11-24 09:40:44Z. 1 person thinks this comment is off-topic.

    Nifty

  23. #220253 By Ryan??, 2013-03-24 05:23:44Z.

    Super interesting work. My only note relates to a widescreen monitor—I tend to read the inner-most (2) columns versus the outer-most-left column (after scrolling a bit). Either way, great explorations and documentation.

  24. #236855 By Anonymous??, 2013-03-24 06:54:34Z. 1 person thinks this comment is wrong.

    ...

    1. #982901 By Anonymous??, 2013-03-24 06:54:41Z. likes this comment. 1 person thinks it is off-topic.

      jfgjfgj

  25. #240316 By Anonymous??, 2013-02-17 18:23:40Z. 1 person thinks this comment is off-topic.

    Gulp. Big one

  26. #243119 By Anonymous??, 2013-02-15 03:56:25Z. 1 person thinks this comment is off-topic.

    Test

  27. #384260 By Anonymous??, 2012-11-12 17:34:57Z. 2 people think this comment is off-topic.

    test

You have been logged in, welcome Anonymous!

Login failed: unknown error

Be notified via email of replies to your comments?



Submitting ...

Comments rated interesting, funny
Your post has not yet been voted on, and was therefore placed below.
Comments rated boring, stupid
(Click this box to dismiss)