WebSlides – Making HTML presentations easy

I have a bit of feedback: the scrolljacking doesn&#x27;t work at all for me in Safari on macOS with a MacBook touchpad. All it does is activate the edge-bounce animation. Chrome is a little janky too, half activating the bounce animation and then advancing to the next slide. Firefox is fine since it doesn&#x27;t do the edge-bounce.<p>The worst crime (to me anyway) is the history spam and this applies to all browsers. Hitting back changes the URL but not the slide that&#x27;s shown, curiously. If you&#x27;re going to go this route, that&#x27;s fine, just update the visible slide.<p>I would prefer if it didn&#x27;t make me jump 50 history items back to get to where I came from.

Something to be aware: this is OP&#x27;s first Github project. Let&#x27;s be nice so it isn&#x27;t the last.

<a href="https:&#x2F;&#x2F;github.com&#x2F;hakimel&#x2F;reveal.js&#x2F;" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;hakimel&#x2F;reveal.js&#x2F;</a> is my framework of choice when making slides.

Please make the website more usable. It has a really nice design but poor UX. At least I should be able to scroll to... scroll. And hiding elements until you hover over an invisible part of the screen is totally against a good UX (discoverability). This could be okay in games or in purely artistic webpages, but if you intend your visitors to use the page and read the content it is counterproductive.<p>Edit: being this a project for making slides on a website with such a poor UX gives a really bad feeling for your potential clients. Will the project itself have the same problems? Will I be trying to hurry to finish the presentation and not find a button to save as PDF because it&#x27;s invisible? etc<p>Edit: the link was changed from the website to the github.com, this comment was intended for the original URL: <a href="https:&#x2F;&#x2F;webslides.tv&#x2F;" rel="nofollow">https:&#x2F;&#x2F;webslides.tv&#x2F;</a>

I created CLI for creating simplistic presentations for my first lightning talk. It turned out pretty great so I open sourced it. It has some neat features such as live-reloading server, anonymous deployment, mirrored highlighting and cursor and speaker mode. <a href="https:&#x2F;&#x2F;reimertz.github.io&#x2F;lagom" rel="nofollow">https:&#x2F;&#x2F;reimertz.github.io&#x2F;lagom</a><p>Would be awesome to get some more contributors.. hrmf, I mean, users. :)

I generally use RemarkJS to create my slides (<a href="https:&#x2F;&#x2F;github.com&#x2F;gnab&#x2F;remark" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;gnab&#x2F;remark</a>).<p>However, what&#x27;s the difference between this tool and <a href="https:&#x2F;&#x2F;slides.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;slides.com&#x2F;</a> (and it&#x27;s MIT open sourced at <a href="https:&#x2F;&#x2F;github.com&#x2F;hakimel&#x2F;reveal.js&#x2F;" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;hakimel&#x2F;reveal.js&#x2F;</a>) ?<p>EDIT: not saying you should not create this tool...but what was the motivation? (or the differentiation factors?)

Here&#x27;s another pretty cool one using Elixir and Phoenix Channels (Websockets): <a href="https:&#x2F;&#x2F;github.com&#x2F;ernie&#x2F;venture" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;ernie&#x2F;venture</a><p>It also has markdown based slides but syncs the presentation to clients via websockets, and allows for interactive slides with things like Polls and live chats.

Yes, but why make html presentations at all? Are there any tangible benefits except for fancy animations?

Still early - I&#x27;ve put together an &quot;Awesome Slideshows&quot; page -&gt; <a href="https:&#x2F;&#x2F;github.com&#x2F;slideshow-s9&#x2F;awesome-slideshows" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;slideshow-s9&#x2F;awesome-slideshows</a> listing (awesome) html presentation &#x2F; slideshow templates, themes, tools and more.

Very nice! Feature request - make this also friendly for simple websites, (just hide the next previous and add a navigation bar) Much simpler than bootstrap for non technical people, well done!

If you want to write your talks &#x2F; presentations in plain text w&#x2F; markdown formatting I put together a ready-to-fork jekyll (github pages) theme called jekyll-talks-themes -&gt; <a href="https:&#x2F;&#x2F;github.com&#x2F;henrythemes&#x2F;jekyll-talks-theme" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;henrythemes&#x2F;jekyll-talks-theme</a> (using the s6 (html) slidekit -&gt; <a href="https:&#x2F;&#x2F;github.com&#x2F;slidekit" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;slidekit</a> ).

On a side note, does anyone know about something like that for simple docs?<p>Like if I want to migrate away for those bloated un-diffable PDFs and DOCXs to a HTML?<p>Preferably it should support importing from those 2 formats.

For for html presentations packaged for github pages (jekyll) and writing in plaint text with markdown formatting, see the slideshow-templates org -&gt; <a href="https:&#x2F;&#x2F;github.com&#x2F;slideshow-templates" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;slideshow-templates</a> Ready-to-fork (use) packs include: deck.js, impress.js (3D!), reveal.js, g5, s6, s5, and more.

This looks really useful. Is there a way to make it directly printable? It would be great if I can use it for my lectures.

That&#x27;s pretty slick, nice work.<p>I don&#x27;t make a lot of presentations, but the fact I could figure out a lot of it in minutes makes this attractive. I definitely see it as a web tool more than a marketing &#x2F; management tool. If I showed our marketing dept markup they&#x27;d have a conniption fit.

Pressing &quot;B&quot; to black the screen is a feature that I consider critical that is missing here.

I must say that I completely missed the arrow keys and the page numbers at the bottom; the font color is way too light for the background. Maybe making that a bit more prominent would go a long way.

There&#x27;s an issue where navigating to the next slide from the first slide brings you back to the first slide. I&#x27;m not sure if this is intended.

Project looks fine - but I don&#x27;t see myself switching from latex beamer any time soon.

It works great on IceCatMobile and is open source - so it has my support!