映写機＋CSS

メディアタイプ（本では99ページに参照）を上手く利用すればひとつのXHTMLファイルを様々なデバイスに対応することが可能になります。少し前のエントリーで「handheld」と呼ばれる携帯デバイス用のCSSメディアタイプについて紹介しましたが、今回は映写機（プロジェクター）用のメディアタイプである「projection」を紹介したいと思います。

「handheld」と同様「projection」メディアタイプを現在サポートしているWebブラウザはOperaになります。Operaは早い時期から「projection」をサポートしておりバージョンは4.0にまでさかのぼります。「projection」CSSが記述されているサイトでOperaをフルスクリーンモード（F11）にすればパワーポイントのようなスライドショーになります（例）。スライドはキーボードの「page up」と「page down」で操作することが出来ます。映写機用のCSSの制作は非常に簡単で基本的にスライドの区切りを作るプロパティを加えればスライドショーっぽくなります。

div.slide {

	page-break-before : always;

}

プレゼンテーション時には見せたくない情報（例えばコメントやメモ）は「display: none」を使って映写機には映らないようにして、通常のブラウザ（screen）モードでは見えるように制御しておくというテもありますね。

ちなみにOperaのサイトでは簡単にスライドショー用のXHTMLとCSSを制作出来るOpera Show Generatorというのがあります。また、W3Cのほうでミニチュートリアルもあるので参考にしても良いかもしれませんね。