Vivliostyle Samples

Technical Books

• 

  Japanese book “Make Books with Vivliostyle, Vol. 1”

  Table of contents, running headers, footnotes, crop marks and bleed for print
  • Page View
  • For Print (with crop marks)
  • Raw HTML
  • Source
  Related article (Japanese): 技術書典6にVivliostyleユーザー会が出展します！

Novels

• 

  Novels from Project Gutenberg

  Page margin box, page counter, cross references, responsive page size, web fonts

  “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
• 

  Japanese novel “Gon, the Little Fox”

  Vertical text, ruby, page margin box, page counter

  Fixed Page Size

  • Page View
  • Raw HTML
  • Source

  Responsive Page Size

  • Page View
  • Raw HTML
  • Source

Magazines & Newspapers

• 

  Web Magazine “JDIR”

  Multi-column, responsive design, page templates, table of contents, crop marks and bleed for print

  Horizontal text

  • Page View
  • For Print
  • Source

  Vertical text

  • Page View
  • For Print
  • Source
  (In this sample, JDIR JBpress Digital Innovation Review's articles are used with permission from Japan Business Press Co., Ltd.)
• 

  “Apollo 8”

  Shapes, exclusions, multi-column, page templates, media queries, running headers
  • Page View
  • Raw HTML
  • Source
  (from Peter Sorotokin’s Adaptive Layout)
• 

  Japanese magazine “Mt. Shirouma”

  Vertical text, multi-column, ruby, page margin box

  Fixed Page Size

  • Page View
  • Raw HTML
  • Source

  Responsive Page Size

  • Page View
  • Raw HTML
  • Source
• 

  Newspaper

  Multi-column, responsive design, page templates, cross references
  • Page View
  • Raw HTML
  • Source

Articles

• 

  Academic article “Scholarly HTML”

  Page templates, multi-column, web fonts, scroll+pagination, Flexbox
  • Page View
  • Raw HTML
  • Source
• 

  “The Malay Archipelago”

  Responsive, page templates, multi-column, footnotes
  • Page View
  • Raw HTML
  • Source

---

• Page View for paginated view with online Vivliostyle viewer.
• Raw HTML for normal HTML view.
• Source for source files, HTML/CSS etc., on GitHub.

Twitter  facebook