天天看點

6個最好的 HTML5/CSS3 示範(PPT)架構

HTML 是全世界最流行的網頁程式設計語言。而HTML5是這門語言的更新版本。越來越多的開發者和設計師開始使用HTML5.今天我們要介紹的是最好的幾個 HTML5/CSS3 的示範工具和架構,你可以用它們來建立你的網頁PPT。

<a href="http://code.google.com/p/html5slides/" target="_blank">1. html5 Slides</a>

這是 Google 提供的 HTML5 幻燈片模闆。你可以下載下傳這個模闆,然後編輯它,就可以建立你自己的幻燈片了。

6個最好的 HTML5/CSS3 示範(PPT)架構

<a href="https://github.com/briancavalier/slides" target="_blank">2. Slides Presentation with HTML5 </a>

這個工具用了純HTML做主題和架構,CSS做切換效果,還有一個簡單的JS MVC架構來展示幻燈片。這個工具最适合用來展示你的資料。

6個最好的 HTML5/CSS3 示範(PPT)架構

<a href="https://github.com/LeaVerou/CSSS" target="_blank">3. CSSS </a>

這是一個基于CSS的幻燈片系統,在開發者和設計師圈子中很流行。她提供了一些設計,你可以基于這些設計做一些快速的修改。

6個最好的 HTML5/CSS3 示範(PPT)架構

<a href="http://slides.html5rocks.com/#title-slide" target="_blank">4. HTML5 Rocks </a>

這個架構很流行。

6個最好的 HTML5/CSS3 示範(PPT)架構

<a href="http://www.oschina.net/p/impress-js" target="_blank">5. Impress.js </a>

這個工具之前OSChina有介紹過。它主要是基于CSS3的變換和切換。隻有現代浏覽器支援,效果很震撼。

6個最好的 HTML5/CSS3 示範(PPT)架構

<a href="http://www.oschina.net/p/reveal-js" target="_blank">6. Reveal.js</a>

6個最好的 HTML5/CSS3 示範(PPT)架構

繼續閱讀