Comparison with Gutenberg & Hartija Css Frameworks

[Aarbel]

Hi paper-css teams,

Why did you created this library compared to Gutenberg and Hartija Css Frameworks ?

https://github.com/BafS/Gutenberg
https://github.com/vladocar/Hartija---CSS-Print-Framework

What are the core differences between Gutenberg, Hartija and Paper-css ?

Thanks !

[cognitom]

Hi @Aarbel,
I made this library to create beutiful receipts, invoices, tickets and more with ease. The point is that they are just for printing and not supposed to be webpages:

library	documents *1	formal printings *2	page break	layout	paper size
paper-css	-	good	manually	fixed	supported
Gutenberg	ok	-	automatically	fluid	-
Hartija	ok	-	automatically	fluid	-

• *1: documents: multi-paged ones like reports, academic papers or just usual webpages.
• *2: formal printings: single-paged ones like receipts, invoices or tickets.

[Aarbel]

@cognitom thanks for your reactivity !

Just a few more questions, you seem highly invested in this repository so my goal is to make the greatest possible. For me printing well formatted html is the best way to avoid server-side pdf rendering, and it's a great way to save a lot of money / maintaining time for developers.

About page breaks

• What happens if the content overflows a page ? Could you put some screenshots ?
• To print multiple pages, does paper-css can allow automatic page breaks and allow us to choose on which divs the content can break ?

About layout

• What's the difference between fixed and fluid ? Could you put screenshots of it ?

Definitions

• Could you add more details about what a document is for you ? Image ? Iframe ? Canvas ? Pdf ?
• Could you add more details about what formal printing criteria is for you ? Only single page print ?

Don't hesitate to add all these details in your readme ;)

[cognitom]

@Aarbel, what this library can is written in here:
https://github.com/cognitom/paper-css/blob/master/paper.css

Or you can try npm run preview:

$ git clone https://github.com/cognitom/paper-css.git
$ cd paper-css
$ npm install
$ npm run preview

What happens if the content overflows a page ?

https://github.com/cognitom/paper-css/blob/master/paper.css#L5

What's the difference between fixed and fluid ?

In the most of case, I use position: absolute; with paper-css. That's fixed I mean.