negativo/html-sheets-of-paper

Word processor in your browser using HTML and CSS (for invoices, legal notices, etc.)

Sheets of Paper

Word processor in your browser using HTML and CSS (e.g. for invoices, legal notices, etc.)

• Poor man's Google Docs
• Like the foundation of Microsoft Word or LibreOffice — but in your web browser
• Emulates sheets of paper in web documents
• No skeuomorphic paper

Live demo: Try modifying or printing the page

Usage

1. Copy all files to any desired directory
2. Modify the HTML source in index.html to your liking

Browser compatibility

• Chrome 4+
• Firefox 19+
• Safari 5+
• Opera 10.1+
• Internet Explorer 9+
• Edge 12+

Paper sizes

• A4 (21cm × 29.7cm) — sheets-of-paper-a4.css
• A3 (29.7cm × 42cm) — sheets-of-paper-a3.css
• US Letter (21.6cm × 27.9cm) — sheets-of-paper-usletter.css
• US Legal (21.6cm × 35.6cm) — sheets-of-paper-uslegal.css
• US Tabloid (27.9cm × 43.2cm) — sheets-of-paper-ustabloid.css

Printing

Chrome

• Change the Destination to Save as PDF.
• Make sure the Paper size is set to the one defined in your CSS.
• From the Margins list, choose None to prevent the browser from overriding our CSS.
• In the Options section, uncheck Headers and footers and check Background colors and images.

Third-party components

• Open Sans — Steve Matteson (via Google) — Apache License 2.0

License

Copyright (c) delight.im <[email protected]>

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

  http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.