HTML Slides with notes

#1

Post by Curiositry » Fri, Nov 07, 2025, 1:57 AM UTC

HTML Slides with notes
nbd.neocities.org

Re: HTML Slides with notes

#2

Post by asplake » Fri, Nov 07, 2025, 4:53 AM UTC

Could add clicker support (which I have done previously). Note however that clickers vary between Up/Down and PgUp/PgDown. Enabling the former was potentially annoying if you like to use the arrow keys to scroll, so I made that configurable. Alternatively you configure mappings per device outside the browser.

Re: HTML Slides with notes

#3

Post by small_scombrus » Fri, Nov 07, 2025, 5:50 AM UTC

This is really cute!

I have a special spot in my heart for tools that do a good job of explaining themselves using their own outputs.

I wonder how hard it would be to add the cute old PowerPoint style transitions using CSS

Re: HTML Slides with notes

#4

Post by hecanjog » Fri, Nov 07, 2025, 5:58 AM UTC

I love it, but it was very disorienting to use `j` to move forward and `k` to move backward.

Re: HTML Slides with notes

#5

Post by nhinck2 » Fri, Nov 07, 2025, 6:34 AM UTC

small_scombrus wrote: post #3

This is really cute! I have a special spot in my heart for tools that do a good job of explaining themselves using their own outputs. I wonder how hard it would be to add the cute old PowerPoint style transitions using CSS

Not too hard depending on the level of jankiness you're willing to endure.

Screen capture API > full screen canvas element > css animated clip mask and opacity

Re: HTML Slides with notes

#6

Post by chrismorgan » Fri, Nov 07, 2025, 6:34 AM UTC

  (i = slide.nextElementSibling)?.className == "slidenote" ? i : slide
  ]),

An alternative approach:

  slide.querySelector(":scope+.slidenote") ?? slide

(|| would work just as well as ??, but ?? feels more appropriate.)

Re: HTML Slides with notes

#7

Post by moravak1984 » Fri, Nov 07, 2025, 7:20 AM UTC

hecanjog wrote: post #4

I love it, but it was very disorienting to use `j` to move forward and `k` to move backward.

lol yeah... "tell me you are lefty without telling me you are lefty"

Re: HTML Slides with notes

#8

Post by jgtrosh » Fri, Nov 07, 2025, 8:05 AM UTC

moravak1984 wrote: post #7

hecanjog wrote: post #4

I love it, but it was very disorienting to use `j` to move forward and `k` to move backward.

lol yeah... "tell me you are lefty without telling me you are lefty"

A vimmer*

Re: HTML Slides with notes

#9

Post by tbossanova » Fri, Nov 07, 2025, 8:11 AM UTC

hecanjog wrote: post #4

I love it, but it was very disorienting to use `j` to move forward and `k` to move backward.

jk

Re: HTML Slides with notes

#10

Post by jakegmaths » Fri, Nov 07, 2025, 8:46 AM UTC

asplake wrote: post #2

Could add clicker support (which I have done previously). Note however that clickers vary between Up/Down and PgUp/PgDown. Enabling the former was potentially annoying if you like to use the arrow keys to scroll, so I made that configurable. Alternatively you configure mappings per device outside the browser.

I find it infuriating when clickers say they send page up/down but actually send regular up/down key events.