All Projects → vladocar → Hartija Css Print Framework

vladocar / Hartija Css Print Framework

Licence: mit
Universal CSS for web printing

Projects that are alternatives of or similar to Hartija Css Print Framework

Next Js Blog Boilerplate
🚀 Nextjs Blog Boilerplate is starter code for your blog based on Next framework. ⚡️ Made with Nextjs, TypeScript, ESLint, Prettier, PostCSS, Tailwind CSS.
Stars: ✭ 134 (-73.67%)
Mutual labels:  starter-kit, starter, starter-template, boilerplate
Laravel Boilerplate
Laravel Boilerplate / Starter Kit with Gentelella Admin Theme
Stars: ✭ 704 (+38.31%)
Mutual labels:  starter-kit, starter, boilerplate, template
Primitive
⛏️ ‎ A front-end design toolkit for developing web apps.
Stars: ✭ 783 (+53.83%)
Mutual labels:  starter-kit, css-framework, boilerplate, template
Minwiz
Minimal starter kit for under 2 KB sites
Stars: ✭ 228 (-55.21%)
Mutual labels:  starter-kit, starter-template, boilerplate, css3
Niklick
Rails Versioned API solution template for hipsters! (Ruby, Ruby on Rails, REST API, GraphQL, Docker, RSpec, Devise, Postgress DB)
Stars: ✭ 39 (-92.34%)
Mutual labels:  starter-kit, starter, starter-template, boilerplate
React Firebase Admin
React ⚛️ starter kit with Firebase 🔥 and Bulma for setting up an admin dashboard - Highly scalable, PWA, Serverless
Stars: ✭ 232 (-54.42%)
Mutual labels:  starter-kit, boilerplate, template
Extension Create
Create modern cross-browser extensions with no build configuration.
Stars: ✭ 167 (-67.19%)
Mutual labels:  starter-kit, boilerplate, template
botfuel-sample-starter
Starter bot using Botfuel Dialog
Stars: ✭ 24 (-95.28%)
Mutual labels:  starter-template, starter, starter-kit
SampleProject
A starter project for Sample Project in Objective C. Objective C version of https://github.com/xeieshan/SwiftySampleProject
Stars: ✭ 31 (-93.91%)
Mutual labels:  starter-template, starter, starter-kit
example-typescript-package
Example TypeScript Package ready to be published on npm & Tutorial / Instruction / Workflow for 2021
Stars: ✭ 71 (-86.05%)
Mutual labels:  starter-template, starter, starter-kit
Asp Net Core Vue Starter
ASP.NET Core + Vue.js starter project
Stars: ✭ 436 (-14.34%)
Mutual labels:  starter, starter-template, template
React Native Navigation Redux Starter Kit
React Native Navigation(v2) Starter Kit with Redux, Saga, ESLint, Babel, Jest and Facebook SDK 😎
Stars: ✭ 271 (-46.76%)
Mutual labels:  starter-kit, starter, boilerplate
React Native Typescript Boilerplate
React Native Typescript starter kit / template (Redux Thunk + React Native Navigation v7 + TSLint)
Stars: ✭ 155 (-69.55%)
Mutual labels:  starter-kit, boilerplate, template
sass-starter-pack
Sass starter files using Gulp v4.0.0 🔥
Stars: ✭ 34 (-93.32%)
Mutual labels:  starter-template, starter, starter-kit
Typescript React Native Starter
A highly scalable foundation with a focus on best pratices and simplicity to start your React Native project in seconds.
Stars: ✭ 141 (-72.3%)
Mutual labels:  starter-kit, starter, boilerplate
noise-php
A starter-kit for your PHP project.
Stars: ✭ 52 (-89.78%)
Mutual labels:  starter-template, starter, starter-kit
Vue Electron Template
An Electron & Vue.js template with Hot-reloading enabled and common Vue plugins, dev, debug and build scripts configured.
Stars: ✭ 260 (-48.92%)
Mutual labels:  starter, starter-template, boilerplate
Kotlin Android Mvvm Starter
Android Kotlin Starter is a starter project which implements MVVM Pattern.
Stars: ✭ 276 (-45.78%)
Mutual labels:  starter, starter-template, template
Graphql Starter
💥 Monorepo template (seed project) pre-configured with GraphQL API, PostgreSQL, React, Relay, and Material UI.
Stars: ✭ 3,377 (+563.46%)
Mutual labels:  starter-kit, boilerplate, template
Meteor Apollo Starter Kit
Meteor, Apollo, React, PWA, Styled-Components boilerplate
Stars: ✭ 91 (-82.12%)
Mutual labels:  starter-kit, starter-template, boilerplate

Hartija---CSS-Print-Framework

What is Hartija?

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

How Hartija works?

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

You can use direct download or:

$ 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">

License

This project is licensed under the MIT License

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].