In his post, he states that he realized that most presentation libraries don’t offer a mode where the presenter can see his notes on one screen and the presentation can be on the other, and the ones that do provide that capability don’t get it quite right. He realized, though, that the console window can be detached from the browser window and moved to another screen, so it can display the notes for the current slide to the presenter.
So it’s simple. Just throw an element into each slide with the class of “notes” and we’re golden. Now we’re done with the HTML, but there’s a tiny bit of CSS involved too. It’s small but important: make sure that you set
console.clear() to clear the console so the only thing showing in the console are the current slide’s notes. Take a peek at the code. Note that we’re using jQuery to simplify a few things.
Simple enough, right? If you’re feeling really ambitious, and if you think it’d help you, you can grab the title (assuming you have a standard class or element that you put the slide titles into) of the next slide and throw that in to the console too. You just add this line of code into the function above:
That’s all there is to it, but it can make your job as a presenter much simpler. If any of you use any of these presentation libraries, I’m sure this tidbit will come in handy. I can almost guarantee that any of those libraries worth their salt will include an event or something you can hook into to create this behavior and give you some notes to work from . God bless and happy coding.