Hartija is universal printing stylesheet or best printing CSS practices all in one.

Just use it like normal CSS:

<link rel="stylesheet" href="print.css" type="text/css" media="print">

The "magic" is in media="print", this CSS file will be used by the browser only when you print. You can also use it inside CSS like: @media print { .. }.

Only work you need to do is hide the stuff you don't need in the final print. Basically you hide some id and class in the CSS like:

#navbar, #footer, #someOtherID, .someClass, .otherClass { display : none; }

http://vladocar.github.io/Hartija---CSS-Print-Framework/

Demo Hartija

$ npm i hartija---css-print-framework 

<link rel="stylesheet" href="https://unpkg.com/[email protected]/print.css" type="text/css" media="print" charset="utf-8">

This project is licensed under the MIT License