Vivliostyle サンプル

技術書

• 

  『Vivliostyle で本を作ろう Vol. 1』

  目次、ページヘッダー、脚注、印刷用のトンボと塗り足し
  • Page View
  • For Print (トンボ付き)
  • Raw HTML
  • Source
  関連記事: 技術書典6にVivliostyleユーザー会が出展します！

小説

• 

  英語小説

  レスポンシブ、ウェブフォント、ページカウンタ、相互参照、ページヘッダー

  “Alice’s Adventures in Wonderland”

  • Page View
  • Raw HTML
  • Source

  “The Adventures of Sherlock Holmes”

  • Page View
  • Raw HTML
  • Source

  “White Fang”

  • Page View
  • Raw HTML
  • Source
• 

  文庫本フォーマット『ごん狐』

  縦書き、ルビ、ページヘッダー

  固定ページサイズ

  • Page View
  • Raw HTML
  • Source

  可変ページサイズ

  • Page View
  • Raw HTML
  • Source

雑誌・新聞

• 

  Web 雑誌 “JDIR”

  段組、ページテンプレート、レスポンシブ、目次、印刷用のトンボと塗り足し

  横書き

  • Page View
  • For Print (トンボ付き)
  • Source

  縦書き

  • Page View
  • For Print
  • Source
  (このサンプルでは、JDIR JBpress Digital Innovation Reviewの記事を、株式会社日本ビジネスプレスより承諾を得て利用させていただいております。)
• 

  “Apollo 8”

  回り込み、段組、レスポンシブ、ページテンプレート
  • Page View
  • Raw HTML
  • Source
  (from Peter Sorotokin’s Adaptive Layout)
• 

  雑誌レイアウト『白馬岳』

  縦書き、ルビ、段組

  固定ページサイズ

  • Page View
  • Raw HTML
  • Source

  可変ページサイズ

  • Page View
  • Raw HTML
  • Source
• 

  新聞

  段組、ページテンプレート、レスポンシブ
  • Page View
  • Raw HTML
  • Source

記事

• 

  学術論文 “Scholarly HTML”

  段組、ページテンプレート、ウェブフォント、スクロールとページ、Flexbox
  • Page View
  • Raw HTML
  • Source
• 

  英語記事 “The Malay Archipelago”

  段組、レスポンシブ、脚注
  • Page View
  • Raw HTML
  • Source

---

• Page View オンライン Vivliostyle Viewer でページ表示
• Raw HTML 通常HTML表示
• Source GitHub上のソースファイル（HTMLやCSS）へ

Twitter  facebook