ITエンジニア/デザイナ向けにオープンソースを毎日紹介

Webページでテキストコンテンツを書籍のように楽しめるようにする、そのための仕様がCSS Paged Mediaです。まだ仕様が固まっていませんが、標準化されればコンテンツの楽しみ方がまた変わってくるでしょう。

いち早くCSS Paged Mediaを体験したい方はPaged.jsを使ってみましょう。

Paged.jsの使い方

これはePubファイルという訳ではありません。HTMLに書かれた文書をこのようにページ区切りにして表示できます。

日本語や画像も表示できます。

目次も出せます。

数式表示も対応。

CSSなのでダイナミックにレイアウト変更できます。

Paged.jsではページサイズ、ヘッダーやフッターの設定、マージンなど細かな指定が可能です。ePubファイルを読み込んで表示する機能もあります。小説サイトのコンテンツもPaged.jsで表示すれば楽しみ方が増えることでしょう。

Paged.jsはJavaScript製のオープンソース・ソフトウェア(MIT License)です。

Paged.js – Paged Media

Projects · Explore · GitLab

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2