Live data from Hacker News

Reveal.js: HTML presentation framework

revealjs.com

81–90 of 109 posts

Re: Reveal.js: HTML presentation framework

#81
A good use case for Reveal.js is if you have several presentations that share slides:

http://bigsense.github.io/presentations/index.html

I wrote a simple builder script that would pull groupings of slides together into different presentations, as well as watcher scripts to rebuild automatically when I saved:

https://github.com/BigSense/presentations

Re: Reveal.js: HTML presentation framework

#82
post #62

Hey! I’m the creator of reveal.js. Thanks for sharing. Happy to answer questions if you have any. reveal.js was first released in 2011. A few years later I also launched a visual editing environment for reveal.js called Slides (slides.com). It has some pretty unique features targeted at developers, like a built-in CSS editor, access to the HTML source, and stepped line-by-line code highlighting. http://slides.com/new…

Thank you so much for your work! I work at microsoft, so everyone around me uses PowerPoint. I give all my presentations with revealjs, which I take directly from my Zettlr notes with minimal conversion. My colleagues were impressed this week that I could throw together a presentation with nice slides in less than an hour of work, with such a readable markdown "version" of the contents.

Thank you for the gift of productivity!

Re: Reveal.js: HTML presentation framework

#83
It's nice and somehow "just works" (although I used it only in a relatively basic way). I used it years ago at my university when doing a presentation on a small JS project I did. It being basically just a web page, I could run my code directly in the slides which is a lot nicer than Powerpoint. And it made a good impression!

Re: Reveal.js: HTML presentation framework

#84
post #62

Hey! I’m the creator of reveal.js. Thanks for sharing. Happy to answer questions if you have any. reveal.js was first released in 2011. A few years later I also launched a visual editing environment for reveal.js called Slides (slides.com). It has some pretty unique features targeted at developers, like a built-in CSS editor, access to the HTML source, and stepped line-by-line code highlighting. http://slides.com/new…

I'd just like to thank you for your work! I've used reveal.js on numerous school presentations and it continues to impress the audience every time.

It is very versatile and I've also modded it to be used to create live effects during concerts.

Re: Reveal.js: HTML presentation framework

#85
post #62

Hey! I’m the creator of reveal.js. Thanks for sharing. Happy to answer questions if you have any. reveal.js was first released in 2011. A few years later I also launched a visual editing environment for reveal.js called Slides (slides.com). It has some pretty unique features targeted at developers, like a built-in CSS editor, access to the HTML source, and stepped line-by-line code highlighting. http://slides.com/new…

Thanks! I'm using RISE, a reveal.js implementation within Jupyter notebooks and it's so cool. Wish there was more support for the jupyter lab extension, making work presentation in this way is easy and very effective :)

Re: Reveal.js: HTML presentation framework

#87
post #50
post #8

It's solid for creating basic slides quickly, and it supports exporting to PDF by having your printer print the PDF from a browser (it came out perfect). Here's a 100+ slide PDF of a talk I did the other month with Reveal using an out of the box theme: https://github.com/nickjj/nyhackr-cli-dev-env/blob/master/ny... The PDF doesn't show it but I had a lot of animated gifs (almost every terminal screenshot is animated)…

How do you capture terminal to gifs?

I went with a manual approach. It was more than capturing text input in a shell. I was showing things like Vim and tmux workflows, so it involved recording my entire terminal at the application level.

What I ended up doing was taking individual screenshots of each frame I wanted in the animation. Most of them were only ~5 frames long.

Then if needed, I enhanced each screenshot by adding text labels. Like when I demo'd Vim splits I wanted to put a "1", "2", etc. on each split to make it easier to see what's going on.

Then I took all of those individual screenshots and fed them into https://ezgif.com/maker which is an online tool that converts screenshots into an animated gif where I was able to configure how long each frame should stay visible before transitioning to the next one.

It sounds like a lot of work but it wasn't too bad considering I needed to sometimes add graphics to each frame and control the length of each frame. Once you get the work flow down it was pretty fast.

Re: Reveal.js: HTML presentation framework

#88
post #31

I tend to think that page-based presentation is becoming a thing of the past. I usually write a big sprawling one-page HTML, magnify it, and do a presentation by gradually scrolling them. The advantages are obvious: - No need to tweak the content to fit the page boundary. - Highly accessible (adjustable to any screen). - No JS. - All figures are in SVGs. - Can also support printing (just insert CSS page break). - (ed…

Collaboration in real time with the fellow associates seem to be unavailable right ? That for me is then a no go

You can, with onenote

Re: Reveal.js: HTML presentation framework

#89
post #51

Something cool I’ve done with reveal.js slides: it’s just a web page, so why not embed an iframe? Instead of putting a slide that says “Now for a live demo!” and switching over to an editor, why not just embed an interactive editor? For example, here’s a slide from a presentation where I was showing off some fun features we had built into Sorbet’s[1] LSP editor support: https://sorbet.run/talks/RubyConf2019/#/18 The…

Thank you for sharing!! I'm totally going to be using this all the time now!

Re: Reveal.js: HTML presentation framework

#90
I heavily use/rely on Reveal.js.

Lately I switched over to use RevealJS via asciidoctor [1] and I was really pleasantly suprised how far you can get (see example presentation [2]) and completly sticking to the Asciidoctor-way (source [3])

[1] https://github.com/asciidoctor/asciidoctor-reveal.js

[2] https://bentolor.github.io/java9to13/

[3] https://github.com/bentolor/java9to13/tree/master/docs

Post reply on HN