• documentation
  • examples
  • about
  • FAQ
  • journal
  • Gitlab

How to use Paged.js

  • The big picture

    written on Sep 3, 2019

    1. What is Paged.js?
    2. W3C specifications
    3. A community

  • Getting Started with Paged.js

    written on Sep 3, 2019

    1. Starting Paged.js
      1. Using Paged.js as a polyfill in web browsers
      2. Command line version

  • How Paged.js works

    written on Sep 3, 2019

    1. The Chunker: fragmenting the content
    2. The Polisher: polyfilling the print declarations
    3. The Previewer: rendering the paginated document

  • Web design for print

    written on Sep 3, 2019

    1. The @media print query
    2. @page rule
      1. Page size property
      2. CSS variables
    3. Margin size property
    4. Facing pages or recto/verso
    5. Page breaks
    6. Pseudo class selectors for pages
    7. Bleeds
    8. Crop and cross marks
    9. Code Review for a chapter

  • Generated Content

    written on Sep 3, 2019

    1. The content property
    2. Generated text
    3. Generated counters
    4. Generated images
    5. Generated links
    6. Generated content for paged media

  • Generated Content in Margin Boxes

    written on Sep 3, 2019

    1. Margin boxes of a page
    2. Page Counter
    3. Named String: classical running headers/footers
      1. Select content of string-set
      2. Styling named string
    4. Running elements: headers/footer with specific (complex) content
      1. Styling running elements
    5. Select element of the page for running title/headers
    6. Delete generated content in blank page
    7. Styling margin boxes and generated content
      1. Default alignement of generated content
      2. Applying style on generated content
      3. Define width and height of margin boxes
      4. Rotate margin boxes
    8. Rendering of margin boxes with Paged.js
      1. Margin boxes on the page
      2. Group of margin boxes
      3. Generated content into the margin boxes
      4. Computation Rules for group of margin boxes

  • Supported feature of the W3C specifications

    written on Sep 3, 2019

  • W3C specifications for printing

    written on Oct 3, 2019

    1. W3C CSS modules
    2. Support of W3C specifications in browsers
      1. Which browser to use?

  • Named Page

    written on Jan 28, 2020

    1. Mix page selectors and named pages
    2. Priority of @page rules

  • Cross References

    written on Jan 28, 2020

    1. Link targeted
    2. Target-counter()
    3. Target-text()
    4. Debug

  • Handlers, Hooks and custom javascript

    written on Jan 28, 2020

    1. Modules
      1. Some informations about the hooks
    2. Some examples
      1. cleaning hyperlinks for the print
      2. Adding a class to an image based on its ratio

Paged.js is maintained by the nice folks at Coko.