TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

WebSlides – Making HTML presentations easy

188 pointsby RealGeekover 8 years ago

20 comments

jagger27over 8 years ago
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.
评论 #13413566 未加载
评论 #13413446 未加载
armandososaover 8 years ago
Something to be aware: this is OP&#x27;s first Github project. Let&#x27;s be nice so it isn&#x27;t the last.
评论 #13414544 未加载
jvehentover 8 years ago
<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.
评论 #13412866 未加载
评论 #13415953 未加载
评论 #13412916 未加载
评论 #13413595 未加载
评论 #13412725 未加载
franciscopover 8 years ago
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>
评论 #13413295 未加载
评论 #13413179 未加载
评论 #13413410 未加载
评论 #13413469 未加载
reimertzover 8 years ago
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. :)
评论 #13413050 未加载
评论 #13413341 未加载
ohstopituover 8 years ago
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?)
评论 #13413130 未加载
pythonaut_16over 8 years ago
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.
评论 #13413012 未加载
dagenlegover 8 years ago
Yes, but why make html presentations at all? Are there any tangible benefits except for fancy animations?
评论 #13413331 未加载
评论 #13413347 未加载
评论 #13415088 未加载
评论 #13413124 未加载
评论 #13413366 未加载
评论 #13413158 未加载
评论 #13413198 未加载
评论 #13414407 未加载
geraldbauerover 8 years ago
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.
评论 #13417225 未加载
eranationover 8 years ago
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!
geraldbauerover 8 years ago
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> ).
gear54rusover 8 years ago
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.
评论 #13416128 未加载
geraldbauerover 8 years ago
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.
xjiaover 8 years ago
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.
redleggedfrogover 8 years ago
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.
exploriginover 8 years ago
Pressing &quot;B&quot; to black the screen is a feature that I consider critical that is missing here.
评论 #13414732 未加载
sanjaytsover 8 years ago
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.
naviesover 8 years ago
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.
评论 #13413116 未加载
imafishover 8 years ago
Project looks fine - but I don&#x27;t see myself switching from latex beamer any time soon.
metaseanover 8 years ago
It works great on IceCatMobile and is open source - so it has my support!