TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

Reveal.js

286 点作者 shandip超过 11 年前

31 条评论

hakim超过 11 年前
For those of you wondering what we&#x27;ve changed in reveal.js since it was last on HN, have a look at <a href="https://github.com/hakimel/reveal.js/releases" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;hakimel&#x2F;reveal.js&#x2F;releases</a> (everything since 1.2.0 is new). Changes include support for RTL, MathJax, Multiplexing, Leap Motion and much more.<p>I&#x27;m also working on making reveal.js available to folks who don&#x27;t know HTML. Give it a go at <a href="http://slid.es/" rel="nofollow">http:&#x2F;&#x2F;slid.es&#x2F;</a>
评论 #6451240 未加载
评论 #6451702 未加载
评论 #6451067 未加载
nailer超过 11 年前
I looked at Reveal recently (the Google Chrome DevTools guys use it for all their demos) for a presentation but ended up using Bespoke.JS instead (which oddly enough the Mozilla folks have been using recently):<p>The following presentation gives a good overview of the differences between Bespoke and Reveal: <a href="http://markdalgleish.com/presentations/bespoke.js/" rel="nofollow">http:&#x2F;&#x2F;markdalgleish.com&#x2F;presentations&#x2F;bespoke.js&#x2F;</a><p>(keep pressing forward...it gets more interesting as you progress)<p>I liked the plugins, the docs were simple, they include grunt so your style changes are applied live, and they linked to other people presentations so you could peak at what others were doing.<p>In particular, I was 100% willing to switch right back to Keynote the moment any JS based presentation tool made me work on the tool more than the content. That never happened, and I ended up finishing the slides in Bespoke.
评论 #6451226 未加载
chops超过 11 年前
Reveal.js is great.<p>Up until recently, I was putting slides together using Google Docs (ugh!), and thought there had to be a different way so I started looking around. Reveal.js looked the best to me, but I wanted two things:<p>1) It running on a server reading new slideshows automatically, and<p>2) To write the slides in pure markdown (like how some others use `---` for slide separation).<p>I ended up hacking together a quick Erlang-based slideshow server called Sliderl[1] that lists all slideshows (showing a quick preview of the first slide), and has a simple text-search. And of course, all the slideshows are rendered with Reveal.js.<p>1) Make sure Erlang is installed<p>2) clone the repo<p>3) put your slideshows in its &quot;slideshow&#x2F;&quot; directory (slideshows must end with .markdown)<p>4) make<p>5) make run<p>6) Open browser to <a href="http://127.0.0.1:8000" rel="nofollow">http:&#x2F;&#x2F;127.0.0.1:8000</a><p>I suppose it&#x27;s simple if you have Erlang installed already, but if you don&#x27;t have Erlang installed, you probably don&#x27;t want to install it just to show some slides. A running example with some of my slide decks is at <a href="http://slides.sigma-star.com/" rel="nofollow">http:&#x2F;&#x2F;slides.sigma-star.com&#x2F;</a><p>[1] <a href="https://github.com/choptastic/sliderl" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;choptastic&#x2F;sliderl</a>
评论 #6453935 未加载
sequoia超过 11 年前
+1 for reveal.js. In a talk I gave recently about a PHP dep management tool, I used reveal.js (+fragments) + `script` command + ansi2html.sh to create colorized, step-by-step terminal demos <i>without running it in the console.</i><p>Nice cuz a) no live coding, no risk there b) dep tool requires network access for most operations; bad wifi at conference = &quot;oh no&quot; c) ppl can follow along at home or go over the steps themselves d) not an image so you can select&#x2F;copy text.<p>Here&#x27;s an example: <a href="http://sequoia.github.io/composer-talk/#/7/1" rel="nofollow">http:&#x2F;&#x2F;sequoia.github.io&#x2F;composer-talk&#x2F;#&#x2F;7&#x2F;1</a> (press spacebar to advance). I plan to write a blog post about my strategies for avoiding live coding in presentations... one of these days :p
fiddlosopher超过 11 年前
The recently-released pandoc 1.12 (<a href="http://johnmacfarlane.net/pandoc" rel="nofollow">http:&#x2F;&#x2F;johnmacfarlane.net&#x2F;pandoc</a>) supports reveal.js as an output format. I&#x27;ve been using it for some time to give talks, and it works well. The 2-D navigation structure makes it easier to find slides when there are questions.
prezjordan超过 11 年前
If you like whipping up quick, simple slideshows without any effort - I&#x27;ve been hacking away at Cleaver [0] for the past few weeks. You write a single markdown document and it parses into a single HTML document. I built it primarily for quick presentations at my Open Source club.<p>[0]: <a href="http://jdan.github.io/cleaver/" rel="nofollow">http:&#x2F;&#x2F;jdan.github.io&#x2F;cleaver&#x2F;</a>
BinRoo超过 11 年前
For a cool example of using Reveal.js, check out my Haskell Lectures <a href="http://shuklan.com/haskell/lec01.html" rel="nofollow">http:&#x2F;&#x2F;shuklan.com&#x2F;haskell&#x2F;lec01.html</a>
评论 #6451465 未加载
chrisfarms超过 11 年前
Am I the only one who finds the concept of &quot;vertical slides&quot; a bit, errr, wrong?<p>A presentation is a linear process. The first time a skipped through someone&#x27;s slides who had this concept (without being presented to) I missed half of the content.<p>Is it for &quot;things I might not have time for&quot;? or What am I missing here?
评论 #6452787 未加载
评论 #6453771 未加载
评论 #6452679 未加载
NKCSS超过 11 年前
Been around for a good while, but still awesome.<p>You should check out all his labs on <a href="http://hakim.se/" rel="nofollow">http:&#x2F;&#x2F;hakim.se&#x2F;</a><p>Be ware that most of the stuff there is just PoC and you may have some issues trying to adapt them, but the showcases are awesome :)
captn3m0超过 11 年前
There is also a presentation hosting service, based on this at <a href="http://Slid.es" rel="nofollow">http:&#x2F;&#x2F;Slid.es</a>
deathanatos超过 11 年前
“Hold down alt and click on any element to zoom in on it using zoom.js. Alt + click anywhere to zoom back out.”<p>Alt+mouse is bound to &quot;move window&quot; by default in GNOME (and perhaps others), and your event handlers will never get fired. (Personally, I love this keybinding: IMHO, it&#x27;s a every quick and efficient way to move windows, since it increases the &quot;catchable&quot; area to the entire window, not just the title bar.)<p>Also, did anyone else notice that progress bar at the bottom?
efyx超过 11 年前
Another framework for making presentation that I love is Impress.js : <a href="http://bartaz.github.io/impress.js" rel="nofollow">http:&#x2F;&#x2F;bartaz.github.io&#x2F;impress.js</a><p>It&#x27;s a bit different and more technical than Reveal.js but it allow you to create fully customizable and unique presentation.
agumonkey超过 11 年前
Being on the low end of computing power, every time I see a reveal.js based presentation I cringe. I&#x27;m not embracing the trend for fancy transition in presentation, content first I guess. Maybe there are ways to gracefully degrade slides to avoid lagging ?
shocks超过 11 年前
I wrote a cool little node application for reveal.js that lets you control the slideshow with your phone over websockets.<p>Reveal.js is great! :D<p><a href="https://github.com/wridgers/slide" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;wridgers&#x2F;slide</a>
评论 #6457998 未加载
cburgmer超过 11 年前
I am using impress.js for all my presentations: <a href="http://bartaz.github.io/impress.js/" rel="nofollow">http:&#x2F;&#x2F;bartaz.github.io&#x2F;impress.js&#x2F;</a>
评论 #6450761 未加载
chid超过 11 年前
Is there anything new about this?
评论 #6450910 未加载
评论 #6451009 未加载
评论 #6450446 未加载
评论 #6450557 未加载
ChrisArchitect超过 11 年前
comments from last year <a href="https://news.ycombinator.com/item?id=3383673" rel="nofollow">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=3383673</a>
alokv28超过 11 年前
I still prefer Keynote to JS presentation tools since playing with layout is easier manually than with css (for me).<p>But one killer feature Keynote lacks is slide inheritance. I love using build-outs and I wish I could edit a parent slide and have the changes propagate to its children. This feature would be much easier to build out with a JS presentation framework.
评论 #6455922 未加载
sgt超过 11 年前
I loved signing up to slid.es - for some reason it&#x27;s just never that smooth, but my brain was completely on autopilot and before I knew it, I could start building slides.<p>As for the app itself, I&#x27;ll have to play around a bit more, but initial impressions are that it&#x27;s very responsive and something I wish was available years ago.
bahmutov超过 11 年前
For quick and dirty presentations, I created <a href="http://glebbahmutov.com/slides-now/" rel="nofollow">http:&#x2F;&#x2F;glebbahmutov.com&#x2F;slides-now&#x2F;</a> - just drag and drop .md file. Supports themes, timers, etc. Even does very nice jobs with code blocks, because I need to show code a lot.
GeneralMayhem超过 11 年前
I&#x27;ve been using slid.es for a few things recently. It&#x27;s really well-made, gives you a workable GUI with the option to edit HTML directly, gives you free cloud storage for your presentations, and is a nice change of pace and extra bit of glitter compared to Powerpoint. A job very well done.
rcthompson超过 11 年前
Protip: In addition to standard fullscreen, Chrome also has a &quot;Presentation mode&quot; that makes all the browser UI autohide at the top and makes the content full screen. Useful if you don&#x27;t want the browser UI cluttering up your presentation.
moondowner超过 11 年前
To people that want more classic style presentations which are exportable to PDF slides there&#x27;s shower.<p><a href="https://github.com/shower/shower" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;shower&#x2F;shower</a><p>Used it for several presentations and I&#x27;m pretty satisfied.
gren超过 11 年前
I&#x27;ve just &quot;hacked&quot; Reveal.js on my own prez to support some code injection and enter&#x2F;leave support :-)<p><a href="http://greweb.me/webaudioapi-introduction/" rel="nofollow">http:&#x2F;&#x2F;greweb.me&#x2F;webaudioapi-introduction&#x2F;</a>
marksbrown超过 11 年前
The way this has been recently tied into `ipython notebook&#x27;[1] is surprisingly nice.<p>[1]<a href="http://www.youtube.com/watch?v=rBS6hmiK-H8" rel="nofollow">http:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=rBS6hmiK-H8</a>
franze超过 11 年前
shameless plug: reveal.js works great with onsnap.js (<a href="http://miniqr.com/onsnap.r" rel="nofollow">http:&#x2F;&#x2F;miniqr.com&#x2F;onsnap.r</a>) how-to: allow microphone, start snapping
lallysingh超过 11 年前
I ended up presenting my PhD with this and a mix of d3.js and inkscape-generated svg. You can do a lot with this, especially if you tune down the transitions, colors, and fonts a bit.
oddshocks超过 11 年前
I suggest that you make the alt-click shortcut something else. Many Linux users have alt-click&#x2F;drag mapped to moving&#x2F;resizng their windows.
TallboyOne超过 11 年前
More of the same: <a href="http://pineapple.io/tags/presentations" rel="nofollow">http:&#x2F;&#x2F;pineapple.io&#x2F;tags&#x2F;presentations</a>
wildmXranat超过 11 年前
It was great and it looks like it&#x27;s just steady as she goes. Good job.
Kiro超过 11 年前
Everything Hakim makes is gold.