最好的 HTML5/CSS3 演示（PPT）框架

朴灿烈づ我的快乐病毒、 2022-08-24 14:22 140阅读 0赞

随着互联网与信息技术的发展，人际之间的资源分享、观点碰撞越来越频繁。PPT是一个很好的展示和交流的方式，但是在网络实时呈现方面，桌面端的PPT程序显得无能为力。因此，基于web的内容展示应用需求激增，在此背景下，基于html5+css3的演示框架日渐流行。今天，我们就来给大家推荐几个流行的项目。

## 1. impress.js ##

这是一个基于强大CSS 3d技术的网页演示程序，仅限现代浏览器支持，效果震撼。大家可以到 [github][]获取项目的最新动态，官方教程和使用案例介绍。

![SouthEast][]

官方提供的教程：

*  [Creating Stunning Visualizations with Impress.js][]
 *  [Making an Impressive Product Showcase with CSS3][]
 *  [How To Use Impress.js][]
 *  [Impress With Impress][]

笔者优选的网页演示案例：

*  [Hashdog: Software Factory - Brochure][Hashdog_ Software Factory - Brochure] by [Franco Alvarez][Hashdog_ Software Factory - Brochure]
 *  [CSS 3D transforms][] from [meet.js summit][] by [@bartaz][bartaz]  
    
 *  [What the Heck is Responsive Web Design][] by John Polacek [@johnpolacek][johnpolacek]  
    
 *  [Web Application Project Workflow][] by Heath Dutton [@heathdutton][heathdutton]  
    
 *  [Asynchronous JavaScript][] by Mariusz Nowak [@medikoo][medikoo]  
    
 *  [Bonne année 2012][Bonne ann_e 2012] by Edouard Cunibil [@DuaelFr][DuaelFr]  
    
 *  [Careers in Free and Open Source Software][] by Exequiel Ceasar Navarrete [@exi\_navarrete][exi_navarrete]  
    
 *  [Intro to Node.js][] ([src][]) by Le Zhang [@le\_isms][le_isms]  
    
 *  [The Revolutionary CSS3: a non-technical intro to CSS3][The Revolutionary CSS3_ a non-technical intro to CSS3] by [Scott Cheng][]  
    
 *  [Gauge conditions and blackhole stability][] by [Kartik Prabhu][]  
    
 *  [Speeding Up Drupal][] by Evan Willhite [@evanmwillhite][evanmwillhite]  
    
 *  [Testing impress.js][] by [@manursio][manursio] Just testing this awesome plugin.  
    
 *  [Tomorrow's Schools][Tomorrow_s Schools] by Brian E. Bennett [@bennettscience][bennettscience]
 *  [Faster HTML5 Apps][] from [X-HTML5MAS Meetup][] by [IndrekV][]
    
    ## 2.Reveal.js ##
    
    ![SouthEast 1][]  
    
    
    据说是最优秀的网页演示框架，大家可以到 [官方网站][Link 1]了解了解，他还提供了在线编辑的功能，你马上就可以编辑自己的web ppt了。再给大家推荐一个利用Reveal.js制作的ppt-- [An Optimized SVG Workflow][]。
    
    ## 3.Flowtime.js ##
    
    ![SouthEast 2][]  
    
    
    大家可以围观其 [官方网站][Link 2]，或是看看 [示例][Link 3]。
    
    ## 其他若干 ##
    
    我认为最好的就这么几个，当然网页演示框架还有很多，具体的大家可以看看这篇文章《 [25佳html5+css3演示框架][25_html5_css3]》，这篇文章就到这，欢迎拍砖。
    
    \---------------------------------------------------------------  
    前端开发whqet，关注web前端开发技术，分享网页相关资源。  
    \---------------------------------------------------------------

[github]: https://github.com/bartaz/impress.js
[SouthEast]: /images/20220824/933eef8506994d44be79be6503e2777d.png
[Creating Stunning Visualizations with Impress.js]: http://www.1stwebdesigner.com/css/creating-stunning-visualizations-with-impress-js/
[Making an Impressive Product Showcase with CSS3]: http://tutorialzine.com/2012/02/css3-product-showcase/
[How To Use Impress.js]: http://www.cubewebsites.com/blog/guides/how-to-use-impress-js/
[Impress With Impress]: http://www.andismith.com/blog/2012/01/impress-with-impress/
[Hashdog_ Software Factory - Brochure]: http://www.hashdog.com/brochure
[CSS 3D transforms]: http://bartaz.github.com/meetjs/css3d-summit
[meet.js summit]: http://summit.meetjs.pl/
[bartaz]: http://twitter.com/bartaz
[What the Heck is Responsive Web Design]: http://johnpolacek.github.com/WhatTheHeckIsResponsiveWebDesign-impressjs/
[johnpolacek]: http://twitter.com/johnpolacek
[Web Application Project Workflow]: http://heathdutton.github.com/wappflow/presentation
[heathdutton]: http://twitter.com/heathdutton
[Asynchronous JavaScript]: http://www.medikoo.com/asynchronous-javascript/3d/
[medikoo]: http://twitter.com/medikoo
[Bonne ann_e 2012]: http://duael.fr/voeux/2012/
[DuaelFr]: http://twitter.com/DuaelFr
[Careers in Free and Open Source Software]: http://exequiel09.github.com/symposium-presentation/
[exi_navarrete]: http://twitter.com/exi_navarrete
[Intro to Node.js]: http://introtonode.herokuapp.com/
[src]: https://github.com/leisms/IntroToNode
[le_isms]: http://twitter.com/le_isms
[The Revolutionary CSS3_ a non-technical intro to CSS3]: http://scottcheng.github.com/revolutionary-css3/
[Scott Cheng]: http://scottcheng.com/
[Gauge conditions and blackhole stability]: http://kartikprabhu.com/static/talks/Gauge%20Conditions%20%26%20Stability%20in%20GR%20-%20MWRM2012/gauge2012.html
[Kartik Prabhu]: http://kartikprabhu.com/
[Speeding Up Drupal]: http://ewillhite.github.com/speed-drupal
[evanmwillhite]: http://twitter.com/evanmwillhite
[Testing impress.js]: http://manuelbaronetti.com.ar/demo-impress/en
[manursio]: http://twitter.com/manursio
[Tomorrow_s Schools]: http://www.brianbennett.org/MACUL
[bennettscience]: http://twitter.com/bennettscience
[Faster HTML5 Apps]: http://indrekv.github.com/talk
[X-HTML5MAS Meetup]: http://html5.ee/events/92739062/
[IndrekV]: http://indrekv.github.com/
[SouthEast 1]: /images/20220824/08fc8298b60c49fba7af0688c7d5eeef.png
[Link 1]: http://lab.hakim.se/reveal-js/
[An Optimized SVG Workflow]: http://kylefoster.me/svg-slides/#/
[SouthEast 2]: /images/20220824/e0180d7f29e446e5baca663c3a6f8df0.png
[Link 2]: https://github.com/marcolago/flowtime.js
[Link 3]: http://flowtime-js.marcolago.com/
[25_html5_css3]: http://www.readerspark.com/threads/top-25-free-html5-css3-presentation-frameworks.26/