隨著互連網與資訊技術的發展,人際之間的資源分享、觀點碰撞越來越頻繁。PPT是一個很好的展示和交流的方式,但是在網路即時呈現方面,案頭端的PPT程式顯得無能為力。因此,基於web的內容展示應用需求激增,在此背景下,基於html5+css3的示範架構日漸流行。今天,我們就來給大家推薦幾個流行的項目。
1. impress.js這是一個基於強大CSS 3d技術的網頁示範程式,僅限現代瀏覽器支援,效果震撼。大家可以到github擷取項目的最新動向,官方教程和使用案例介紹。
官方提供的教程:
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 by Franco Alvarez
CSS 3D transforms from meet.js summit by @bartaz
What the Heck is Responsive Web Design by John Polacek @johnpolacek
Web Application Project Workflow by Heath Dutton @heathdutton
Asynchronous JavaScript by Mariusz Nowak @medikoo
Bonne année 2012 by Edouard Cunibil @DuaelFr
Careers in Free and Open Source Software by Exequiel Ceasar Navarrete @exi_navarrete
Intro to Node.js (src) by Le Zhang @le_isms
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
Testing impress.js by @manursio Just testing this awesome plugin.
Tomorrow's Schools by Brian E. Bennett @bennettscience
Faster HTML5 Apps from X-HTML5MAS Meetup by IndrekV2.Reveal.js
據說是最優秀的網頁示範架構,大家可以到官方網站瞭解瞭解,他還提供了線上編輯的功能,你馬上就可以編輯自己的web ppt了。再給大家推薦一個利用Reveal.js製作的ppt--An Optimized SVG Workflow。3.Flowtime.js
大家可以圍觀其官方網站,或是看看樣本。其他若干我認為最好的就這麼幾個,當然網頁示範架構還有很多,具體的大家可以看看這篇文章《25佳html5+css3示範架構》,這篇文章就到這,歡迎拍磚。---------------------------------------------------------------
前端開發whqet,關注web前端開發技術,分享網頁相關資源。
---------------------------------------------------------------