Page Flow
Live Example
Page Flow

Have you ever wanted to fit some text in an HTML page where you really, really, just want it to fit in a fixed space no matter what? HTML doesn't make that easy. If you have to deal with dynamic text, you may want to handle the overflow by "paginating" it over different nodes, and that gets even harder.

The goal of PageFlow is to enable web developers to do just this, to distribute text over fixed size "pages".

For example, this text ...

Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt beatae tempora eius veniam explicabo ad voluptatibus temporibus neque accusantium aperiam, earum provident molestiae ducimus distinctio voluptates modi dolores ullam placeat libero itaque, debitis asperiores? Labore maxime est unde officiis ratione soluta animi mollitia dolor quasi odio, sint numquam, harum commodi itaque dolorum laboriosam porro id ipsum dignissimos quibusdam cumque. Porro voluptate cupiditate tenetur vero enim a magnam, ipsam id odit odio inventore dolorem nam tempora! In voluptatum cupiditate atque dolor porro quibusdam sapiente laborum inventore maxime, id aliquam ab, consequatur quod at. Distinctio quaerat sunt, ullam quam reiciendis repellendus maxime?

... is split into these 3in by 2in pages.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt beatae tempora eius veniam explicabo ad

voluptatibus temporibus neque accusantium aperiam, earum provident molestiae ducimus

distinctio voluptates modi dolores ullam placeat libero itaque, debitis asperiores? Labore maxime est unde officiis

ratione soluta animi mollitia dolor quasi odio, sint numquam, harum commodi itaque dolorum laboriosam

porro id ipsum dignissimos quibusdam cumque. Porro voluptate cupiditate tenetur vero enim a

magnam, ipsam id odit odio inventore dolorem nam tempora! In voluptatum cupiditate atque dolor porro

quibusdam sapiente laborum inventore maxime, id aliquam ab, consequatur quod at.

Distinctio quaerat sunt, ullam quam reiciendis repellendus maxime?

PageFlow splits text across distinct, disconnected Nodes instead of overflowing, and let's you define the size and margins of the "page" you want to work with, or pass in a template page and fill with some content.