Paged.js

Make Books
with Browsers


Julie Blanc (@julieblancfr)
Julien Taquet (@john_tax)

HTML

circa 1991

CSS

circa 1996

Responsive

circa 2010

Printed book

circa 1452

Website

circa 1991

Single source publishing

Flux → Pagination

Missing features

Running headers, page number, facing pages, page float, etc.

A free and open source JavaScript library that paginates content in browser to create PDF outputs of any HTML content

pagedjs.org

Core team

Adam Hyde

Fred Chasen

Julien Taquet

Julie Blanc

Coko Foundation

  • Based on W3C web standards
  • Open and free tool (MIT licence)
  • Visual preview

Semantic content (HTML)

CSS design

Paged.js script

Paginated display of content

W3C / specifications

Respect of standards

DevTools

Polyfill

Code that implements features on web browsers
that do not support the features

How paged.js works ?

Features

Page size and margins

Symetric margins

Page breaks

Page breaks

Avoid page breaks

Page numbers

String-set (running headers and footers)

Pseudo class selectors for pages

Blank pages

Named pages

Columns layout

Cross references

Open-source

  • Political point of view: free access
  • Pragmatic point of view: collaboration

Single source publishing

https://villachiragan.saintraymond.toulouse.fr