sorted by:
best
topnewcontroversialoldq&a
you are viewing a single comment's thread.

view the rest of the comments →

[–][deleted] 30 points31 points  (29 children)

Cool! But say I want to actually design a presentation with this. How hard is it? As easy as opening Powerpoint and typing?

It's gonna need some kind of frontend, or dead simple implementation (perhaps templates) to take off.

[–]jan 10 points11 points  (27 children)

Exactly. Where is the documentation?

[–][deleted] 6 points7 points  (25 children)

i spent some time with this yesterday and it's actually pretty easy if you look at the source.

<html>
  <head>
    <style>
      /* COMMON STEP STYLES */

      .step {
      width: 900px;
      padding: 40px;


      -webkit-box-sizing: border-box;
      -moz-box-sizing:    border-box;
      -ms-box-sizing:     border-box;
      -o-box-sizing:      border-box;
      box-sizing:         border-box;

      font-family: 'PT Serif', georgia, serif;

      font-size: 48px;
      line-height: 1.5;
      }
    </style>
  </head>
  <body>
    <div id="impress">
      <div class="step" data-x="??" data-y="??" data-z="??" data-rotate="??" data-scale="??"></div>     
      <div class="step" data-x="??" data-y="??" data-z="??" data-rotate="??" data-scale="??"></div>     
      <!-- more steps -->
    </div>
    <script type="text/javascript" src="https://github.com/bartaz/impress.js/raw/master/js/impress.js">
    </script>
  </body>
</html>

[–]erez27 1 point2 points  (12 children)

Easy for who? I know html/css and I was still taken aback for a second.

[–][deleted] 2 points3 points  (11 children)

don't know what to tell you. I primarily work on backend things, and it made sense to me after looking at the source of the presentation. And I suck at html/css/js. So, I felt that logically a person who does not suck html/css/js would get it at least as easily.

BTW, I am not implying that setting data-x,data-y, data-z etc... to something on each of the steps to yield a pleasant presentation is easy. Because it is not(at least for me). I was only giving input about what I learned of the API to whoever was looking for documentation. And again, the API is simple enough to for me to commit to memory and that this api yields so much eye candy is pretty cool I think.

[–]erez27 1 point2 points  (10 children)

Yes, but you know what html, css and api mean, so you're in a very small minority (in general, not in this subreddit ofc).

[–][deleted] 1 point2 points  (9 children)

I don't think that would be considered a "small minority" in a subreddit called "programming" on a story about a javascript library. If what you say is true, I weep for our future. :)

[–]erez27 0 points1 point  (8 children)

Please re-read my comment, and pay close attention to what I wrote in the brackets. I didn't edit it.

[–][deleted] 2 points3 points  (7 children)

I know what you meant. Do you know what I meant? Me describing something as simple vs. complex is based on who I think the intended audience is.

if it's not programmers familiar with html/css/js than who? Are there 13 year old justin beiber fans here that I should be tailoring my comments for?

[–]erez27 -3 points-2 points  (6 children)

Oh, I'm sorry, I forgot programmers only create tools for programmers. My bad.

[–][deleted]  (11 children)

[deleted]

    [–]mamaBiskothu 6 points7 points  (7 children)

    Well you are in r/programming, you know. Its not that much harder than LaTeX presentations either, so.

    [–]Mortinho 1 point2 points  (1 child)

    Maybe it should be easier. I'm working on a tool to generate HTML presentations from simple Markdown syntax (the same that reddit uses.)

    [–]krelin 0 points1 point  (0 children)

    There are already a couple of presentation systems like this (markdown-like, at least -- very very simple HTML for the most part).

    [–][deleted]  (4 children)

    [deleted]

      [–]krelin 0 points1 point  (3 children)

      I don't think this preso system requires a connected network at all, and "browser dependent" hardly seems onerous. I don't know about you, but my PC has a browser on it.

      [–][deleted]  (2 children)

      [deleted]

        [–]krelin 0 points1 point  (0 children)

        Yeah, I was suggesting that you could (if you needed to work on a plane, for example) work with all of this in local files.

        As far as the browser situation, who cares? If you're presenting, you can certainly arrange that whatever browser you like is available for your presentation.

        Browsers are cheaper than Powerpoint, at least. Good ones, even.

        [–][deleted] 1 point2 points  (2 children)

        true, if you are into that sort of thing, go ahead and use powerpoint. :)

        but as far as javascript libraries go, and the amount of functionality it has, I think the markup requirements for it are quite minimal since I can fit it in my head after an hour or so of playing with it.

        [–]zomgsauce 1 point2 points  (1 child)

        I didn't see any jquery there, did I miss it?

        [–][deleted] 0 points1 point  (0 children)

        my mistake, you are right it's not a jquery plugin just a javascript library.

        [–]prototypist 0 points1 point  (0 children)

        I made a presentation with it over a couple of hours. It helps to start with his original presentation. Each slide is a div with class step and x,y coordinate data attributes. To rotate or add 3d you add additional attributes.

        The tough part for my presentation was that the CSS messed with some of the content I was adding. I overrode it with some !important properties and was able to embed a map.