如何制作在线图书，如http://www.20thingsilearned.com/

Question

最近，我发现Google网站制作了这个网站。

http://www.20thingsilearned.com/

到目前为止，我知道这不是基于Flash的。如何使用这项技术使用他们的技术制作在线图书？

Answer 1

我查看了常见的位置，看看是否有框架或其他东西，但我只发现了这两件事（看起来这将是一件很棒的工作）：

news.ycombinator.com/item?id=1918551>＆gt;＆gt; gist.github.com/705761

或者，您可以查看http://slides.html5rocks.com处的幻灯片。

他们在code.google.com/p/html5rocks/wiki/Slides上有一个Google Code项目页面，您可以在此处下载该来源。

修改
看看这个！
http://bartaz.github.com/impress.js

这个！ http://lab.hakim.se/reveal-js/

Answer 2

这是HTML5。您可以在此处查看说明：http://www.html5rocks.com/tutorials/casestudies/20things_pageflip.html：）

或者如果你想要，你可以使用jQuery Booklet，虽然不如HTML5那么顺利，请看这里：http://tympanus.net/Tutorials/MoleskineNotebook/

Answer 3

他们在http://code.google.com/p/20thingsilearned/的GPL v2下发布了整个应用（在Google App Engine上运行）的源代码，因此您也可以重现整个图书效果。

Answer 4

是的，这不是闪存肯定，但flash或flexx也可以用来开发它。这是使用HMTL 5和javascript开发的。 HTML 5有一个canvas对象，我相信它正在使用canvas的属性来构建它。但是，如果您要搜索一些jQuery书籍插件，那么您也可能会得到一些类似的结果。