速さこそ正義

調べたことを書いていきます。

Reveal.jsのテーマ一覧

Reveal.js

Reveal.jsとは

HTMLでスライドを作成できるJavascriptです。

revealjs.com

設定方法

HTML内でCSSを指定すればOK

<link rel="stylesheet" href="css/theme/white.css">

カラーテーマ一覧(プリインストール設定)

初めから用意されているCSSの一覧。
CSSによってフォントやデザインの印象が大きく変わります。 好みのものがない場合は、自分で作成もできます。
自分で作成する場合は↓
https://github.com/hakimel/reveal.js/blob/master/css/theme/README.md

Black(default)

f:id:cyamax:20180112001554p:plain

white

f:id:cyamax:20180112001600p:plain

league

f:id:cyamax:20180112001613p:plain

Sky

f:id:cyamax:20180112001621p:plain

Beige

f:id:cyamax:20180112001630p:plain

Simple

f:id:cyamax:20180112001641p:plain

Serif

f:id:cyamax:20180112001649p:plain

Blood

f:id:cyamax:20180112001704p:plain

Night

f:id:cyamax:20180112001712p:plain

Moon

f:id:cyamax:20180112001721p:plain

Solarized

f:id:cyamax:20180112001729p:plain

サイトで確認

サイトでも直接確認できます。 revealjs.com

その他

Reveal.jsをこれに使っています。 www.cyamax.com